html {
min-width:970px;
color:#333;
background-color:#fff;
}
body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
color:#333;
background-color:#fff;
min-width:970px;
text-align: center;
}
/* Fix table problems */
table
{
font-size: 100%;
border-collapse: collapse;
width:970px;
}
table td, table tr
{
vertical-align: top;
}
input.checkbox
{
vertical-align: middle;
}
input.radio
{
vertical-align: middle;
}
/* Fixes alignment and spacing problems for embedded media */
object
{
margin: 0;
padding: 0;
border: 0;
display: block;
}
embed
{
margin: 0;
padding: 0;
border: 0;
display: block;
}
iframe
{
margin: 0;
padding: 0;
}
/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */
.floatwrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.floatwrapper {
display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */
/* Old-fashioned float clear */
.clearfloat {
clear: both;
}
/* Holly hack fix for IE 6 problems \*/
* html .hollyfix {height: 1%;}
/* */
.textreplaced
{
height:0;
display:block;
overflow:hidden;
font-size:1px;
}
/* General styles */
img {
display:block;
border:0;
}
img.inline {
display:inline
}
p {
margin:0 0 .7em 0;
}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
h1 {font-size:1.7em}
h2 {font-size:1.4em}
h3 {font-size:1.1em}
ul {list-style:outside }
ol {list-style:outside decimal}
a {
text-decoration:none;
color:#4e4e4e;
}
a:hover {/*
color:#cc0000;*/
}
a#skipnav:link,
a#skipnav:hover,
a#skipnav:visited {
height: 1px;
overflow: hidden;
position: absolute;
top: -999em;
}
a#skipnav:active,
a#skipnav:focus {
position:relative;
background: #FFF;
border: 1px solid #CC0000;
color: #CC0000;
height: 1em;
overflow: visible;
padding: .3em .3em .5em .3em;
position: fixed;
text-align: center;
top: 0;
width: 7em;
z-index: 1000;
}
a.buttonlink, input.buttonlink {
color:#fff;
background-color:#000;
padding:2px 20px;
text-transform:uppercase;
line-height:1em;
text-decoration:none;
font-size:.8em;
cursor:pointer;
}
a.buttonlink:hover,
a.buttonlink:focus,
a.buttonlink:active,input.buttonlink:hover,input.buttonlink:focus,
a.focusbuttonlink {
color:#fff !important;
text-decoration:none !important;
background-color:#CC0000 !important;
cursor:pointer;
}
a.secondarybuttonlink {
color:#000;
background-color:#fff;
padding:2px 20px;
text-transform:uppercase;
line-height:1em;
text-decoration:none;
font-size:.8em;
margin-left:-3px;
}
a.secondarybuttonlink:hover,
a.secondarybuttonlink:focus,
a.secondarybuttonlink:active {
color:#CC0000 !important;
text-decoration:none !important;
background-color:#fff !important;
}
.printonly {
display:none;
}
.centered {
margin-left:auto;
margin-right:auto;
}
/* Forms */
form {
margin:0;
padding:0;
}
fieldset {
border:0;
margin:0;
padding:0;
border:none;
}
/* Structural IDs */
#container
{
font-size: .7em;
width: 970px;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#content
{
position: relative;
}
/* Masthead area */
.logo
{
margin-left:334px;
}
#masthead {
padding-top:15px;
position:relative;
border-bottom:1px solid #000;
}
#masthead #logo {
margin-left:334px;
}
#masthead a {
text-decoration:none;
}
#masthead a:hover {
color:#cc0000;
text-decoration:none;
}
/* Utility area */
#utility {
position:relative;
float:right;
display:inline;
margin-top:-43px;
text-align:right;
z-index:20001;
width:313px;
}
/* Utility nav (my covergirl, sign in, shopping cart) */
#utilitynav {
float:right;
display:inline;
font-size:.8em;
text-transform:uppercase;
margin-bottom:28px;
}
#utilitynav ul {
float:right;
display:inline;
margin:0 4px 0 0;
padding:0;
list-style:none;
}
#utilitynav ul li {
height:.8em;
float:left;
display:inline;
padding:0 8px .2em 8px;
border-right:1px solid #000;
line-height:.9em;
}
#utilitynav ul li.shoppingcart {
padding-right:0;
border-right:0;
}
#utilitynav ul li.shoppingcart a {
/*color:#cc0000;*/
padding-top:3px;
padding-left:25px;
background:url("../images/icon_shoppinglink.gif") no-repeat left center;
}
#utilitynav ul li.selected a {
color:#cc0000;
}
#utilitynav ul li.shoppingcart a:hover {
text-decoration:underline;
}
/* Top message area */
#topmessage {
clear:right;
float:right;
display:inline;
font-size:1.05em;
margin-bottom:6px;
margin-right:2px;
width:240px;
}
#topmessage a {
color:#333333;
}
#topmessage a strong {
color:#cc0000;
font-weight:normal;
}
#topmessage a:hover,
#topmessage a:hover strong {
color:#cc0000;
text-decoration:underline;
}
/* Search area */
#search {
width:313px;
clear:right;
float:right;
display:inline;
margin-bottom:5px;
text-align:right;
}
#search input#searchbox {
/*float:right;*/
display:inline-block;
width: 13em;
border:1px solid #878787;
font-size:.8em;
}
#search input.searchbutton {
/*float:right;*/
display:inline-block;
border:1px solid #000;
background-color:#000;
color:#fff;
padding:0 15px;
text-transform:uppercase;
font-size:.825em;
margin-left:4px;
cursor:pointer;
width:0;
overflow:visible;
line-height:1.5em;
}
input.searchbutton:hover,
input.searchbutton:focus,
input.searchbutton:active,input.buttonlink:hover,input.buttonlink:focus {
color:#fff !important;
text-decoration:none !important;
background-color:#CC0000 !important;
cursor:pointer;
border:1px solid #CC0000;
}
#search input.searchbutton[class] { /*ie ignores [class]*/
width: auto;
}
.searchbox
{
display: inline-block;
width: 13em;
border: 1px solid #878787;
font-size: .8em;
}
/* Colormatch tag (at top left, in masthead) */
#colormatchtag {
position:absolute;
left:10px;
top:14px;
font-size:.8em;
text-transform:uppercase;
}
#colormatchtag a {
color:#000;
}
#masthead .getmatched a {
padding-top:1px;
padding-right:71px;
background:url("../images/bg_colormatchtag_getmatched.gif") no-repeat 100% 40%;
}
#masthead .saveresults a {
padding-top:1px;
padding-right:15px;
background:url("../images/bg_colormatchtag_matched.gif") no-repeat 100% 40%;
}
img.colormatchicon {
display:inline;
vertical-align:baseline;
margin-left:1px;
margin-right:1px;
position:relative;
margin-bottom:-.05em;
}
/* Gray stripe header area */
#content .headerarea {
position:relative;
z-index:2;
}
#content .headerareainner {
background-color:#f6f6f6;
padding:8px 0 5px 21px;
}
#content .headerarea h1 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-weight:100;
font-size:2.6em;
text-transform:uppercase;
color:#4a4a4a;
margin:0;
padding:0;
}
#beautychatbutton {
position:absolute;
top:0;
right:9px;
z-index:4;
cursor:pointer;
}
#beautychatbutton #buttonposition {
top:0;
right:0;
position:absolute;
z-index:4;
}
#buttonposition a {
display:block;
width:72px;
height:0;
padding-top:62px;
overflow:hidden;
background:url("../images/btn_live_beauty_chat.png") no-repeat top left;
cursor:pointer;
}
#beautybubblecontent {
position:absolute;
top:15px;
right:39px;
z-index:3;
padding:1em;
width:9em;
font-size:1em;
line-height:1.3em;
display:none;
}
#beautybubbleinner {
position:relative;
z-index:2;
text-align:center;
padding-top:1.25em;
}
img#bubblebackground {
position:absolute;
width:100%;
height:auto;
z-index:1;
top:0;
right:0;
}
#beautybubblecontent a {
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#cc0000;
}
#beautybubblecontent a:hover {
color:#cc0000;
text-decoration:underline;
}
/* Footer area */
#footer {
border-top:1px solid #000;
color:#4e4e4e;
font-size:.9em;
padding-left:3px;
padding-top:10px;
clear:both;
}
#footer a {
text-decoration:none;
}
#footer a:hover {
color:#cc0000;
text-decoration:none;
}
#footer img.bbb {
float:left;
display:inline;
margin-right:11px;
}
#footernav {
float:left;
display:inline;
width:930px;
padding-top:3px;
}
#footernav ul {
margin:0 0 6px 0;
padding:0;
list-style:none;
}
#footernav ul li {
float:left;
display:inline;
border-right:1px solid #4e4e4e;
padding:0 8px;
line-height:1em;
}
#footernav ul li.first {
padding-left:0;
}
#footernav ul li.last {
padding-right:0;
border-right:0;
}
#footernav ul li.facebook a {
display:block;
width:48px;
text-indent:-1000em;
height:10px;
overflow:hidden;
background:url("../images/footer_logo_facebook.jpg") no-repeat top left;
}
#footernav ul li.youtube a {
display:block;
width:40px;
text-indent:-1000em;
height:16px;
overflow:hidden;
background:url("../images/footer_logo_youtube.jpg") no-repeat top left;
position:relative;
margin-top:-.3em;
background-image: url(../images/footer_logo_youtube.jpg);
}
#footernav ul li.twitter a {
display:block;
width:47px;
text-indent:-1000em;
height:11px;
overflow:hidden;
background:url("../images/footer_logo_twitter.jpg") no-repeat top left;
position:relative;
margin-top:-.1em;
}
#footernav p.copyright {
clear:left;
}
/* Shop Products landing page */
.shoplanding #content {
margin-left:-10px;
padding-left:10px;
min-height:551px;
padding-top:7px;
}
/*.shoplanding .shopdefault {
background:url("../images/bg_shoplanding_default.jpg") no-repeat top left;
}*/
/* Different backgrounds */
.shoplanding .categorybackground {
display:none;
position:absolute;
height:558px;
width:601px;
top:0;
left:0;
z-index:1;
}
/*
.shoplanding #facebg {
background:url("../images/bg_shoplanding_face.jpg") no-repeat top left;
}
.shoplanding #lipsbg {
background:url("../images/bg_shoplanding_lips.jpg") no-repeat top left;
}
.shoplanding #eyesbg {
background:url("../images/bg_shoplanding_eyes.jpg") no-repeat top left;
}
.shoplanding #collectionsbg {
background:url("../images/bg_shoplanding_collection.jpg") no-repeat top left;
}*/
.shoplanding .categorylinks {
display:none;
position:absolute;
text-align:right;
text-transform:uppercase;
list-style:none;
margin:0;
padding:0;
z-index:2;
}
.shoplanding .categorylinks {
line-height:1.8em;
}
.shoplanding .categorylinks a {
text-decoration:none;
}
.shoplanding .categorylinks a:hover,
.shoplanding .categorylinks a:focus {
color:#cc0000;
}
.nojs .shoplanding .categorylinks {
display:block;
}
.shoplanding h2 {
position:absolute;
z-index:2;
}
.shoplanding h2 a {
display:block;
height:0;
overflow:hidden;
}
.shoplanding h2.linkheader a {
outline:none !important;
}
/* Face link header styles */
.shoplanding h2#facelinkheader {
top:178px;
left:561px;
}
.shoplanding h2#facelinkheader a {
width:241px;
padding-top:116px;
/*background:url("../images/shop_face.gif") no-repeat top left;*/
}
/*.shoplanding h2#facelinkheader a:hover,
.shoplanding h2#facelinkheader a:focus,
.shoplanding h2#facelinkheader a.active {
background:url("../images/shop_face_active.gif") no-repeat top left;
}*/
/* Lip link header styles */
.shoplanding h2#liplinkheader {
top:223px;
left:814px;
}
.shoplanding h2#liplinkheader a {
width:134px;
padding-top:99px;
/*background:url("../images/shop_lips.gif") no-repeat top left;*/
}
/*.shoplanding h2#liplinkheader a:hover,
.shoplanding h2#liplinkheader a:focus,
.shoplanding h2#liplinkheader a.active {
background:url("../images/shop_lips_active.gif") no-repeat top left;
}*/
/* Eye link header styles */
.shoplanding h2#eyelinkheader {
top:302px;
left:645px;
}
.shoplanding h2#eyelinkheader a {
width:215px;
padding-top:94px;
/*background:url("../images/shop_eyes.gif") no-repeat top left;*/
}
/*.shoplanding h2#eyelinkheader a:hover,
.shoplanding h2#eyelinkheader a:focus,
.shoplanding h2#eyelinkheader a.active {
background:url("../images/shop_eyes_active.gif") no-repeat top left;
}*/
/* Collection link header styles */
.shoplanding h2#collectionlinkheader {
top:286px;
left:386px;
}
.shoplanding h2#collectionlinkheader a {
width:249px;
padding-top:44px;
/*background:url("../images/shop_collections.gif") no-repeat top left;*/
}
/*.shoplanding h2#collectionlinkheader a:hover,
.shoplanding h2#collectionlinkheader a:focus,
.shoplanding h2#collectionlinkheader a.active {
background:url("../images/shop_collections_active.gif") no-repeat top left;
}*/
/* Positioning the lists of links for the categories */
.shoplanding ul#facelinks {
right:197px;
bottom:350px;
}
.shoplanding ul#liplinks {
right:56px;
bottom:322px;
}
.shoplanding ul#eyelinks {
right:142px;
top:373px;
}
.shoplanding ul#collectionlinks {
right:367px;
top:346px;
}
/* Shop Products Category page (Face) */
.productcategory #content .headerarea {
position:absolute;
top:7px;
left:0;
z-index:2;
width:949px;
}
#featurearea {
float:left;/* Chnage done from mindtree */
display:inline-block;/* Chnage done from mindtree */
border-bottom:1px solid #666666;
margin-bottom:19px;
margin-top:-54px; /* Chnage done from mindtree */
}
#featurearea #hero {
float:left;
display:inline;
width:673px;
_width:665px;
}
#featurearea #hero #heroimage {
float:left;
display:inline;
}
#featurearea #hero #herocontent {
float:right;
display:inline;
width:250px;
padding-top:129px;
margin-right:25px;
}
#featurearea #hero #herocontent.herocontent_eyes {
margin-right: 55px;
padding-top: 109px;
}
#herocontent h2 {
margin-bottom:12px;
width:229px;
}
#herocontent h2.facehero {
background:url("../images/category_hero_header.gif") no-repeat top left;
width:229px;
padding-top:63px;
}
#herocontent p {
margin-bottom:1.2em;
}
#herocontent a,
a.calltoaction {
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#cc0000;
/*width:100px;*/
}
#herocontent a:hover,
a.calltoaction:hover {
color:#cc0000;
text-decoration:underline;
/*width:100px;*/
}
/* Regular callouts (Bottom side callouts) */
.callouts {
width:220px;
margin-bottom:10px;
}
.callouts .callout {
border-top:5px solid #000;
padding:10px 0 6px 0;
margin-bottom:12px;
}
.callouts .callout h2 {
margin-bottom:5px;
}
.callouts .makeupmatchcallout h2
{
/*Commented by MT*/
/*background:url("../images/callout_colormatch.gif") no-repeat top left;*/
width:216px;
/*Commented by MT*/
/*padding-top:37px;*/
}
.callouts .matchyourshadecallout h2
{
/*Commented by MT*/
/*background:url("../images/callout_matchshade.gif") no-repeat top left;*/
width:170px;
/*Commented by MT*/
/*padding-top:54px;*/
}
.callouts .discontinuedcallout h2
{
/*Commented by MT*/
/*background:url("../images/callout_discontinued.gif") no-repeat top left;*/
width:220px;
/*Commented by MT*/
/*padding-top:54px;*/
}
.callouts .submitmakeuptips h2 {
/*background:url("../images/h_submitmakeuptips.gif") no-repeat top left;*/
width:168px;
padding-top:34px;
}
.callouts .browsesubmittedtips h2 {
/*background:url("../images/h_browsesubmittedtips.gif") no-repeat top left;*/
width:188px;
padding-top:54px;
}
#categorycontent .callouts {
float:left;
display:inline;
}
/* Colormatch callout */
.callouts .colormatch {
padding-top:7px;
}
/* Feature area callouts */
#featurearea .callouts {
float:right;
display:inline;
width:295px;
border-left:1px solid #bababa;
margin-top:85px;
margin-bottom:0;
}
#featurearea .callout {
width:100%;
margin-bottom:6px;
margin-left:8px;
border:none;
padding:0;
}
#featurearea .callout .calloutcontent {
padding-top:20px;
margin-left:108px;
}
#featurearea .callout .calloutcontent h2 {
margin-bottom:5px;
}
#featurearea .callout .calloutcontent h2.awardwinner
{
/*commented by Mindtree*/
/*background:url("../images/callhead_awardwinner.gif") no-repeat top left;*/
width:154px;
/*commented by Mindtree*/
/*padding-top:16px;*/
}
#featurearea .callout .calloutcontent h2.toprated
{
/*commented by Mindtree*/
/*
background:url("../images/callhead_toprated.gif") no-repeat top left;*/
width:179px;
/*commented by Mindtree*/
/*padding-top:16px;*/
}
#featurearea .callout .calloutcontent p {
margin-bottom:2px;
}
#featurearea .callout .calloutcontent a {
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#cc0000;
}
#featurearea .callout .calloutcontent a:hover {
color:#cc0000;
text-decoration:underline;
}
.callouts .calloutimage {
float:left;
display:inline;
position:relative;
}
.productimage {
position:relative;
}
/* Award badge display */
.awardbadge {
display:block;
position:absolute;
top:6px;
right:6px;
}
/* Category listing */
#subcategorylist {
padding-top:20px;
width:700px;
float:right;
display:inline;
}
#subcategorylist h2 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-weight:100;
font-size:2.6em;
text-transform:uppercase;
color:#4a4a4a;
margin:0 0 20px 0;
padding:0;
}
#subcategorylist ul {
margin:0;
padding:0;
list-style:none;
}
#subcategorylist ul li {
width:225px;
float:left;
display:inline;
margin-right:122px;
margin-bottom:20px;
height:65px;
_height:70px;
}
#subcategorylist h3 {
font-size:1.2em;
text-transform:uppercase;
font-weight:normal;
margin-bottom:2px;
}
#subcategorylist h3 a {
text-decoration:none;
color:#cc0000;
}
#subcategorylist h3 a:hover {
color:#cc0000;
text-decoration:underline;
}
/* Subcategory page (Foundation) */
.productsubcategory #content {
padding-top:7px;
}
#subcategoryproductlist {
float:right;
display:inline;
width:720px;
padding-top:13px;
}
#subcategoryproductlist div#numberofresults {
margin-left:20px;
}
#subcategoryproductlist ul#productlist {
margin:0;
padding:0;
list-style:none;
}
#subcategoryproductlist ul#productlist li.productitem {
width:200px;
margin:0 20px 30px 20px;
padding:0;
float:left;
display:inline;
height:33em;
overflow:hidden;
}
.productitem .newmessage {
visibility:hidden;
font-weight:bold;
color:#cc0000;
}
li.newmessage span.newmessage {
visibility:visible;
}
.productitem h2,
.productitem h3 {
font-size:1em !important;
text-transform:uppercase;
margin-bottom:7px !important;
line-height:1.1em !important;
font-weight:bold !important;
}
.rating {
font-size:.8em;
text-transform:uppercase;
margin-bottom:11px;
}
.rating img {
display:inline;
margin-right:5px;
vertical-align:text-top;
}
.productitem ul,
ul.smalldot {
margin:0;
padding:0;
list-style:none;
}
.productitem ul li,
ul.smalldot li {
margin:0;
padding:0 0 0 8px;
background:url("../images/icon_bullet_small.gif") no-repeat 0 .5em;
}
#sidebar {
float:left;
display:inline;
width:220px;
}
.productsubcategory #sidebar {
padding-top:10px;
}
/* Subnav (seen on subcategory pages like Foundation) */
/* Top level, unselected */
#sidebar #subnav
{
/*Change Done from Mind Tree */
/*margin-bottom:22px;*/
margin-bottom:15px;
}
#sidebar #subnav h2 {
font-size:1em;
}
#sidebar #subnav h2 a {
display:block;
padding:5px 22px;
text-transform:uppercase;
font-size:1em;
margin-bottom:5px;
line-height:1em;
color:#333333;
}
/* Top level, selected or rollover */
#sidebar #subnav h2.selected a,
#sidebar #subnav h2 a:hover {
background-color:#000;
color:#fff;
}
/* Second level, unselected */
#sidebar #subnav ul {
margin:0 0 0 22px;
padding:2px 0 0 0;
list-style:none;
}
#sidebar #subnav ul li {
text-transform:none;
padding-left:14px;
margin-bottom:10px;
}
#sidebar #subnav ul li a {
color:#333333;
}
#sidebar #subnav ul li a:hover {
color:#cc0000;
}
/* Second level, selected */
#sidebar #subnav ul li.selected {
background:url("../images/icon_subnav_bullet.gif") no-repeat 0 .2em;
}
#sidebar #subnav ul li.selected a {
color:#cc0000;
}
/* Subcategory product filters */
#productfilters {
background-color:#f6f6f6;
margin-bottom:13px;
}
#productfilters h2 {
background-color:#ececec;
padding:6px 22px;
border-bottom:1px solid #fff;
font-size:1em;
line-height:1em;
text-transform:uppercase;
}
#productfilters #productfiltersform {
padding:10px 22px 15px 22px;
}
#productfilters fieldset {
padding-bottom:15px;
position:relative;
}
.nojs #productfilters fieldset {
position:relative;
margin-left:-5px;
}
#productfilters fieldset legend {
text-transform:uppercase;
font-weight:bold;
margin:0;
padding:0 0 5px 0;
position:relative;
z-index:1;
background-color:#f6f6f6;
}
.nojs #productfilters fieldset legend {
padding-left:5px;
}
#productfilters label {
font-size:.875em;
}
#productfilters .formrow {
margin-bottom:-5px;
position:relative;
margin-top:-1px;
margin-left:-8px;
overflow:hidden;
padding:1px;
}
.nojs #productfilters .formrow {
margin-left:0;
margin-top:0;
}
/*Changed by Mt*/
/*
#productfilters a#filterreset {
text-transform:uppercase;
color:#cc0000;
font-weight:bold;
}
#productfilters a#filterreset:hover {
text-decoration:underline;
}
*/
#productfilters a.filterreset { /* class added from mindtree */
text-transform:uppercase;
color:#cc0000;
font-weight:bold;
}
#productfilters a.filterreset:hover { /* class from mindtree */
text-decoration:underline;
}
/*Changed by Mt*/
/* Custom checkboxes */
.custom-checkbox,
.custom-radio { position: relative; top:4px; }
/* input, label positioning */
.custom-checkbox input,
.custom-radio input {
position: absolute;
left: 2px;
/*top: 3px;*/
/*top: 2px; */
margin-top: 0;
z-index: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.custom-checkbox input,
.custom-radio input {visibility:hidden;}
}
/*html:lang(en)>body .custom-checkbox input, .custom-radio input{margin-left: 10px;}*/
.custom-checkbox input.signinpage {
position: absolute;
left: 2px;
/*top: 3px;*/
top: 2px; /* Change done from mindtree */
margin-top: -2px;
z-index: 0;
}
.custom-checkbox label,
.custom-radio label {
display: block;
position: relative;
z-index: 1;
font-size: 1em;
line-height: 1;
padding: 4px 0 .4em 30px !important;
cursor: pointer;
background-repeat: no-repeat;
}
.custom-checkbox label {
background-image: url("../images/bg_checkboxsprite_ongray.gif");
}
.custom-checkbox2 label {
background-image: url("../images/bg_checkboxsprite_onwhite2.gif") !important;
}
.custom-radio label {
background-image: url("../images/bg_radiosprite_onwhite.gif");
}
.productdetail .custom-checkbox label,
#basketcontent .custom-checkbox label,
#quizcontent .custom-checkbox label,
#optionalblock .custom-checkbox label,
.tipform .custom-checkbox label {
background-image: url("../images/bg_checkboxsprite_onwhite.gif");
background-repeat:no-repeat;
background-color:#fff;
}
#basketcontent .custom-checkbox label {
padding:25px 0 .4em 0 !important;
text-align:center;
font-size:.7em;
}
/* Normal positions of background (Product subcategory) */
.custom-checkbox label,
.custom-radio label {
background-position: -10px -21px;
}
.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
background-position: -10px -221px;
}
.custom-checkbox label.checked,
.custom-radio label.checked {
background-position: -10px -421px;
}
.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus,
.custom-radio label.checkedHover,
.custom-radio label.checkedFocus {
background-position: -10px -621px;
}
/* ColorMatch Quiz and Register positions of background */
#quizcontent .custom-checkbox label,
#quizcontent .custom-radio label,
#optionalblock .custom-checkbox label {
background-position: -10px -19px;
}
#quizcontent .custom-checkbox label.hover,
#quizcontent .custom-checkbox label.focus,
#quizcontent .custom-radio label.hover,
#quizcontent .custom-radio label.focus,
#optionalblock .custom-checkbox label.hover,
#optionalblock .custom-checkbox label.hover {
background-position: -10px -219px;
}
#quizcontent .custom-checkbox label.checked,
#quizcontent .custom-radio label.checked,
#optionalblock .custom-checkbox label.checked {
background-position: -10px -419px;
}
#quizcontent .custom-checkbox label.checkedHover,
#quizcontent .custom-checkbox label.checkedFocus,
#quizcontent .custom-radio label.checkedHover,
#quizcontent .custom-radio label.checkedFocus,
#optionalblock .custom-checkbox label.checkedHover,
#optionalblock .custom-checkbox label.checkedFocus {
background-position: -10px -619px;
}
/* Register positions of background */
#optionalblock .custom-checkbox label {
background-position: -17px -17px;
}
#optionalblock .custom-checkbox label.hover,
#optionalblock .custom-checkbox label.hover {
background-position: -17px -217px;
}
#optionalblock .custom-checkbox label.checked {
background-position: -17px -417px;
}
#optionalblock .custom-checkbox label.checkedHover,
#optionalblock .custom-checkbox label.checkedFocus {
background-position: -17px -617px;
}
/* Product Detail swatch positions of background */
.productdetail .custom-checkbox label {
background-position: -10px -15px;
padding-left:23px !important;
}
.productdetail .custom-checkbox label.hover,
.productdetail .custom-checkbox label.focus {
background-position: -10px -215px;
}
.productdetail .custom-checkbox label.checked {
background-position: -10px -415px;
}
.productdetail .custom-checkbox label.checkedHover,
.productdetail .custom-checkbox label.checkedFocus {
background-position: -10px -615px;
}
/* Tip form swatch positions of background */
.tipform .custom-checkbox label {
background-position: -12px -18px;
padding-left:23px !important;
}
.tipform .custom-checkbox label.hover,
.tipform .custom-checkbox label.focus {
background-position: -12px -218px;
outline: 1px dotted #ccc !important;
z-index:3;
}
.tipform .custom-checkbox label.checked {
background-position: -12px -418px;
}
.tipform .custom-checkbox label.checkedHover,
.tipform .custom-checkbox label.checkedFocus {
background-position: -12px -618px;
outline: 1px dotted #ccc !important;
}
/* Shopping Cart positions of background */
#basketcontent .custom-checkbox label {
background-position: center -15px;
}
#basketcontent .custom-checkbox label.hover,
#basketcontent .custom-checkbox label.focus {
background-position: center -215px;
outline: 1px dotted #ccc !important;
}
#basketcontent .custom-checkbox label.checked {
background-position: center -415px;
}
#basketcontent .custom-checkbox label.checkedHover,
#basketcontent .custom-checkbox label.checkedFocus {
background-position: center -615px;
outline: 1px dotted #ccc !important;
}
.custom-checkbox label.focus,
.custom-radio label.focus {
outline: 1px dotted #ccc !important;
}
/* Top back link */
.headerarea a {
background:url("../images/bg_arrow_back.gif") no-repeat 0 .2em;
padding-left:15px;
}
/* Product detail */
.productdetail #content {
padding-top:7px;
}
.productdetail .headerareainner {
padding:4px 0 5px 10px !important;
}
.productdetail #productdetails {
width:634px;
float:right;
display:inline;
padding-top:49px;
}
#productdetails .new {
text-transform:uppercase;
color:#cc0000;
font-weight:bold;
margin-bottom:.5em;
position:relative;
margin-top:-1.5em;
}
#productdetails h1 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-size:2.5em;
font-weight:100;
color:#4a4a4a;
margin:0 0 10px 0;
padding:0;
}
#productdetails .rating {
margin-bottom:18px;
}
#productcolorinfo {
margin:30px 0;
}
/* Product detail example swatch */
#productexample {
float:left;
display:inline;
width:156px;
padding:10px 17px 0 0;
border-right:1px solid #c1c1c1;
text-align:center;
}
.nocolors #productexample {
border-right:none;
position:relative;
margin-top:-20px;
}
#productexample #selectedproductname {
height:3em;
text-transform:uppercase;
}
input.button {
border:1px solid #999999;
background-color:#fff;
color:#000;
padding:0 15px;
text-align:center;
text-transform:uppercase;
font-size:.825em;
cursor:pointer;
width:0;
overflow:visible;
line-height:1.5em;
}
input.button[class] {
width:auto;
}
input.button:hover {
color:#cc0000;
}
/* added by mindtree */
input.button_share {
border:1px solid #999999;
background-color:#000000;
color:#fff;
padding:0 15px;
text-align:center;
text-transform:uppercase;
font-size:.825em;
cursor:pointer;
width:0;
overflow:visible;
line-height:1.5em;
margin-right:3px;
}
input.button_share[class] {
width:auto;
}
input.button_share:hover {
color:#fff !important;
text-decoration:none !important;
background-color:#CC0000 !important;
}
/* added by mindtree */
#productexample input.button {
width: 100%;
padding:0;
margin-bottom:4px;
}
input.submitbutton {
display:inline-block;
border:1px solid #000;
background-color:#000;
color:#fff;
padding:0 15px 0 15px;
text-transform:uppercase;
font-size:.825em;
margin-left:4px;
cursor:pointer;
width:auto;
overflow:visible;
line-height:1.5em;
}
input.submitbutton:hover,
input.submitbutton:focus {
background-color:#cc0000;
border:1px solid #cc0000;
color:#fff;
width:auto;
}
input.importantbutton {
border:1px solid #000;
background-color:#000;
color:#fff;
}
input.importantbutton:hover,
input.importantbutton:focus {
background-color:#cc0000;
border:1px solid #cc0000;
color:#fff;
}
input.importantredbutton {
border:1px solid #cc0000;
background-color:#cc0000;
color:#fff;
}
input.importantredbutton:hover,
input.importantredbutton:focus {
background-color:#cc0000;
border:1px solid #cc0000;
color:#fff;
}
input.buttonlink
{
padding-bottom: 2px;
line-height: 1em;
text-transform: uppercase;
background-color: #000;
padding-left:20px;
padding-right:20px;
color: #fff;
text-decoration: none;
font-size: .8em;
padding-top:2px;
border-bottom:#000 1px solid;
border-top:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
}
input.QuizSaveResults
{
padding-bottom: 2px;
line-height: 1em;
text-transform: uppercase;
background-color: #000;
padding-left:20px;
padding-right:20px;
color: #fff;
text-decoration: none;
font-size: .8em;
padding-top:2px;
border-bottom:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-top:#000 1px solid;
}
input.QuizSaveResults:hover,input.QuizSaveResults:focus
{
background-color:#CC0000 !important;
color:#cc0000 !important;
text-decoration:none !important;
}
input.buttonlink:hover, input.importantredbutton:focus
{
color: #fff !important;
text-decoration: none !important;
background-color: #CC0000 !important;
}
/* Product detail ColorMatch message */
#detailcolormatch {
margin-bottom:25px;
}
#detailcolormatch h2 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-size:1.8em;
font-weight:100;
color:#4a4a4a;
margin:0 0 5px 0;
/*Fix for the sifer text disappearing in safari - UAT#124 -- padding:0 15px 0 0;;*/
padding:0 71px 0 0;
text-transform:uppercase;
background:transparent url(../images/bg_colormatchtag_getmatched.gif) no-repeat scroll 100% 80%;
float:left;
display:inline;
/*Fix for the sifer text disappearing in safari - UAT#124
min-width:275px;
_width:260px;
*/
}
#detailcolormatch p {
clear:left;
}
#detailcolormatch a {
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#cc0000;
}
#detailcolormatch a:hover {
color:#cc0000;
text-decoration:underline;
}
/* Product detail shade listing */
.swatch {
width:155px;
height:210px;
position:relative;
margin:0;
background-color:#fff;
}
.swatch div {
position:relative;
}
/* Arrangements for single or multiple colors */
/* Default */
.swatch div.color1,
.swatch div.color2,
.swatch div.color3,
.swatch div.color4 {
width:155px;
}
/* One color */
.onecolor .swatch div.color1 {
height:210px;
}
.onecolor .swatch div.color2,
.onecolor .swatch div.color3,
.onecolor .swatch div.color4 {
display:none;
}
/* Two colors */
.twocolors .swatch div.color1 {
float:left;
display:inline;
width:87px;
height:210px;
}
.twocolors .swatch div.color2 {
float:left;
display:inline;
width:68px;
height:210px;
}
.twocolors .swatch div.color3,
.twocolors .swatch div.color4 {
display:none;
}
/* Three colors, blush */
.threecolorblush .swatch div.color1
{
/* changed by MT */
/*height:78px;*/
height:70px;
}
.threecolorblush .swatch div.color2 {
height:59px;
}
.threecolorblush .swatch div.color3 {
height:73px;
}
.threecolorblush .swatch div.color4 {
display:none;
}
/* Three colors, eyeshadow */
.threecoloreye .swatch div.color1
{
/* Changed bY MT */
/*height:82px;*/
height:73px;
}
.threecoloreye .swatch div.color2 {
height:53px;
}
.threecoloreye .swatch div.color3 {
height:75px;
}
.threecoloreye .swatch div.color4 {
display:none;
}
/* Four colors */
.fourcolors .swatch div.color1
{
/* Changed bY MT */
/*height:58px;*/
height:53px;
}
.fourcolors .swatch div.color2 {
height:44px;
}
.fourcolors .swatch div.color3 {
height:47px;
}
.fourcolors .swatch div.color4 {
height:61px;
}
.swatch img {
position:absolute;
top:0;
left:0;
z-index:3;
}
.swatch img#glitterswatch {
display:none;
}
#productshades {
float:right;
display:inline;
width:439px;
padding:10px 0 0 21px;
border-left:1px solid #c1c1c1;
position:relative;
margin-left:-1px;
}
#productshades h3 {
font-size:1em;
text-transform:uppercase;
font-weight:bold;
padding:0;
border-bottom:1px solid #ccc;
margin-bottom:15px;
}
#productshades fieldset {
margin-bottom:20px;
}
#productshades div.colorswatch {
float:left;
display:inline;
width:12.75em;
margin-bottom:10px;
margin-right:1px;
height:2.5em;
}
#productshades div.colorswatch img.colormatchicon,
#basketcontent span.shoppingswatch img.colormatchicon,
#basketcontent div.shoppingswatch img.colormatchicon {
display:inline;
margin-bottom:-0.1em;
margin-left:0;
margin-right:0;
}
#productshades div.colorswatch input {
display:inline;
}
div.colorswatch,
div.colorswatch label,
div.shoppingswatch,
span.shoppingswatch {
line-height:1em;
}
#productshades div.colorswatch label,
div.shoppingswatch,
span.shoppingswatch {
font-size:.8em;
padding:.5em 1px .5em 23px !important;
}
div.shoppingswatch,
span.shoppingswatch {
display:inline-block;
padding-left:0 !important;
margin-right:6em;
}
.nojs #productshades div.colorswatch label,
.nojs #basketcontent span.shoppingswatch,
.nojs #basketcontent div.shoppingswatch {
padding-left:0px !important;
}
div.colorswatch label span,
span.shoppingswatch span,
div.shoppingswatch span {
display:inline-block;
width:8.85em;
vertical-align:middle;
}
span.shoppingswatch span,
div.shoppingswatch span {
width:13.5em;
}
/* newly added */
ul.productlist div.shoppingswatch span {
width:11.5em;
}
span.littleswatch {
width:3.5em !important;
height:2em;
margin-right:6px;
position:relative;
overflow:hidden;
}
/* Arrangements for single or multiple colors */
/* Default */
.littleswatch .color1,
.littleswatch .color2,
.littleswatch .color3,
.littleswatch .color4 {
float:left;
display:inline;
height:2em;
}
/* One color */
.onecolor .littleswatch .color1 {
width:100%;
}
.onecolor .littleswatch .color2,
.onecolor .littleswatch .color3,
.onecolor .littleswatch .color4 {
display:none;
}
/* Two colors */
.twocolors .littleswatch .color1,
.twocolors .littleswatch .color2 {
width:49%;
}
.twocolors .littleswatch .color3,
.twocolors .littleswatch .color4 {
display:none;
}
/* Three colors, blush or eyeshadow */
.threecolorblush .littleswatch .color1,
.threecolorblush .littleswatch .color2,
.threecolorblush .littleswatch .color3,
.threecoloreye .littleswatch .color1,
.threecoloreye .littleswatch .color2,
.threecoloreye .littleswatch .color3 {
width:32%;
}
.threecolorblush .littleswatch .color4,
.threecoloreye .littleswatch .color4 {
display:none;
}
/* Four colors */
.fourcolors .littleswatch .color1,
.fourcolors .littleswatch .color2,
.fourcolors .littleswatch .color3,
.fourcolors .littleswatch .color4 {
width:24%;
}
span.littleswatch img.smallglitter {
display:none;
position:absolute;
width:auto;
height:100%;
top:0;
left:0;
}
div.glitterswatch span.littleswatch img.smallglitter {
display:block;
}
.productdetail #sidebar {
width:290px;
float:left;
display:inline;
padding-left:10px;
}
.productdetail #sidebar img#productdetailimage {
position:relative;
margin-left:-10px;
}
.productdetail #sidebar ul li {
margin-bottom:.4em;
}
/* Product detail image switcher */
.detailthumbs {
margin-bottom:10px;
}
.detailthumbs img {
float:left;
display:inline;
margin-right:10px;
border:1px solid #dedede;
}
/* Product detail tabs styles */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Tabs
----------------------------------*/
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; border-bottom:1px solid #c1c1c1;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 0 -1px 0; padding: 0; font-size:.8em; text-transform:uppercase; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 18px .4em 23px; border-left:1px solid #fff; background:url("../images/bg_tabarrow_right.gif") no-repeat 12px .7em #f0f0f0; outline:none !important; color:#000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
background-color:#fff;
position:relative;
margin-bottom:-1px;
padding-bottom:.5em;
border-left:1px solid #c1c1c1;
border-top:1px solid #c1c1c1;
border-right:1px solid #c1c1c1;
color:#cc0000;
background-image:url("../images/bg_tabarrow_down.gif");
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a {
background-color:#fff;
color:#cc0000;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 25px 20px;_padding:25px 0;display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Tab content styles */
/* Ratings */
select.ratingssort {
float:right;
display:inline;
}
.ratingdetail {
margin-bottom:3.5em;
}
#productdetails .ratingdetail .rating {
margin-bottom:1.5em;
}
.ratingdetail strong {
text-transform:uppercase;
}
.ratingdetail p {
margin-bottom:1.4em;
}
.ratingdetail p.ratingheader a {
color:#cc0000;
text-decoration:underline;
}
div#ratingpager {
position:relative;
}
div#ratingpager .currentpage {
text-align:center;
}
div#ratingpager .previouspage {
position:absolute;
top:0;
}
div#ratingpager .nextpage {
position:absolute;
right:5px;
top:0;
}
/* Related products */
.relatedproducts {
position:relative;
margin-right:-10px;
margin-left:18px;
font-weight:bold;
text-transform:uppercase;
}
.relatedproducts .relatedproduct {
float:left;
display:inline;
width:150px;
margin-right:45px;
}
.relatedproduct h3 {
font-size:1em;
text-transform:uppercase;
}
/* How to Apply */
.howtoapply img.illustration {
float:left;
display:inline;
}
.howtoapply div.application {
margin:20px 0 0 257px;
}
.howtoapplynoimage div.application {
margin:0;
}
.howtoapply h3 {
font-size:1em;
text-transform:uppercase;
margin-bottom:1.5em;
}
.howtoapply ol {
margin:0 0 0 2em;
padding:0;
}
.howtoapply ol li {
font-weight:bold;
margin-bottom:1.5em;
}
.howtoapply ol li span {
font-weight:normal;
}
/* Awards */
.awardslist .awarditem {
margin-bottom:8px;
}
.awardslist .awarditem img {
float:left;
display:inline;
}
.awardslist .awarddescription {
margin-left:70px;
}
.awardslist .awarddescription h3 {
padding-top:10px;
font-size:1em;
text-transform:uppercase;
margin-bottom:0;
}
.awardslist .awarddescription h3 a {
color:#cc0000;
}
/* Shopping cart */
.shoppingcart #content {
padding-top:7px;
}
#shoppingcartarea {
width:606px;
float:left;
display:inline;
margin:43px 0 0 0;
}
.shoppingstep2 #shoppingcartarea {
width:739px;
}
/* Shopping cart nav */
#shoppingcartnav {
margin-bottom:15px;
font-size:.85em;
text-transform:uppercase;
font-weight:bold;
width:606px;
}
#shoppingcartnav ul {
margin:0 0 0 0;
padding:0;
list-style:none;
}
#shoppingcartnav ul li {
float:left;
display:inline;
height:1em;
overflow:visible;
line-height:1em;
}
#shoppingcartnav ul li.first,
#shoppingcartnav ul li.last {
width:28%;
}
#shoppingcartnav ul li.middle {
width:37%;
text-align:center;
border-right:1px solid #000;
padding-right:3%;
border-left:1px solid #000;
padding-left:3%;
}
#shoppingcartnav ul li.last {
text-align:right;
float:right;
}
#shoppingcartnav ul li a.selected {
color:#cc0000;
}
/* Shopping cart basket */
#shoppingcartbasket {
background-color:#ececec;
padding:6px 7px 10px 6px;
margin-bottom:20px;
}
.shoppingcart input.button {
border:1px solid #fff;
}
.shoppingcart input.button:hover {
border:1px solid #fff;
color:#cc0000;
}
.shoppingcart input.importantbutton {
border:1px solid #000;
}
.shoppingcart input.importantbutton:hover {
border:1px solid #cc0000;
color:#ffffff;
}
#baskethead {
margin-bottom:6px;
min-height:23px;
}
#baskethead #numberofitems {
float:left;
display:inline;
width:30%;
font-size:.8em;
text-transform:uppercase;
margin-left:4px;
padding-top:2px;
}
.shoppingcart .shoppingactions {
float:right;
display:inline;
width:66%;
text-align:right;
}
#basketcontent {
background-color:#fff;
padding:5px 20px 5px 15px;
margin-bottom:10px;
}
#basketcontent .basketitem {
padding:10px 0;
border-bottom:1px solid #cccccc;
position:relative;
}
#basketcontent .lastitem {
border-bottom:none;
}
#basketcontent .basketitem .productinfo {
float:right;
display:inline;
width:478px;
}
/*Added by MT*/
.shoppingCartHeight
{
overflow:auto;
/*min-height:100px;*/
height:380px;
}
.shoppingCartProductInfo
{
float:right;
display:inline;
width:473px;
}
/*Added by MT*/
#basketcontent .basketitem .productselect {
float:left;
display:inline;
width:66px;
text-align:center;
text-transform:uppercase;
margin-top:35px;
}
#basketcontent .basketitem .productimage {
float:left;
display:inline;
margin-right:30px;
}
#basketcontent .productdesc {
float:left;
display:inline;
width:66%;
position:relative;
padding:36px 0 16px 0;
}
#basketcontent .productdesc h2 {
font-size:1em;
text-transform:uppercase;
margin-right:5em;
}
#baskethead .productactions,
#basketfoot .productactions {
clear:both;
margin-left:4px;
}
#baskethead .productactions {
padding-top:25px;
}
#basketfoot .productactions {
padding-bottom:5px;
}
.shoppingcart .productactions strong {
float:left;
display:inline;
text-transform:uppercase;
font-weight:normal;
line-height:1em;
}
.shoppingcart .productactions ul {
margin:0 0 6px 0;
padding:0;
list-style:none;
float:left;
display:inline;
}
.shoppingcart .productactions ul li {
float:left;
display:inline;
border-right:1px solid #4e4e4e;
padding:0 8px;
line-height:1em;
}
.shoppingcart .productactions ul li.last {
padding-right:0;
border-right:0;
}
/* Shopping cart alert */
#basketcontent .productdesc .alert {
font-size:.8em;
padding:.2em 1em .3em 1em;
color:#fff;
background-color:#cc0000;
position:absolute;
top:16px;
left:0;
}
#shoppinglistactions a {
text-decoration:none;
}
#shoppinglistactions a:hover {
color:#cc0000;
text-decoration:none;
}
#shoppinglistactions ul {
margin:0 0 10px 0;
padding:0;
list-style:none;
float:right;
display:inline;
}
#shoppinglistactions ul li {
float:left;
display:inline;
border-right:1px solid #4e4e4e;
padding:0 10px;
line-height:1em;
text-align:right;
}
#shoppinglistactions ul li.first {
padding-left:0;
}
#shoppinglistactions ul li.last {
padding-right:0;
border-right:0;
}
#basketfoot {
min-height:11px;
}
.shoppingcart #sidebar {
width:314px;
float:right;
display:inline;
margin-right:11px;
padding-top:77px;
}
/* Hot Items sidebar */
#sidebar #hotitems h2 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-size:2.1em;
font-weight:100;
color:#4a4a4a;
margin:0 0 30px 0;
padding:0;
text-transform:uppercase;
}
#sidebar #hotitems .relatedproduct {
margin-bottom:10px;
}
#sidebar #hotitems .productimage {
float:left;
display:inline;
width:150px;
margin-right:10px;
}
#sidebar #hotitems .productinfo {
float:left;
display:inline;
width:154px;
}
.productinfo_cart {
float:left;
display:inline;
margin-top:25px;
width:154px;
}
#sidebar #hotitems .productinfo h3 {
margin:30px 0 4px 0;
font-size:.95em;
}
#sidebar #hotitems .shoppingswatch {
margin-right:0;
margin-bottom:5px;
}
/*Commented by MT*/
/*
#sidebar .shoppingswatch span {
width:11em;
}
*/
/*Commented by MT*/
/* Homepage */
#homecolormatchcallout {
position:absolute;
width:194px;
height:377px;
top:0;
left:5px;
z-index:10;
color:#fff;
font-size:1.1em;
}
.nojs #homecolormatchcallout {
cursor:default;
}
#homecolormatchcalloutinner {
background:url("../images/bg_home_cmcallout.png") no-repeat top left;
padding:88px 15px 0 25px;
height:289px;
}
#homecolormatchcallout strong {
color:#ffcc00;
text-transform:uppercase;
font-weight:normal;
font-size:.9em;
}
#homecolormatchcallout h2 {
background:url("../images/homepage_cm_callouthead1.gif") no-repeat top left;
width:148px;
padding-top:104px;
position:relative;
margin: 5px 0 10px -2px;
background-image: url(../images/homepage_cm_callouthead1.gif);
}
#homecolormatchcallout a.buttonlink {
background-color:#FFCC00;
color:#000;
display:inline-block;
font-size:.9em;
line-height:1em;
padding:1px 10px;
text-align:center;
}
#homecolormatchcallout a.buttonlink:hover {
background-color:#ffffff !important;
color:#000 !important;
}
#homecinema {
height:504px;
width:970px;
}
#homecinemaslides {
position:relative;
z-index:2;
}
#homecinema .slide {
min-height:504px;
position:absolute;
top:0;
right:0;
width:970px;
z-index:2;
}
#homecinema div.slide1 {
z-index:7;
}
.nojs #homecinema .slide {
cursor:default;
}
#homecinema img.slidebackground {
position:absolute;
top:0;
left:0;
z-index:1;
}
#homecinema div.slidecontent {
width:230px;
padding-top:61px;
margin-left:330px;
position:relative;
z-index:2;
}
#homecinema div.slidecontent span.newmessage {
font-size:14px;
font-weight:bold;
color:#cc0000;
}
#homecinema div.slidecontent a.buttonlink {
font-size:.9em;
}
/* Slide 1 styles */
#homecinema .slide1 div.slidecontent {
width:273px;
padding-top:250px;
margin-left:671px;
}
#homecinema .slide1 div.slidecontent span {
position:relative;
z-index:1;
}
#homecinema .slide1 div.slidecontent h1 {
/*background:url("../images/homepage_cinema1_head.gif") no-repeat top left;*/
width:273px;
padding-top:97px;
margin-bottom:6px;
position:relative;
margin-top:-5px;
}
#homecinema .slide1 div.slidecontent p {
padding-top:2px;
}
/* Slide 2 styles */
#homecinema .slide2 div.slidecontent {
width:436px;
padding-top:110px;
margin-left:519px;
}
#homecinema .slide2 div.slidecontent h1 {
/*background:url("../images/homepage_cinema2_head.gif") no-repeat top left;*/
width:260px;
padding-top:89px;
margin:7px 0 6px 0;
}
#homecinema .slide2 div.slidecontent p {
font-size:1.1em;
}
#homecinema .slide2 div.slidecontent p.buttonwrap {
margin:15px 0 100px 0;
}
#homecinema .slide2 div.slidecontent p.disclaimer {
text-align:right;
font-size:.8em;
}
/* Slide 3 styles */
#homecinema .slide3 div.slidecontent {
width:255px;
padding-top:82px;
margin-left:549px;
text-align:right;
}
#homecinema .slide3 div.slidecontent h1 {
/*background:url("../images/homepage_cinema3_head.gif") no-repeat top left;*/
width:259px;
padding-top:142px;
margin:5px -5px 6px 0;
position:relative;
}
#homecinema .slide3 div.slidecontent p {
font-size:1.1em;
}
#homecinema .slide3 div.slidecontent p.buttonwrap {
margin:13px 0 0 0;
}
#homecinemanav {
position:absolute;
top:6px;
right:4px;
z-index:8;
}
#homecinemanav ul {
margin:0 6px 0 0;
padding:0;
list-style:none;
}
#homecinemanav ul li {
float:left;
display:inline;
margin-right:0;
}
#homecinemanav ul li a {
display:block;
width:15px;
height:0;
padding-top:15px;
overflow:hidden;
background:url("../images/slideshow_nav_unselected.png") no-repeat 3px 3px;
}
#homecinemanav ul li a:hover,
#homecinemanav ul li a.activeSlide {
background:url("../images/slideshow_nav_selected.png") no-repeat 3px 3px;
}
/* Homepage callouts */
#homecallouts {
position:absolute;
left:0;
bottom:-28px;
z-index:15;
width:970px;
}
#homecalloutsinner {
min-height:97px;
width:964px;
padding:9px 0 7px 6px;
background:url("../images/bg_homepage_callouts.png") repeat top left;
}
.homecallout {
background:url("../images/bg_homepage_callout.png") repeat top left;
float:left;
display:inline;
width:235px;
min-height:97px;
margin-right:6px;
}
.nojs .homecallout {
cursor:default;
}
.homecallout .calloutcontent {
float:right;
display:inline;
width:125px;
padding-top:18px;
text-align:right;
margin-right:22px;
position:relative;
margin-left:-40px;
z-index:1;
}
.homecallout .calloutcontent h2 {
margin-bottom:2px;
}
#homehotdealscallout h2 {
background:url("../images/homepage_lookhead.gif") no-repeat top right;
padding-top:13px;
}
#homefavoritescallout h2 {
background:url("../images/homepage_favoriteshead.gif") no-repeat top right;
padding-top:16px;
}
#homenatureluxecallout h2 {
background:url("../images/homepage_connecthead.gif") no-repeat top right;
padding-top:42px;
}
.homecallout .calloutcontent p {
margin-bottom:0;
}
#homefavoritescallout .calloutcontent {
width:200px;
}
/* Homepage */
/* Signin page (split register/signin) */
#registersignin {
padding-top:145px;
padding-bottom:175px;
}
#registersignin .section {
padding-top:12px;
padding-bottom:15px;
}
#registersignin .section h1 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-size:4.2em;
font-weight:100;
text-transform:uppercase;
}
#registersignin .section h2 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-size:1.5em;
font-weight:100;
color:#cc0000;
margin-bottom:5px;
}
#registersignin .section h2 em {
font-style:normal;
color:#333;
}
#registersignin .section p {
line-height:1.6em;
margin-bottom: 17px; /*14px*/
}
#registersignin .section a.buttonlink {
padding-left:32px;
padding-right:32px;
}
#registersignin #registerblock {
float:left;
display:inline;
text-align:right;
width:420px;
margin-left:32px;
padding-right:34px;
border-right:1px solid #000;
}
#registersignin #signinblock {
float:left;
display:inline;
margin-left:35px;
width:435px;
}
#registersignin #signinblock h2 {
margin-bottom:18px;
_margin-bottom:0px;
}
#signinblock .formcolumn {
float:left;
display:inline;
width:167px;
margin-right:10px;
/*line-height:1.6em;*/
padding-bottom:14px;
}
#signinblock .formcolumn label {
text-transform:uppercase;
font-weight:bold;
display:block;
}
#signinblock .formcolumn label.signin {
text-transform:none;
font-weight:bold;
display:block;
line-height:8px;
}
#signinblock .formcolumn input.text {
font-size:1em;
width:160px;
border:1px solid #d2d2d2;
height:1.4em;
}
#signinblock .formcolumn a {
font-size:.8em;
text-decoration:underline;
}
#signinblock .formcolumn input.button {
padding-left:32px;
padding-right:32px;
}
/* Register Confirmation styles */
.registerconfirm .registrationcomplete {
background:url("../Images/bg_registerconfirm.jpg") no-repeat top right;
min-height:576px;
}
.registerconfirm #content {
margin:0 476px 0 42px;
padding-top:51px;
_height:605px;
}
.registerconfirm #content p {
line-height:1.3em;
}
.registrationcomplete h1.textreplaced {
padding-top:61px;
width:249px;
background:url("../Images/h_registercomplete.gif") no-repeat top left;
margin-bottom:10px;
}
.registercallout {
padding:0 0 39px 1px;
}
.registercallout img {
border:1px solid #adadad;
float:left;
display:inline;
margin-right:11px;
}
.registercallout .calloutcontent {
float:right;
display:inline;
width:207px;
margin-right:45px;
}
.registercallout .calloutcontent a.buttonlink {
padding:2px 30px;
}
.registerconfirm .optinmessage {
border-top:1px solid #333333;
padding:12px 0;
}
.registerconfirm .registerhead {
margin-bottom:34px;
}
.registerconfirm .registerhead a {
color:#cc0000;
}
.registerconfirm .registerhead a:hover {
text-decoration:underline;
}
.registerconfirm h2 {
text-transform:uppercase;
font-family:"Helvetica Neue", Arial, Helvetica;
font-weight:100;
font-size:1.6em;
margin-bottom:7px;
}
.registercallout .calloutcontent h2 {
font-size:2em;
line-height:1em;
margin-bottom:4px;
}
.registerconfirm h3 {
text-transform:uppercase;
padding-top:3px;
}
/* Services page */
/*
.services .servicelanding {
background:url("../Images/bg_services.jpg") no-repeat top left;
min-height:576px;
position:relative;
margin-left:-7px;
}
.services #content {
margin:0 38px 0 397px;
padding-top:50px;
}
.servicehead {
border-bottom:2px solid #000;
padding-bottom:1px;
margin-bottom:34px;
}
.servicehead h1.textreplaced {
padding-top:105px;
background:url("../Images/h_services.gif") no-repeat top left;
border-bottom:1px solid #cc0000;
}
.servicelist {
position:relative;
}
.servicelist .serviceitem {
display:inline-block;
vertical-align:top;
width:200px;
float:left;
margin:0 40px 17px 0;
}
.servicelist .serviceitem h2 {
text-transform:uppercase;
font-family:"Helvetica Neue", Arial, Helvetica;
font-weight:100;
font-size:1.6em;
margin-bottom:3px;
}
*/
.services .servicelanding {
background:url("../images/bg_services.jpg") no-repeat top left;
min-height:576px;
position:relative;
margin-left:-7px;
}
.services #content {
margin:0 38px 0 397px;
padding-top:50px;
}
.servicehead {
border-bottom:2px solid #000;
padding-bottom:1px;
margin-bottom:34px;
}
.servicehead h1.textreplaced {
padding-top:105px;
background:url("../images/h_services.gif") no-repeat top left;
border-bottom:1px solid #cc0000;
}
.servicelist {
position:relative;
margin-right:-25px;
width:570px;
}
.servicelist .serviceitem
{
float:left;
display:inline-block;
vertical-align:top;
width:240px;
margin:0 40px 17px 0;
}
.servicelist .serviceitem h2 {
text-transform:uppercase;
font-family:"Helvetica Neue", Arial, Helvetica;
font-weight:100;
font-size:1.6em;
margin-bottom:3px;
}
/* From Colormatch version */
.mycovergirlpage,
.colormatchpage
{ background:url("../Images/bg_colormatch_page.jpg") no-repeat top left;
/*display:inline-block;*/
/*min-height:700px;*/
/*height:575px;*/
}
.colormatchpage_ShadeSelector_results
{ background:url("../Images/bg_colormatch_page.jpg") no-repeat top left;
display:inline-block;
min-height:700px;
height:690px !important;
}
/*added for sign-in page header issue Bug SIT_CG_UI_FF3.6 #35 */
.signinHeader {
background:url("../Images/bg_header_mycovergirl.gif") no-repeat top left #000;
position:relative;
margin-left:-9px;
width:979px;
height:7em;
}
.myCGLandingPage {
margin-left:-2px;
width:979px;
}
.mycovergirlpage .mycovergirlheaderarea {
background:url("../Images/bg_header_mycovergirl.gif") no-repeat top left #000;
position:relative;
margin-left:-9px;
width:979px;
height:7em;
}
.mycovergirlpage .mycovergirlheaderarea h1
{
float:left;
display:inline;
padding:23px 0 10px 37px;
/*background:url("../images/h_mycovergirl_colormatch.gif") no-repeat 37px 23px;*/
color:#fff;
width:330px;
}
.mycovergirlpage .mycovergirlheaderarea h1.savecolormatch {
float:left;
display:inline;
/*padding:78px 0 10 0;
background:url("../images/h_saveyourcolormatch.gif") no-repeat 37px 23px;
width:330px;*/
color:#fff;
}
.mycovergirlpage #registersignin {
padding-top:66px;
}
/*added for sign-in page header issue Bug SIT_CG_UI_FF3.6 #35 */
.signinPageOnly {
position:absolute;
right:0;
margin-bottom:7px;
}
.headerlinks {
position:absolute;
right:0;
bottom:1px;
}
.headerlinks ul {
margin:0;
padding:0;
list-style:none;
}
.headerlinks a {
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:1px 15px 0 17px;
line-height:1em;
background:url("../Images/icon_headerlink.gif") no-repeat 6px center;
}
.headerlinks ul li {
margin:0;
padding-bottom:4px;
}
.headerlinks ul a {
display:block;
padding-right:54px;
}
.headerlinks a:hover,
.headerlinks ul li.selected a {
color:#000;
background:url("../Images/icon_headerlink_over.gif") no-repeat 6px center #fed843;
}
.signin .mycovergirlpage .headerlinks {
bottom:8px;
}
/* Chat version */
.chatpage {
padding-top:7px;
}
.chatpage #registersignin {
padding-top:90px;
}
.chatpage .headerlinks {
position:absolute;
right:0;
bottom:9px;
}
.chatpage .headerlinks a {
color:#4f4f4f;
background:url("../images/icon_arrow_darkred.gif") no-repeat 6px center;
}
.chatpage .headerlinks a:hover {
color:#cc0000;
background:url("../images/icon_arrow_darkred.gif") no-repeat 6px center transparent;
}
/* My Covergirl Welcome page */
.MyCGWel
{
/*max-height:500px;
overflow:hidden;*/
position:relative;
}
.MyCGWelAdjust{position:relative;overflow:hidden;height:500px;}
.MyCGWel .dymCG {left:150px; position:relative;}
#mycovergirlwelcome {
min-height:500px !important;
position:absolute !important;
left:0;
top:0;
}
#welcomenav {
float:left;
display:inline;
margin-left:29px;
padding-top:90px;
width:260px;
}
#welcomenav ul {
margin:0;
padding:0;
list-style:none;
}
#welcomenav ul li {
padding-left:16px;
background:url("../images/icon_mcgwelcome_navlink.gif") no-repeat left .3em;
margin-bottom:18px;
}
#welcomenav ul li h2 {
text-transform:uppercase;
font-weight:100;
line-height:1em;
font-size:1.8em;
margin-bottom:2px;
font-family:"Helvetica Neue", Arial, Helvetica;
}
#welcomecolormatch {
float:right;
display:inline;
width:419px;
margin-right:8px;
padding-top:83px;
}
#welcomecolormatch h2
{
margin-top:15px;
margin-bottom:10px;
/*background:url("../images/h_whatsyourcolormatch.gif") no-repeat top left;
width:419px;*/
/* made padding 0 bcoz we have used image tag*/
padding-top:0px;
}
#welcomecolormatch p {
margin-left:90px;
margin-bottom:20px;
}
#welcomecolormatch p a.buttonlink {
padding-left:40px;
padding-right:40px;
}
/* Added for User Name*/
#welcomecolormatch .UserName {
font-size:1.1em;
text-transform:uppercase;
margin-bottom:13px;
color:#4f4f4f;
text-align:right;
float:right;
margin-right:195px;
/*margin-top:-10px; changed to 15px to accomodate if the name is big and wraps to next line,thus overlapping with the
below image -Defect 28*/
margin-top:-15px;
font-weight:bold;
}
/* My CoverGirl Colormatch page */
#mycovergirlcolormatch {
padding-top:33px;
}
/*Added for Border Face Avatar in Cololr Mathc*/
.colormatchface
{
float:left;
display:inline;
margin-right:34px;
border:1px solid #b5b5b5;
margin-left:29px;
}
#mycovergirlcolormatch #colormatchface {
float:left;
display:inline;
margin-right:34px;
}
img#colormatchface {
border:1px solid #b5b5b5;
margin-left:29px;
margin-right:34px;
}
#mcgcolormatchcontent {
float:left;
display:inline;
width:705px;
padding-top:20px;
}
#mcgcolormatchcontent h2 {
font-size:2.5em;
text-transform:uppercase;
font-weight:100;
margin-bottom:3px;
color:#4f4f4f;
}
#mcgcolormatchcontent .section {
border-top:1px solid #999999;
padding-top:17px;
position:relative;
padding-bottom:45px;
}
#mcgcolormatchcontent .section .sectiontools {
position:absolute;
right:0;
top:-1px;
text-align:right;
}
#mcgcolormatchcontent .section .sectiontools a {
display:inline-block;
margin-bottom:5px;
}
.sectiontools a.togglelink {
text-transform:uppercase;
font-size:.7em;
padding:4px 19px 4px 0;
display:none !important;
}
.sectiontools a.openlink {
background:url("../images/icon_opensection.gif") no-repeat right center;
display:inline-block !important;
}
.sectiontools a.closelink {
background:url("../images/icon_closesection.gif") no-repeat right center;
display:inline-block !important;
}
table caption {
position:absolute;
left:-10000em;
}
table.quizresults th {
width:110px;
padding-right:10px;
text-transform:uppercase;
text-align:left;
}
table.quizresults th.shade_selctor_res { /* Class added from MindTree */
width:130px;
padding-right:10px;
text-transform:uppercase;
text-align:left;
}
div#quizresults a.buttonlink {
color:#fff;
background-color:#000;
padding:2px 20px;
text-transform:uppercase;
line-height:1em;
text-decoration:none;
font-size:.8em;
margin-right:5px;
}
div#quizresults a.buttonlink:hover,
div#quizresults a.buttonlink:focus,
div#quizresults a.buttonlink:active,
div#quizresults a.focusbuttonlink {
color:#fff !important;
text-decoration:none !important;
background-color:#CC0000 !important;
}
div#quizresults a.secondarybuttonlink {
color:#000;
background-color:#fff;
padding:2px 15px;
text-transform:uppercase;
line-height:1em;
text-decoration:none;
font-size:.8em;
}
div#quizresults a.secondarybuttonlink:hover,
div#quizresults a.secondarybuttonlink:focus,
div#quizresults a.secondarybuttonlink:active {
color:#CC0000 !important;
text-decoration:none !important;
background-color:#fff !important;
}
.section .productresults {
padding-top:35px;
}
.section .productresults .productpaging {
float:right;
display:inline;
}
.section .productresults .productpaging a,
.section .productresults .productpaging span {
display:inline-block;
padding:2px;
}
.section .productresults .productpaging span {
color:#cc0000;
font-weight:bold;
}
.PagingCS /* Adding for Paging Style in My CG*/
{
display:inline-block;
padding:2px;
color:#cc0000;
font-weight:bold;
}
.section .productresults .productresultshead p {
float:left;
display:inline;
/*margin-bottom:-13px;*/
/*width:70%;*/
}
.section p.calltoaction {
font-size:1.7em;
color:#cc0000;
font-weight:200;
}
.section ul.productlist {
position:relative;
margin:0 -7px;
padding:0;
list-style:none;
}
.section ul.productlist li.productitem {
width:165px;
margin:0 7px 30px 7px;
padding:0;
float:left;
display:inline;
height:24em;
overflow:hidden;
}
.section ul.productlist li.productitem h3 {
min-height:4.5em;
}
.section ul.productlist .productitem .productimage {
margin-bottom:10px;
}
.section ul.productlist .productitem .newmessage {
visibility:visible;
font-weight:bold;
color:#cc0000;
}
.section ul.productlist .productitem div.shoppingswatch {
margin-right:0;
margin-bottom:6px;
padding-top:.1em !important;
}
/* Colormatch Welcome page */
#colormatchwelcome
{
min-height: 557px;
}
#colormatchwelcome, #colormatchcontent
{
/*padding-top: 27px;*/
/*top:-10px;
display:block;*/
padding-top: 27px;
}
#colormatchwelcomebackgrounds
{
position: absolute;
top: 0px;
left: 0;
z-index: 1;
/*display:inline-block;*/
}
#colormatchwelcomebackgrounds img
{
position: absolute;
top: 0;
left: 0;
/*display: none;*/
/* min-height:550px;
max-height:560fpx;*/
}
#colormatchwelcomebackgrounds img.first
{
display: block;
}
/*Header Tab*/
.colormatchpage .colormatchheaderarea {
background:url("../images/bg_header_colormatch.png") no-repeat top left;
position:relative;
margin-left:-9px;
width:979px;
height:51px;
z-index:3;
float:left;
}
.colormatchpage .colormatchheaderarea h1
{
float:left;
display:inline;
padding:41px 0 0 37px;
/*background:url("../images/en-US/colormatch/h_colormatch.gif") no-repeat 37px 16px;*/
width:388px;
}
.colormatchpage .headerlinks
{
bottom: 0;
font-size: .9em;
}
.colormatchpage .headerlinks ul
{
margin: 0;
padding: 0;
list-style: none;
}
.colormatchpage .headerlinks a
{
color: #000;
line-height: 1em;
}
.colormatchpage .headerlinks ul
{
float: right;
display: inline;
}
.colormatchpage .headerlinks ul li
{
float: left;
display: inline;
margin: 0 0 0 1px;
padding: 0;
position: relative;
}
.colormatchpage .headerlinks ul a
{
/*display:block;*/
padding: 0;
}
.colormatchpage .headerlinks li.cmnavshade a
{
background: url("../images/bg_cmnav_shade.gif") repeat-x bottom left #f0f0f0;
}
.colormatchpage .headerlinks li.cmnavface a
{
background: url("../images/bg_cmnav_face.gif") repeat-x bottom left #dcdcdc;
}
.colormatchpage .headerlinks li.cmnaveyes a
{
background: url("../images/bg_cmnav_eyes.gif") repeat-x bottom left #c5c5c5;
}
.colormatchpage .headerlinks li.cmnavlips a
{
background: url("../images/bg_cmnav_lips.gif") repeat-x bottom left #aeaeae;
}
.colormatchpage .headerlinks li a span
{
display: block;
background: url("../images/icon_headerlink_over-2.gif") no-repeat 8px center;
line-height: 1em;
padding: 4px 8px 4px 20px;
min-width: 101px;
}
.colormatchpage .headerlinks li.cmnavshade a span
{
min-width: 119px;
}
.colormatchpage .headerlinks li img
{
position: absolute;
right: 10px;
top: .5em;
display: none;
}
/* Hover states */
.colormatchpage .headerlinks a:hover, .colormatchpage .headerlinks ul li.selected a
{
color: #cc0000;
}
.colormatchpage .headerlinks li.cmnavshade a:hover, .colormatchpage .headerlinks li.cmnavface a:hover, .colormatchpage .headerlinks li.cmnaveyes a:hover, .colormatchpage .headerlinks li.cmnavlips a:hover
{
background-image: none;
background-color: #fff;
}
/* Selected states */
.colormatchpage .headerlinks li.selected a, .colormatchpage .headerlinks li.selected a:hover
{
background-image: none !important;
background-color: #fff !important;
}
.colormatchpage .headerlinks li.selected a span, .colormatchpage .headerlinks li.selected a:hover span
{
background: url("../images/icon_headerlink_down.gif") no-repeat 6px center;
}
/*Completed and Selected*/
.colormatchpage .headerlinks a:hover, .colormatchpage .headerlinks ul li.completedandselected a
{
color: #cc0000;
}
.colormatchpage .headerlinks li.completedandselected a, .colormatchpage .headerlinks li.completedandselected a:hover
{
background-image: none !important;
background-color: #fff !important;
}
.colormatchpage .headerlinks li.completedandselected a span, .colormatchpage .headerlinks li.completedandselected a:hover span
{
background: url("../images/icon_headerlink_down.gif") no-repeat 6px center;
}
.colormatchpage .headerlinks li.selected img
{
/* display: block;*/
}
/* Completed states */
.colormatchpage .headerlinks li.completed img
{
display: block;
}
/* Cmpleted and Selected state */
.colormatchpage .headerlinks li.completedandselected img
{
display: block;
}
.colormatchpage #welcomecontent
{
padding-top: 76px;
margin-left: 598px;
margin-right: 20px;
}
.colormatchpage #welcomecontent h2
{
margin-top: 54px;
margin-bottom: 15px;
}
.colormatchpage #welcomecontent p
{
font-size: 1.25em;
line-height: 1.4em;
margin-bottom: 1.1em;
}
.colormatchpage #welcomecontent a.getstartedbutton
{
padding-left: 30px;
padding-right: 30px;
}
.colormatchpage #welcomecontent input.getstartedbutton
{
padding-left: 30px;
padding-right: 30px;
}
.colormatchpage #welcomecontent input.loginbutton
{
padding-top: 2px;
padding-left: 20px;
padding-right:20px
}
.colormatchpage #welcomecontent #alreadycolormatched
{
margin-top: 41px;
background-color: #f6f6f6;
padding: 15px;
margin-right: 65px;
}
.colormatchpage #welcomecontent #alreadycolormatched strong
{
font-size: 1.25em;
font-weight: normal;
margin-right:15px;
}
.colormatchpage #welcomecontent #alreadycolormatched a.buttonlink
{
margin-left: 17px;
}
/* Image text replacement */
.imgreplacement
{
display: -moz-inline-box;
display: inline-block;
background: transparent none 0 0 no-repeat;
text-indent: -3000px;
font: 0/0 Arial;
overflow: hidden;
color: rgba(255,255,255,0);
vertical-align: bottom;
}
/* Colormatch Shade Selector Styles */
#cmpanels a.nextbutton
{
padding-left: 30px;
padding-right: 30px;
}
/* Panel styles */
#cmpanels
{
/* clear:both;*/
position: relative;
margin-left: 15px;
/*width: 955px;*/
margin-top: 60px;
-margin-top:9px;
margin-bottom: 25px;
}
#cmpanels .panel
{
position: relative;
float: left;
display: inline;
width: 0;
background: url("../images/bg_cm_shadeselector_panel_rt.jpg") no-repeat top right;
height: 41em;
padding: 29px 0 5px 60px;
overflow: hidden;
}
#cmpanels .activepanel
{
width: 715px;
}
#cmpanels .panel4
{
background: none;
}
#cmpanels .panel .stepcontent input
{
position: absolute;
left: -5000em;
}
.nojs #cmpanels .panel .stepcontent input, #cmpanels .panel .stepcontent input.importantbutton
{
position: static;
left: auto;
}
/* Numbers for the panels */
#cmpanels .panel .number
{
display: block;
width: 30px;
height: 35px;
overflow: hidden;
text-indent: -3000px;
position: absolute;
top: 29px;
left: 9px;
font: 0/0 Arial;
color: rgba(255,255,255,0);
}
/* Unselected states */
#step1 .number
{
background: url("../images/cm_step_number1.gif") no-repeat 0 0;
}
#step2 .number
{
background: url("../images/cm_step_number2.gif") no-repeat 0 0;
}
#step3 .number
{
background: url("../images/cm_step_number3.gif") no-repeat 0 0;
}
#step4 .number
{
background: url("../images/cm_step_number4.gif") no-repeat 0 0;
}
/* Hover/Focus/Selected states */
#step1 .number:hover, #step1 .number:focus, .step1active #step1 .number, #step1 .numberfocus
{
background-image: url("../images/cm_step_number1_selected.gif");
}
#step2 .number:hover, #step2 .number:focus, .step2active #step2 .number, #step2 .numberfocus
{
background-image: url("../images/cm_step_number2_selected.gif");
}
#step3 .number:hover, #step3 .number:focus, .step3active #step3 .number, #step3 .numberfocus
{
background-image: url("../images/cm_step_number3_selected.gif");
}
#step4 .number:hover, #step4 .number:focus, .step4active #step4 .number, #step4 .numberfocus
{
background-image: url("../images/cm_step_number4_selected.gif");
}
/* Step 1 styles */
#cmpanels #step1
{
text-align: right;
}
#cmpanels #step1 h2
{
display: block;
width: 422px;
height: 23px;
background: url("../images/h_shadeselector_step1.gif") no-repeat top left;
margin: 15px 0 13px 0;
}
#cmpanels #step1 #shadefamilies
{
width: 710px;
font-size: 1.1em;
height: 30em;
margin-bottom: 5px;
overflow: hidden;
}
#cmpanels #step1 .shadefamily
{
width: 309px;
border: 1px solid #fff;
float: left;
display: inline;
padding: 29px 11px 16px 11px;
text-align: left;
height: 25em;
outline: none !important;
}
#cmpanels #step1 #shadefamilywarm
{
margin-right: 17px;
}
#cmpanels #step1 .shadefamily img
{
border: 1px solid #bdbdbd;
margin-bottom: 12px;
}
#cmpanels #step1 .shadefamily ul
{
margin: 0;
padding: 0;
list-style: none;
}
#cmpanels #step1 .shadefamily ul li
{
margin: 0 0 13px 0;
padding: 0 0 0 8px;
background: url("../images/icon_bullet_small.gif") no-repeat 0 .5em;
}
#cmpanels #step1 a.nextbutton
{
margin-right: 60px;
}
#cmpanels #step1 #shadefamilywarm h3, #cmpanels #step1 #shadefamilywarm label
{
display: block;
width: 84px;
height: 22px;
background: url("../images/h_shadeselector_warm.html") no-repeat top left;
margin: 0 0 8px 0;
}
#cmpanels #step1 #shadefamilycool h3, #cmpanels #step1 #shadefamilycool label
{
display: block;
width: 79px;
height: 23px;
background: url("../images/h_shadeselector_cool.html") no-repeat top left;
margin: 0 0 8px 0;
}
/* Hover state */
/*#cmpanels #step1 .shadefamily:hover,
#cmpanels #step1 .shadefamily:focus*/
#cmpanels #step1 .hovershade
{
border: 1px solid #bdbdbd;
background: url("../images/icon_shadefamily_hover.gif") no-repeat center 8px;
cursor: pointer;
}
/* Selected state */
#cmpanels #step1 .selectedshade
{
border: 1px solid #bdbdbd;
background: url("../images/icon_shadefamily_select.gif") no-repeat center 8px !important;
}
#cmpanels #step1 .selectedshade img
{
position: relative;
margin: -1px -1px 11px -1px;
border: 2px solid #000;
}
/* Step 2 styles */
#cmpanels #step2
{
text-align: right;
}
#cmpanels #step2 h2
{
display: block;
width: 482px;
height: 23px;
background: url("../images/h_shadeselector_step2.gif") no-repeat top left;
margin: 15px 0 53px 0;
}
#cmpanels #step2 h3, #cmpanels #step2 label
{
text-transform: uppercase;
font-size: .9em;
line-height: 1em;
margin-bottom: .5em;
}
#cmpanels #step2 label
{
padding-top: 4px;
}
#cmpanels #step2 .skinshade h3, #cmpanels #step2 .lastshade h3
{
font-size: 1em;
font-weight: normal;
padding: 5px 0 3px 0;
position: absolute;
margin-top: 50em;
}
#cmpanels #step2 .stepcontent
{
height: 22em;
overflow: hidden;
}
#cmpanels #skinshades
{
position: relative;
width: 660px;
margin-bottom: 30px;
height: 7.75em;
overflow: hidden;
padding-left: 5px;
}
#cmpanels #skinshades .skinshadegroup
{
float: left;
display: inline;
width: 163px;
margin-right: 1px;
text-align: center;
padding: .5em 0 0 0;
height: 7.5em;
}
#cmpanels #skinshades .verylight
{
background-color: #f4f4f4;
}
#cmpanels #skinshades .light
{
background-color: #e5e5e5;
}
#cmpanels #skinshades .medium
{
background-color: #cdcdcd;
}
#cmpanels #skinshades .dark
{
background-color: #bab9b9;
}
#cmpanels #skinshades .skinshadegroup .subgroupwrap
{
background-color: #fff;
padding: 1px 0;
margin-bottom: 5px;
}
#cmpanels #skinshades .skinshadegroup .skinshade
{
float: left;
display: inline;
position: relative;
outline: none !important;
}
#cmpanels #skinshades .skinshadegroup .skinshade span
{
display: inline-block;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
}
#cmpanels #skinshades .skinshadegroup .lastshade span
{
border-right: none;
}
#cmpanels #skinshades img.skinshade_vl1
{
border: 1px solid #faf6ea;
}
#cmpanels #skinshades img.skinshade_vl2
{
border: 1px solid #f5efdf;
}
#cmpanels #skinshades img.skinshade_vl3
{
border: 1px solid #f6e9da;
}
#cmpanels #skinshades img.skinshade_vl4
{
border: 1px solid #f9e1d5;
}
#cmpanels #skinshades img.skinshade_l1
{
border: 1px solid #ebcfbb;
}
#cmpanels #skinshades img.skinshade_l2
{
border: 1px solid #e1bdaa;
}
#cmpanels #skinshades img.skinshade_l3
{
border: 1px solid #d4b29c;
}
#cmpanels #skinshades img.skinshade_l4
{
border: 1px solid #d0a688;
}
#cmpanels #skinshades img.skinshade_m1
{
border: 1px solid #d0a283;
}
#cmpanels #skinshades img.skinshade_m2
{
border: 1px solid #b68a66;
}
#cmpanels #skinshades img.skinshade_m3
{
border: 1px solid #ac7b66;
}
#cmpanels #skinshades img.skinshade_m4
{
border: 1px solid #965e48;
}
#cmpanels #skinshades img.skinshade_d1
{
border: 1px solid #904f3b;
}
#cmpanels #skinshades img.skinshade_d2
{
border: 1px solid #6e2a14;
}
#cmpanels #skinshades img.skinshade_d3
{
border: 1px solid #532118;
}
#cmpanels #skinshades img.skinshade_d4
{
border: 1px solid #3f1100;
}
#cmpanels #step2 a.nextbutton
{
margin-right: 72px;
}
/* Hover/focus state */
#cmpanels #skinshades .hovershade
{
cursor: pointer;
position: relative;
padding: 2.25em 5px 0 6px;
margin: -2.25em -5px 0 -6px;
background: url("../images/bg_cm_skinshade_hover.png") no-repeat top left;
z-index: 1;
height: 7em;
}
#cmpanels #step2 .hovershade h3
{
position: relative;
margin-top: 0;
}
/* Selected state */
#cmpanels #skinshades .selectedshade
{
position: relative;
padding: 2.25em 5px 0 6px;
margin: -2.25em -5px 0 -6px;
background: url("../images/bg_cm_skinshade_selected.png") no-repeat top left !important;
z-index: 2;
height: 7em;
}
#cmpanels #skinshades .selectedshade img
{
border: 1px solid #000;
}
#cmpanels #step2 .selectedshade h3
{
position: relative;
margin-top: 0;
}
/* Step 3 styles */
#cmpanels #step3
{
text-align: right;
}
#cmpanels #step3 h2
{
display: block;
width: 227px;
height: 23px;
background: url("../images/h_shadeselector_step3.gif") no-repeat top left;
margin: 15px 0 37px 0;
}
#cmpanels #step3 h3, #cmpanels #step3 label
{
text-transform: uppercase;
font-weight: normal;
font-size: 1em;
line-height: 1em;
}
#cmpanels #step3 label
{
padding-top: 4px;
}
#cmpanels #eyeshades
{
height: 10.75em;
margin-bottom: 29px;
text-align: center;
padding: 0 11px;
overflow: hidden;
position: relative;
margin-left: -9px;
}
#cmpanels #eyeshades .eyeshadeswrap
{
background: url("../images/bg_cm_eyeshades.jpg") no-repeat top left #efefef;
padding-left: 5px;
width: 672px;
height: 10.75em;
}
#cmpanels #eyeshades .eyeshade
{
float: left;
display: inline;
width: 107px;
margin-right: 5px;
padding: 28px 0 0 0;
position: relative;
outline: none !important;
}
#cmpanels #eyeshades .eyeshade img
{
margin-bottom: 4px;
}
#cmpanels #step3 a.nextbutton
{
margin-right: 35px;
}
/* Hover state */
#cmpanels #eyeshades .hovershade
{
width: 109px;
cursor: pointer;
position: relative;
padding: 27px 10px 0 10px;
margin: 0 -6px 0 -11px;
background: url("../images/bg_cm_eyeshade_hover.png") no-repeat top left;
z-index: 1;
height: 11em;
}
#cmpanels #eyeshades .hovershade img
{
border: 1px solid #bdbdbd;
margin-bottom: 3px;
}
/* Selected state */
#cmpanels #eyeshades .selectedshade
{
width: 109px;
position: relative;
padding: 27px 10px 0 10px;
margin: 0 -6px 0 -11px;
background: url("../images/bg_cm_eyeshade_selected.png") no-repeat top left !important;
z-index: 2;
height: 11em;
}
#cmpanels #eyeshades .selectedshade img
{
margin-bottom: 3px;
border: 1px solid #000;
}
/* Step 4 styles */
#cmpanels #step4
{
text-align: right;
}
#cmpanels #step4 h2
{
display: block;
width: 299px;
height: 23px;
background: url("../images/h_shadeselector_step4.gif") no-repeat top left;
margin: 15px 0 6px 0;
}
#cmpanels #step4 h3.step4subhead
{
display: block;
width: 411px;
height: 17px;
background: url("../images/h3_shadeselector_step4.gif") no-repeat top left;
margin: 0 0 41px 0;
}
#cmpanels #hairshades
{
width: 659px;
height: 15.5em;
margin-bottom: 29px;
padding: 0 11px;
text-align: left;
overflow: hidden;
position: relative;
margin-left: -11px;
}
#cmpanels #hairshades .hairshadeswrap
{
background: url("../images/bg_cm_eyeshades.jpg") no-repeat top left #efefef;
width: 660px;
padding: 0 0 0 1px;
height: 15.5em;
}
#cmpanels #step4 #hairshades h3, #cmpanels #step4 #hairshades label
{
text-transform: uppercase;
font-weight: normal;
font-size: .8em;
line-height: 1.1em;
padding: 4px 0 0 5px;
}
#cmpanels #hairshades .hairshade
{
float: left;
display: inline;
width: 54px;
margin-right: 1px;
padding: 35px 0 0 0;
outline: none !important;
}
#cmpanels #hairshades .hairshade span
{
display: inline-block;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
}
#cmpanels #hairshades .lasthairshade span
{
border-right: none;
}
#cmpanels #hairshades img.hairblack
{
border: 1px solid #000;
}
#cmpanels #hairshades img.hairdeepbrown
{
border: 1px solid #431f1c;
}
#cmpanels #hairshades img.hairauburn
{
border: 1px solid #5d1e19;
}
#cmpanels #hairshades img.hairmediumbrown
{
border: 1px solid #5a2a16;
}
#cmpanels #hairshades img.hairgoldenbrown
{
border: 1px solid #713215;
}
#cmpanels #hairshades img.hairlightbrown
{
border: 1px solid #915227;
}
#cmpanels #hairshades img.hairred
{
border: 1px solid #8a4132;
}
#cmpanels #hairshades img.hairdarkblond
{
border: 1px solid #af794a;
}
#cmpanels #hairshades img.hairstrawberryblond
{
border: 1px solid #c66c20;
}
#cmpanels #hairshades img.hairblond
{
border: 1px solid #d09c6a;
}
#cmpanels #hairshades img.hairlightblond
{
border: 1px solid #dfa573;
}
#cmpanels #hairshades img.hairgrey
{
border: 1px solid #c2b5a8;
}
/* Hover state */
#cmpanels #hairshades .hovershade
{
width: 54px;
cursor: pointer;
position: relative;
padding: 35px 7px 0 7px;
margin: 0 -6px 0 -7px;
background: url("../images/bg_cm_hairshade_hover.png") no-repeat top left;
z-index: 1;
height: 17em;
}
/* Selected state */
#cmpanels #hairshades .selectedshade
{
width: 54px;
position: relative;
padding: 35px 7px 0 7px;
margin: 0 -6px 0 -7px;
background: url("../images/bg_cm_hairshade_selected.png") no-repeat top left !important;
z-index: 2;
height: 17em;
}
#cmpanels #hairshades .selectedshade img
{
border: 1px solid #000 !important;
}
#cmpanels #step4 input.importantbutton
{
margin-right: 56px;
}
/* newly added for error msg*/
.errorcnt-none{display:none;}
.errorcnt-box{clear:both;margin:0 60px 5px 0;display:none;}
.errorcnt-box2{clear:both;margin:0 72px 5px 0;display:none;}
.errorcnt-box3{clear:both;margin:0 40px 5px 0;display:none;}
.errorcnt-box4{clear:both;margin:0 60px 5px 0;display:none;}
/* No Javascript styles for Shade Selector */
.nojs #cmpanels .panel
{
margin-left: 100px;
width: 715px;
float: none;
display: block;
background: none;
height: auto;
}
.nojs a.nextbutton
{
display: none;
}
#cmpanels label
{
display: block;
}
#cmpanels #step1 label
{
display: inline-block;
}
.nojs #cmpanels input
{
display: block;
margin-left: auto;
margin-right: auto;
}
.nojs #cmpanels #step1 .shadefamily input
{
float: left;
display: inline;
margin-right: 10px;
}
.nojs #cmpanels #step1 .shadefamily div
{
float: left;
display: inline;
width: 90%;
}
.nojs #cmpanels #skinshades, .nojs #cmpanels #skinshades .skinshadegroup
{
height: 9em;
}
.nojs #cmpanels #eyeshades, .nojs #cmpanels #eyeshades .eyeshadeswrap
{
height: 12em;
}
.nojs #cmpanels #hairshades, .nojs #cmpanels #hairshades .hairshadeswrap
{
height: 18em;
text-align: center;
}
/* Colormatch Quiz pages */
.colormatchpage #quizheader
{
float: left;
display: inline;
width: 252px;
padding-top: 170px;
margin: 0 88px 0 94px;
}
.colormatchpage #quizheader h2
{
margin-bottom: 11px;
}
.colormatchpage #quizheader p
{
font-size: 1.5em;
font-family: "Helvetica Neue" , Arial, Helvetica;
font-weight: 100;
}
.colormatchpage #quizcontent
{
padding-bottom:40px;
padding-left:0px;
width:531px;
padding-right:2px;
display:inline;
float:right;
padding-top:37px;
}
.colormatchpage #quizcontent fieldset
{
padding-top: 10px;
padding-bottom: 25px;
margin-left: 35px;
}
.colormatchpage #quizcontent .quizquestionheader
{
font-size: 2em;
}
.colormatchpage #quizcontent .quizquestionheader h3
{
display: inline-block;
width: 490px;
font-weight: 100;
font-size: 1em;
font-family: "Helvetica Neue" , Arial, Helvetica;
}
.colormatchpage #quizcontent .quizquestionheader img
{
display: inline;
vertical-align: baseline;
position: relative;
margin-bottom: -1px;
}
.colormatchpage #quizcontent .quizquestionheader h4
{
font-size: .7em;
font-weight: 100;
margin-left: 35px;
font-family: "Helvetica Neue" , Arial, Helvetica;
}
.colormatchpage #quizcontent .formrow
{
margin-bottom: 5px;
}
.colormatchpage #quizcontent .twocolumns
{
margin-bottom: 0;
}
.colormatchpage #quizcontent .twocolumns .formitem
{
width: 45%;
float: left;
display: inline;
height: 2.25em;
margin-right: 1px;
}
#quizcontent input.importantbutton
{
margin-left: 35px;
padding-left: 30px;
padding-right: 30px;
}
/* Quiz Results page */
.colormatchpage .facequizresult
{
background: url("../Images/bg_face_quiz_results.jpg") no-repeat top left;
padding-top:27px;
/*display:inline-block;
min-height:670px;
max-height:795px;*/
}
.colormatchpage .eyesquizresult
{
/*display:inline-block;*/
background: url("../images/bg_eyes_quiz_results.jpg") no-repeat top left;
padding-top:27px;
/* min-height:670px;
max-height:850px;*/
}
.colormatchpage .lipsquizresult
{
/*display:inline-block;*/
background: url("../images/bg_lips_quiz_results.jpg") no-repeat top left;
padding-top:27px;
/*min-height:670px;
max-height:795px;*/
}
#quizcontent a.startnewquiz
{
text-transform: uppercase;
color: #cc0000;
font-weight: 200;
font-size: 1.6em;
font-family: "Helvetica Neue" , Arial, Helvetica;
float: right;
display: inline;
padding-left: 10px;
background: url("../images/icon_subnav_bullet.gif") no-repeat left center;
}
#quizcontent a.startnewquiz:hover
{
text-decoration: underline;
}
#quizcontent #quizresults
{
background-color: #ececec;
padding: 15px;
margin: 10px 0 17px 0;
}
#quizcontent #quizresults table
{
margin-bottom: 11px;
}
#quizresults .linkbutton
{
margin-right: 10px;
}
#quizcontent h2
{
font-weight: 100;
font-size: 2.5em;
font-family: "Helvetica Neue" , Arial, Helvetica;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 4px;
clear: right;
}
#quizcontent .section
{
padding-bottom: 1px;
}
#quizcontent .section .productresults
{
padding-top: 0;
}
#quizcontent .section ul.productlist
{
margin-top: 3px;
}
#quizcontent .section ul.productlist li.productitem
{
height: 22em;
margin: 0 8px 15px;
}
#quizcontent .saveresultssection p
{
margin-top: 3px;
margin-bottom: 1em;
}
/* Registration */
#register {
padding-top:20px;
padding-bottom:77px;
}
#register p.registerintro {
padding-left:29px;
padding-bottom:38px;
}
#register .section h1 {
font-family:"Helvetica Neue",Arial,Helvetica;
font-size:2.5em;
font-weight:100;
text-transform:uppercase;
border-bottom:1px solid #999;
margin-bottom:32px;
padding-bottom:3px;
color:#4f4f4f;
}
#register select {
font-size:1em;
}
#registerblock label {
float:left;
display:inline;
font-weight:bold;
text-transform:uppercase;
line-height:1.8em;
margin-right:10px;
padding-bottom:9px;
width:130px;
}
.labelCS
{
float: left;
display: inline;
font-weight: bold;
text-transform: uppercase;
line-height: 1.8em;
margin-right: 10px;
padding-bottom: 9px;
width: 130px;
}
.labelCSSignIn
{
float: left;
display: inline;
font-weight: bold;
text-transform: uppercase;
line-height: 1.8em;
margin-right: 10px;
width: 130px;
}
#register input.text {
width:238px;
}
#register #registerblockwrapper {
padding-bottom:20px;
}
#register #registerblock {
display:inline;
float:left;
margin-left:59px;
padding-top:20px;
text-align:left;
width:390px;
}
#register #registerblock select.short {
width:60px;
}
#register #registerblock select.long {
width:110px;
}
#register #optionalblock {
border-left:1px solid #b2b2b2;
display:inline;
float:left;
padding:20px 0 20px 34px;
margin-left:35px;
width:395px;
}
#register #optionalblock input.checkbox {
float:left;
display:inline;
margin:0;
}
#register #optionalblock label.signmeup {
float:left;
display:inline;
padding-left:22px !important;
width:340px;
text-transform:none;
line-height:14px;
text-align:justify;
}
#register #optionalblock h2 {
font-size:1em;
text-transform:uppercase;
font-weight:bold;
padding-bottom:6px;
}
#register #optionalblock label {
display:block;
font-weight:normal;
text-transform:uppercase;
}
#register input.text,
#register #optionalblock .mobilenumber input,
#register #optionalblock input.short
#register #optionalblock input.long {
border:1px solid #D2D2D2;
font-size:1em;
height:1.4em;
float:left;
}
#register #optionalblock input.short {
width:50px;
margin-right:9px;
}
#register #optionalblock input.long {
width:84px;
}
#register #optionalblock select {
width:210px;
}
#register #optionalblock .textlabel {
float:none;
padding-bottom:2px;
display:block;
text-transform:uppercase;
}
#register input.importantbutton {
margin-left: 409px;
padding-left: 58px;
padding-right: 58px;
}
.pwdrightbor input.button_pass{
border:1px solid #999999;
background-color:#000;
color:#fff;
padding:1px 20px;
text-align:center;
text-transform:uppercase;
font-size:.825em;
cursor:pointer;
width:0;
overflow:visible;
line-height:1.5em;
margin-left:155px;
}
.pwdrightbor input.button_pass{
width:auto;
}
.pwdrightbor input.button_pass:hover {
color:#fff;
background-color:#cc0000;
}
input.button_pass{
border:1px solid #999999;
background-color:#000;
color:#fff;
padding:1px 20px;
text-align:center;
text-transform:uppercase;
font-size:.825em;
cursor:pointer;
width:0;
overflow:visible;
line-height:1.5em;
margin-left:155px;
}
input.button_pass{
width:auto;
}
input.button_pass:hover {
color:#fff;
background-color:#cc0000;
}
#register div.signmeup,
#register .mobilenumber {
margin-bottom:5px;
}
#register .mobilecarrier {
padding-bottom:17px;
}
.register #content .headerarea {
margin-top:7px;
}
.screenreader {
position:absolute;
width:10px;
height:10px;
overflow:hidden;
top:0;
left:-10000em;
}
/* Colormatch Shade Selector Results */
#shadecta {
position:absolute;
top:95px;
left:28px;
z-index:2;
width:491px;
height:695px;
}
.shadeselectorresults #colormatchcontent {
min-height:668px;
}
.shadeselectorresults #quizcontent {
width:413px;
padding-top:90px;
margin-right:-1px;/*added from MT*/
}
.shadeselectorresults #quizcontent a.startnewquiz {
float:left;
}
.shadeselectorresults #followthisdot {
position:absolute;
z-index:3;
top:189px;
left:71px;
}
.shadeselectorresults #quizcontent #quizresults {
padding:7px 15px 1px 7px;
margin-bottom:20px;
}
.shadeselectorresults #quizresults .facesample {
background:url("../images/bg_shaderesults_face.gif") no-repeat top left;
padding:4px 3px 7px 3px;
float:left;
display:inline;
margin-right:5px;
}
/*added as part of fix for SIT_CG_UI_FF3.6 # 31*/
#shadeSelResults table {
margin-top:0px;
}
.shadeselectorresults #quizresults table.quizresults {
width:248px;
margin-top:35px;
}
.shadeselectorresults h3.shaderesultcool {
background:url("../images/h2_shade_quiz_results.gif") no-repeat top left;
width:149px;
padding-top:39px;
}
.shadeselectorresults #quizcontent p {
line-height:1.6em;
}
.shadeselectorresults #shadecta #triggermsg {
position:absolute;
top:515px;
left:371px;
}
.nojs .shadeselectorresults #shadecta #triggermsg {
display:none;
}
.shadeselectorresults .resultspop {
width:346px;
display:none;
position:absolute;
padding:15px;
top:250px;
left:0;
}
.shadeselectorresults .resultspop .topcap {
width:346px;
height:26px;
background:url("../images/bg_shaderesult_pop_topcap.png") no-repeat top left;
}
.shadeselectorresults .resultspop .bottomcap {
width:346px;
height:49px;
background:url("../images/bg_shaderesult_bot_topcap.png") no-repeat top left;
}
.shadeselectorresults .resultspop .resultspop_content {
background:url("../images/bg_shaderesult_pop_content.png") repeat-y top left;
}
.shadeselectorresults .resultspop .resultspop_contentiefix {
padding:0 38px 0 28px;
position:relative;
}
.shadeselectorresults #liparea_pop {
top:207px;
left:432px;
}
.shadeselectorresults #eyearea_pop {
top:132px;
left:326px;
}
.shadeselectorresults #facearea_pop {
top:390px;
left:-54px;
}
.shadeselectorresults .resultspop .resultspop_content .shadesample {
float:left;
display:inline;
width:135px;
margin-right:10px;
text-transform:uppercase;
font-size:.8em;
}
.shadeselectorresults .resultspop .resultspop_content .lastsample {
margin-right:0;
}
.shadeselectorresults .resultspop .resultspop_content .shadesample img {
border:1px solid #e6e6e6;
}
.shadeselectorresults .resultspop .resultspop_content p {
margin-bottom:0;
padding-top:.7em;
}
.shadeselectorresults .resultspop .resultspop_content a.close:link,
.shadeselectorresults .resultspop .resultspop_content a.close:hover,
.shadeselectorresults .resultspop .resultspop_content a.close:visited {
height: 1px;
overflow: hidden;
position: absolute;
top: -999em;
}
.shadeselectorresults .resultspop .resultspop_content a.close:active,
.shadeselectorresults .resultspop .resultspop_content a.close:focus {
text-transform:uppercase;
font-size:.8em;
color: #000;
height: 1em;
overflow: visible;
padding:.2em 12px .2em .2em;
background:url("../images/icon_closebox.gif") no-repeat 97% .2em;
text-align: center;
top:auto;
bottom: -10px;
right:38px;
z-index: 1000;
}
/* Shade Selector Results, no javascript */
.nojs #shadecta {
float:left;
display:inline;
position:relative;
top:auto;
margin-top:-78px;
left:auto;
margin-left:28px;
z-index:2;
width:491px;
height:695px;
padding-bottom:15em;
}
.nojs #nojscallouts {
width:970px;
position:absolute;
bottom:2em;
left:-28px;
}
.nojs #nojscallouts .resultspop {
float:left;
display:inline;
position:static;
padding:5px 20px;
top:auto;
left:auto;
width:280px;
}
.nojs #nojscallouts .resultspop .topcap {
width:0;
height:0;
background:none;
}
.nojs #nojscallouts .resultspop .bottomcap {
width:0;
height:0;
background:none;
}
.nojs #nojscallouts .resultspop .resultspop_content {
background:none;
}
.nojs #nojscallouts .resultspop .resultspop_contentiefix {
padding:0;
position:relative;
}
.nojs #nojscallouts #liparea_pop {
padding-left:23px;
padding-right:23px;
border-left:1px solid #666666;
border-right:1px solid #666666;
}
.nojs #nojscallouts .resultspop .resultspop_content a.close:link,
.nojs #nojscallouts .resultspop .resultspop_content a.close:hover,
.nojs #nojscallouts .resultspop .resultspop_content a.close:visited,
.nojs #nojscallouts .resultspop .resultspop_content a.close:active,
.nojs #nojscallouts .resultspop .resultspop_content a.close:focus {
display:none !important;
}
/* Beauty Buzz Welcome page */
.beautybuzz #content {
position:relative;
}
#beautybuzzwelcome {
min-height:525px;
/*background:url("../images/bg_buzzwelcome.jpg") no-repeat top left;*/
}
#beautybuzzwelcome #welcomecontent {
text-align:right;
margin:0 57px 0 554px;
padding-top:52px;
padding-bottom:16em;
position:relative;
}
#beautybuzzwelcome #welcomecontent .header {
/* position:absolute; */
bottom:0;
right:0;
}
#beautybuzzwelcome #welcomecontent .header h1 {
margin-bottom:10px;
/*background:url("../images/h_beautybuzz.gif") no-repeat top left;*/
width:292px;
/* padding-top:119px; */
float:right;
display:inline;
}
#beautybuzzwelcome #welcomecontent .header p.tagline {
font-size:1.2em;
clear:right;
}
#beautybuzzwelcome #welcomecontent .header p.tagline_landing {
font-size:1.2em;
clear:right;
}
#beautybuzzwelcome ul {
margin:0;
padding:0;
list-style:none;
}
#beautybuzzwelcome ul li {
margin:0 0 1em 100px;
padding:0;
}
#beautybuzzwelcome ul li a {
display:block;
margin-bottom:.5em;
}
/* Beauty Buzz What's New page */
#beautybuzzwhatsnew {
min-height:525px;
/* background:url("../images/bg_buzz_whatsnew.jpg") no-repeat top left; */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#beautybuzzwhatsnew {
position:relative;
margin-bottom:-4px;
}
}
.beautybuzz .buzzsubnav {
position:absolute;
top:13px;
right:0;
margin:0;
padding:0;
list-style:none;
z-index:5;
}
.beautybuzz .buzzsubnav li {
float:left;
display:inline;
line-height:1em;
padding:0 10px;
border-right:1px solid #000;
font-size:.8em;
text-transform:uppercase;
}
.beautybuzz .buzzsubnav li.last {
border-right:none;
padding-right:5px;
}
.beautybuzz .buzzsubnav li a {
color:#000;
}
.beautybuzz .buzzsubnav li a:hover,
.beautybuzz .buzzsubnav li.selected a {
color:#cc0000;
}
#beautybuzzwhatsnew #welcomecontent {
padding-top:75px;
/*margin-left:661px;*/
margin-left:61px;
}
#beautybuzzwhatsnew #welcomecontent h1 {
margin-bottom:23px;
background:url("../images/h_buzz_whatsnew.gif") no-repeat top left;
width:290px;
padding-top:72px;
}
#beautybuzzwhatsnew .productlinks ol {
font-weight:bold;
margin:0 0 0 1.5em;
padding:0;
}
#beautybuzzwhatsnew .productlinks ol li {
margin-bottom:.4em;
line-height:1em;
}
#beautybuzzwhatsnew .productlinks ol a {
font-weight:normal;
text-transform:uppercase;
}
#beautybuzzwhatsnew .productlinks ol a:hover {
color:#cc0000;
}
#beautybuzzwhatsnew #imagemap div {
position:absolute;
cursor:pointer !important;
}
.nojs #beautybuzzwhatsnew #imagemap div {
cursor:auto;
}
#beautybuzzwhatsnew #imagemap div.natureluxegloss {
width:83px;
height:435px;
top:80px;
left:260px;
}
#beautybuzzwhatsnew #imagemap div.lipperfectionstick {
width:100px;
height:271px;
top:56px;
left:361px;
}
#beautybuzzwhatsnew #imagemap div.natureluxesilk {
/*width:203px;
height:457px;
top:58px;
left:56px;
*/
width:487px;
height:68px;
top:335px;
left:56px;
}
#beautybuzzwhatsnew #imagemap div.lashblast {
/*width:66px;
height:462px;
top:67px;
left:575px;
cursor:pointer;
*/
width:150px;
height:376px;
top:149px;
left:740px;
cursor:pointer;
}
#beautybuzzwhatsnew #imagemap div.lipperfectionliner {
/*width:569px;
height:53px;
top:336px;
left:0;*/
/*border:1px solid green;*/
height:64px;
left:232px;
top:412px;
width:477px;
}
#beautybuzzwhatsnew #imagemap div.queen {
/*width:100px;
height:271px;
top:56px;
left:468px;
*/
width:88px;
height:400px;
left:620px;
}
/* Beauty Buzz Fab 5's */
#beautybuzzfabfives #welcomecontent {
float:right;
display:inline;
width:437px;
padding-top:49px;
padding-bottom:15px;
}
#beautybuzzfabfives .section {
border-bottom:2px solid #000;
padding:8px 3px 0 3px;
}
#beautybuzzfabfives .lastsection {
border-bottom:none;
}
#beautybuzzfabfives .section h1 {
margin-bottom:10px;
/*background:url("../images/h_buzz_fabfives.gif") no-repeat top left;
width:301px;
padding-top:93px;*/
}
#beautybuzzfabfives .section h2 {
margin-top:7px;
margin-bottom:10px;
font-weight:200;
font-size:1.8em;
font-family:"Helvetica Neue", Arial, Helvetica;
}
#beautybuzzfabfives .section #topratedproducts {
margin-bottom:20px;
}
#beautybuzzfabfives .section p {
line-height:1.4em;
}
#beautybuzzfabfives #fabfiveproducts {
float:left;
display:inline;
width:500px;
}
#beautybuzzfabfives #fabfiveproducts .fabfiveproducts_largeimg
{
width:300px;
margin:auto;
}
#beautybuzzfabfives #fabfiveproducts #largeproduct {
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
}
#beautybuzzfabfives #fabfiveproducts #imgLargeProduct {
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
}
#beautybuzzfabfives #productthumbs {
padding-bottom:15px;
}
#beautybuzzfabfives #productthumbs a {
float:left;
display:inline;
width:100px; /* Added for fixing FF issue */
}
#beautybuzzfabfives #productthumbs a:focus {
outline:1px dotted #ccc;
}
#beautybuzzfabfives #productthumbs a{
float:left;
display:inline;
opacity:.30;
}
#beautybuzzfabfives #productthumbs a:hover,
#beautybuzzfabfives #productthumbs a.selected,
#beautybuzzfabfives #productthumbs a:focus{
opacity:1;
}
#beautybuzzfabfives .rating {
margin-bottom:15px;
}
.buzzratingdetail {
padding-top:15px;
}
.buzzratingdetail img {
display:inline;
padding:0 5px;
}
/* Beauty Buzz Awards page */
#beautybuzzawards {
min-height:662px;
}
#beautybuzzawards #awardmontage {
height:593px;
width:967px;
position:absolute;
top:29px;
left:8px;
/* background:url("../images/award_montage.jpg") no-repeat top left; */
z-index:1;
}
#beautybuzzawards #welcomecontent {
position:relative;
z-index:2;
padding-top:68px;
margin-left:648px;
margin-right:13px;
}
#beautybuzzawards #welcomecontent h1 {
margin-bottom:18px;
background:url("../images/h_buzz_awards.gif") no-repeat top left;
width:291px;
padding-top:92px;
}
#beautybuzzawards #welcomecontent p {
line-height: 1.4em;
}
/* Award montage "links" */
#awardmontage a {
position:absolute;
}
#awardmontage a.outlast {
width:86px;
height:494px;
top:0;
left:0;
}
#awardmontage a.lashblast {
width:146px;
height:410px;
top:0;
left:89px;
}
#awardmontage a.trublend {
width:129px;
height:385px;
top:23px;
left:235px;
}
#awardmontage a.simplyagelessblush {
width:204px;
height:357px;
top:45px;
left:365px;
}
#awardmontage a.lineexact {
width:460px;
height:80px;
top:414px;
left:97px;
}
#awardmontage a.smokyshadowblast {
width:564px;
height:95px;
top:500px;
left:0;
}
#awardmontage a.outlastsmoothwear {
width:105px;
height:374px;
top:221px;
left:573px;
}
#awardmontage a.wetslicksamazemint {
width:72px;
height:370px;
top:223px;
left:675px;
}
#awardmontage a.simplyagelessfoundation {
width:218px;
height:361px;
top:235px;
left:751px;
}
.beautybuzz .awardproduct {
font-size:.7em;
text-align:left;
}
.awardproduct img.modallargeproduct {
display:inline;
}
.awardproduct img.nomodalproduct {
display:none;
}
.awardproduct img.prodimage {
float:left;
}
.awardproduct .productcontent {
float:left;
display:inline;
width:342px;
padding-top:40px;
}
.awardlogos img {
opacity:1;
}
.awardlogos a {
float:left;
display:inline;
margin:5px 2px 4px 0;
}
.awardlogos a.notselected img {
opacity:.3;
}
.awardlogos a:focus {
outline:1px dotted #999;
}
.awardlogos a.notselected:hover img,
.awardlogos a.notselected:focus img {
opacity:1;
}
.awardproduct .productcontent h2 {
font-size:2.3em;
font-weight:100;
margin-bottom:12px;
}
.awardproduct .productcontent h3 {
text-transform:uppercase;
font-size:1em;
}
.awardproduct .productcontent .awarddescription {
clear:left;
position:absolute;
left:-10000em;
}
.awardproduct .productcontent .selecteddescription {
position:relative;
left:auto;
}
.awardproduct .productcontent .awarddescription h4 {
text-transform:uppercase;
font-size:1em;
color:#cc0000;
padding-bottom:3px;
line-height:1em;
}
.awardproduct .productcontent .section {
border-top:1px solid #999999;
border-bottom:1px solid #999999;
padding:8px 0 12px 0;
margin-bottom:8px;
}
.awardproduct .benefitlists {
padding-top:7px;
padding-bottom:17px;
}
.awardproduct .benefitlists ul {
float:left;
display:inline;
width:171px;
}
.awardproduct .benefitlists ul.leftlist {
width:151px;
margin-right:20px;
}
.awardproduct .benefitlists ul li {
padding-bottom:3px;
}
/* No Javascript version of Awards */
.nojs #awardmontage,
.nojs #awardinfo img.modallargeproduct,
.nojs .jqmWindow .modaltop,
.nojs .jqmWindow .modalbot,
.nojs .awardlogos,
.nojs .jqmWindow a.jqmClose {
display:none;
}
.nojs #awardinfo img.nomodalproduct {
display:inline;
}
.nojs .jqmWindow {
position: static;
top: auto;
left: auto;
margin-left: 0;
width: auto;
font-size:1em;
}
.nojs .jqmWindow .modalmid {
width:auto;
padding:0;
background:none;
}
.nojs .awardproduct {
margin-bottom:20px;
}
.nojs .awardproduct .productcontent {
padding-top:5px;
width:292px;
}
.nojs .awardproduct .productcontent h2 {
font-size:2em;
margin-bottom:7px;
color:#4f4f4f;
font-family: "Helvetica Neue",Arial,Helvetica;
}
.nojs #beautybuzzawards .columnone,
.nojs #beautybuzzawards .columntwo {
float:left;
display:inline;
width:448px;
}
.nojs #awardinfo {
padding-bottom:28px;
}
.nojs #beautybuzzawards .columnone {
padding-right:35px;
border-right:1px solid #666;
margin-right:7px;
}
.nojs .awardproduct .benefitlists ul {
float:none;
display:block;
width:auto;
margin-right:0;
}
.nojs .awardproduct .productcontent .awarddescription {
position:static;
left:auto;
margin-bottom:5px;
}
.nojs #beautybuzzawards #welcomecontent {
margin-left:0;
text-align:right;
margin-bottom:50px;
}
.nojs #beautybuzzawards #welcomecontent h1 {
float:right;
display:inline;
}
.nojs #beautybuzzawards #welcomecontent p {
clear:right;
}
/* Specials page */
#specialswelcome {
position:relative;
height:489px;
}
#specialswelcome #welcomebackgrounds {
position:absolute;
top:0;
left:0;
width:100%;
height:489px;
z-index:1;
}
#specialswelcome #welcomebackgrounds img {
position:absolute;
top:0;
left:0;
display:none;
}
#specialswelcome #specialsnav {
position:absolute;
z-index:2;
width:267px;
height:268px;
top:35px;
left:7px;
}
#specialswelcome #specialsnav #specialsnavinner {
width:267px;
height:268px;
/* background:url("../images/bg_specials_nav.png") no-repeat top left;*/
}
#specialsnav .header h1 {
position:absolute;
top:74px;
left:15px;
/*background:url("../images/h1_special_offers.gif") no-repeat top left;*/
width:219px;
padding-top:0px;
}
#specialsnav .header p.tagline {
position:absolute;
top:45px;
left:42px;
width:174px;
height:0;
padding-top:0px;
padding-left:0px;
/*overflow:hidden;
background:url("../images/tagline_special_offers.gif") no-repeat top left;*/
}
#specialsnav ul {
position:absolute;
top:149px;
left:74px;
margin:0;
padding:0;
list-style:none;
}
#specialsnav ul li {
width:179px;
height:14px;
margin-bottom:2px;
}
#specialsnav ul li a {
float:left;
display:block;
width:179px;
height:14px;
overflow:hidden;
text-indent:-4000em;
}
/* Specials nav links */
#specialsnav ul li a#navoffer1 {
/*background:url("../images/specialnav_offer1.gif") no-repeat top left;*/
}
#specialsnav ul li a#navoffer2 {
/*background:url("../images/specialnav_offer2.gif") no-repeat top left;*/
}
#specialsnav ul li a#navoffer3 {
/*background:url("../images/specialnav_offer3.gif") no-repeat top left;*/
}
#specialsnav ul li a#navoffer4 {
/*background:url("../images/specialnav_offer4.gif") no-repeat top left;*/
}
#specialsnav ul li a#navoffer5 {
/*background:url("../images/specialnav_offer5.gif") no-repeat top left;*/
}
/* Hover states */
#specialsnav ul li a#navoffer1:hover,
#specialsnav ul li.selected a#navoffer1 {
background:url("../images/en-US/Special/specialnav_offer1_on.gif") no-repeat top left;
}
#specialsnav ul li a#navoffer2:hover,
#specialsnav ul li.selected a#navoffer2 {
background:url("../images/en-US/Special/specialnav_offer2_on.gif") no-repeat top left;
}
#specialsnav ul li a#navoffer3:hover,
#specialsnav ul li.selected a#navoffer3 {
background:url("../images/en-US/Special/specialnav_offer3_on.gif") no-repeat top left;
}
#specialsnav ul li a#navoffer4:hover,
#specialsnav ul li.selected a#navoffer4 {
background:url("../images/en-US/Special/specialnav_offer4_on.gif") no-repeat top left;
}
#specialsnav ul li a#navoffer5:hover,
#specialsnav ul li.selected a#navoffer5 {
background:url("../images/en-US/Special/specialnav_offer5_on.gif") no-repeat top left;
}
#specialoffers {
position:absolute;
bottom:15px;
right:5px;
z-index:2;
}
#specialoffers div {
position:absolute;
bottom:0;
left:-4000em;
text-align:right;
}
#specialoffers div h2.nojavascript,
#specialoffers div p.nojavascript {
display:none;
}
#specialoffers div#specialoffer2 p {
padding-right:8px;
padding-top:8px;
}
/* Special Offers, no javascript version */
.nojs #specialoffers div img,
.nojs #specialoffers div p {
display:none;
}
.nojs #specialoffers div h2.nojavascript,
.nojs #specialoffers div p.nojavascript {
display:block;
}
.nojs #specialoffers div#specialoffer2 p {
padding-right:0;
padding-top:0;
}
.nojs #specialoffers div h2.nojavascript {
text-transform:uppercase;
font-size:1.5em;
font-weight:normal;
}
.nojs #specialoffers {
position:relative;
bottom:auto;
right:auto;
float:left;
display:inline;
width:550px;
margin-top:48px;
}
.nojs #specialoffers div {
position:relative;
bottom:auto;
left:auto;
text-align:left;
margin-bottom:25px;
}
.nojs #specialswelcome #specialsnav {
position:relative;
width:267px;
height:268px;
top:auto;
left:auto;
float:left;
display:inline;
margin:35px 40px 0 30px;
}
.nojs #specialswelcome #specialsnav ul {
display:none;
}
.nojs #specialsnav .header p.tagline {
top:155px;
left:55px;
width:122px;
height:0;
padding-top:31px;
background:url("../images/tagline_special_offers_nojs.gif") no-repeat top left;
}
/* Tips landing page */
#tipscontent {
width:717px;
float:right;
display:inline;
}
.tips #sidebar {
padding-top:5px;
padding-bottom:20px;
}
.tipslanding #sidebar {
padding-top:20px;
padding-bottom:20px;
}
.tipslanding #tipscontent {
margin-top:20px;
margin-bottom:20px;
background-color:#000;
padding-top:10px;
color:#cbcbcb;
}
.tipslanding #tipscontent a.calltoaction {
color:#fff;
background:url("../images/icon_redarrow_onblack.gif") no-repeat center left;
padding-left:11px;
}
/* Tips landing hero */
.tipslanding #hero img {
margin-bottom:15px;
}
.tipslanding #hero p {
margin:0 30px 5px 30px;
padding-bottom:30px;
}
.tipslanding #hero p.cta {
margin:0 30px 18px 30px;
}
/* Tips landing content callouts */
.tipslanding #tipscontent .callouts {
margin-left:29px;
width:auto;
margin-bottom:35px;
}
.tipslanding #tipscontent .callouts .callout {
float:left;
display:inline;
width:216px;
margin-right:5px;
border:none;
border-bottom:5px solid #fff;
padding:0 3px;
}
.tipslanding #tipscontent .callouts .callout h2 {
margin-bottom:25px;
}
.tipslanding #tipscontent .callouts .facetipscallout h2 {
/*background:url("../images/h_tipslanding_face.gif") no-repeat top left;*/
width:99px;
padding-top:31px;
}
.tipslanding #tipscontent .callouts .eyetipscallout h2 {
/*background:url("../images/h_tipslanding_eyes.gif") no-repeat top left;*/
width:104px;
padding-top:31px;
}
.tipslanding #tipscontent .callouts .liptipscallout h2 {
/*background:url("../images/h_tipslanding_lips.gif") no-repeat top left;*/
width:87px;
padding-top:31px;
}
.tipslanding #tipscontent .callouts .callout h2 a {
display:block;
height:31px;
position:relative;
margin-top:-31px;
}
.tipslanding #tipscontent .callouts .facetipscallout h2 a {
width:99px;
}
.tipslanding #tipscontent .callouts .eyetipscallout h2 a {
width:104px;
}
.tipslanding #tipscontent .callouts .liptipscallout h2 a {
width:87px;
}
.tipslanding #tipscontent .callouts .callout img {
position:relative;
margin:0 -3px 8px -3px;
}
.tipslanding #tipscontent .callouts .callout p {
margin-bottom:5px;
line-height:1.3em;
}
/* Tips sidebar slideshow */
.tips #sidebar #featuredtips {
position:relative;
}
.tips #sidebar #featuredtips h2 {
margin-bottom:10px;
background:url("../images/h_whatsyourtip_sidebar.gif") no-repeat top left;
width:220px;
padding-top:161px;
}
.tips #sidebar #featuredtips h3 {
margin-bottom:9px;
margin-left:2px;
}
.tips #sidebar #featuredtips h3.eyetipheader {
background:url("../images/icon_tips_eyes_double.jpg") no-repeat top left;
width:81px;
padding-top:45px;
}
.tips #sidebar #featuredtips a#nexttip {
position:absolute;
top:186px;
left:93px;
display:block;
width:19px;
height:19px;
z-index:7;
}
.nojs #sidebar #featuredtips a#nexttip,
.nojs #sidebar #featuredtips .secondaryslide {
display:none;
}
.tips #sidebar #slideshow {
margin-left:3px;
line-height:1.3em;
}
.tips #sidebar #featuredtips a.calltoaction {
margin-left:3px;
}
.tips #sidebar #slideshow p {
margin-bottom:0;
}
div#slideshow {position:relative; width:217px; height:172px}
/* Tips sidebar callouts */
.tips #sidebar .callouts .callout {
border-top:5px solid #000;
padding:10px 3px 0 3px;
min-height:0;
width:220px;
margin-bottom:0;
margin-top:19px;
}
.tips #sidebar .callouts .callout h2 {
margin-bottom:9px;
}
/* Tips Category page (Face Tips) */
.tips #sidebar #subnav {
margin-bottom:35px;
}
.tipssubpage #hero h1 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-weight:100;
font-size:3.2em;
text-transform:uppercase;
color:#fff;
margin:15px 20px;
padding:0;
}
.tipssubpage #hero {
margin-top:20px;
margin-bottom:32px;
background-color:#000;
padding-top:10px;
padding-bottom:1px;
color:#fff;
}
.tipscategory #subcategorylist {
float:none;
display:block;
width:717px;
padding:0 0 10px 0;
border-bottom:5px solid #000;
margin-bottom:23px;
}
.tipscategory #subcategorylist h2,
.tipssubcategory #subcategorylist h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:1.2em;
text-transform:uppercase;
color:#4a4a4a;
margin:0 0 2px 0;
padding:0;
}
.tipscategory #subcategorylist h2 a,
.tipssubcategory #subcategorylist h2 a {
text-decoration:none;
color:#cc0000;
}
.tipscategory #subcategorylist h2 a:hover,
.tipssubcategory #subcategorylist h2 a:hover {
color:#cc0000;
text-decoration:underline;
}
.tipscategory #subcategorylist ul {
width:752px;
position:relative;
margin-right:-35px;
}
.tipscategory #subcategorylist ul li {
width:216px;
margin-right:34px;
min-height:12em;
line-height:1.3em;
}
.tipscategory #subcategorylist ul li p {
margin-bottom:0;
}
.tipscategory #subcategorylist ul li img {
border:1px solid #999;
margin-bottom:10px;
}
.tipscategory #skintypesection {
margin-bottom:38px;
position:relative;
padding-left:4px;
}
.tipscategory #skintypeintro {
position:absolute;
top:0;
left:251px;
}
.tipscategory #skintypeintro h2 {
margin-bottom:8px;
width:275px;
padding-top:31px;
}
.tipscategory #skintypesection ul {
margin:0;
padding:0 0 0 1.3em;
}
.tipscategory #skintypesection .ui-tabs .ui-tabs-nav {
float:left;
display:inline;
width:211px;
border-right:1px solid #999999;
border-bottom:none;
padding:6px 0 28px 0;
}
.tipscategory #skintypesection .ui-tabs .ui-tabs-nav li {
float:none;
font-size:1.1em;
margin:-1px 9px 0 0;
padding:0;
}
.tipscategory #skintypesection .ui-tabs .ui-tabs-nav li,
.tipscategory #skintypesection .ui-tabs .ui-tabs-nav li a {
position:relative;
z-index:1;
}
.tipscategory #skintypesection .ui-tabs .ui-tabs-nav li a {
background:none;
border-left:none;
color:#343434;
float:none;
display:block;
outline:medium none !important;
padding:0.5em 0px 0.4em 13px;
text-decoration:none;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.tipscategory #skintypesection .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.tipscategory #skintypesection .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
position:relative;
z-index:2;
}
.tipscategory #skintypesection .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
color:#cc0000;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
border-left:4px solid #000;
border-right:1px solid #fff;
margin:0 -10px 0 -4px;
}
.tipscategory #skintypesection .ui-tabs .ui-tabs-panel {
background:none;
border:0;
width:445px;
float:right;
display:inline;
padding:0;
margin-right:20px;
margin-top:72px;
}
/* No-js styles for Tips Category page */
.nojs #skintypeintro {
position:static;
left:auto;
top:auto;
margin-bottom:15px;
}
.nojs #skintypesection #tabs #tabsnav {
display:none;
}
.nojs #skintypesection #tabs div {
margin-bottom:20px;
}
/* Tips Subcategory page (Foundation Tips) */
.tipssubcategory #subcategorylist {
float:none;
display:block;
padding-top:6px;
padding-bottom:25px;
}
/* Tips Detail page (Tip article) */
.tipsdetail #hero {
margin-bottom:17px;
}
.tipsdetail #hero h1 {
font-size:2.4em;
}
#tipnav {
margin-bottom:25px;
}
#tipnav a.return {
float:left;
padding-left:12px;
background:url("../images/icon_link_prev.gif") no-repeat left center;
}
#tipnav a.next {
float:right;
padding-right:12px;
background:url("../images/icon_link_next.gif") no-repeat right center;
margin-right:11px;
}
#tiparticle {
margin-bottom:5px;
padding-bottom:25px;
border-bottom:5px solid #000;
}
#tiparticle img.tipphoto {
float:left;
display:inline;
}
#tiparticle .tiparticlecontent {
margin:0 15px 0 296px;
padding-top:19px;
line-height:1.6em;
width:390px;
}
#tiparticle .tiparticlecontent h2 {
font-size:1.6em;
font-weight:normal;
margin-bottom:20px;
line-height:1.1em
}
#tiparticle .tiparticlecontent p {
margin-bottom:1.5em;
}
#tipactions {
padding-bottom:25px;
}
#tipactions .facebook {
float:left;
display:inline;
width:320px;
}
#tipactions .buttons {
float:right;
display:inline;
text-align:right;
padding-top:5px;
}
#tipactions .buttons a,
#tipactions .buttons input {
float:left;
display:inline;
margin-left:2px;
}
#tipactions .buttons a {
font-size:.825em;
padding-top:3px;
padding-bottom:3px;
}
/* Submit a Tip */
.tipssubpage #hero .submitheader h1 {
float:left;
display:inline;
margin: 9px 0 0 34px;
/*background:url("../images/h_submitatip.gif") no-repeat top left;*/
width:286px;
padding-top:60px;
}
.submitheader p {
width:376px;
float:left;
display:inline;
padding-top:27px;
position:relative;
margin-left:-15px;
}
.tipform h2 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-weight:100;
font-size:2.6em;
margin:0 0 7px 0;
padding:0;
}
.tipform fieldset {
padding:10px 0;
}
#requiredtipform {
border-bottom:1px solid #999;
margin-bottom:25px;
}
#requiredtipform label {
float:left;
display:inline;
font-weight:bold;
text-transform:uppercase;
line-height:1.8em;
padding-bottom:9px;
width:10em;
}
#requiredtipform input.text,
#requiredtipform textarea,
#requiredtipform select {
font-size:1em;
font-family:Arial,Helvetica,sans-serif;
float:left;
display:inline;
}
#requiredtipform input.text,
#requiredtipform textarea {
width:568px;
border:1px solid #D2D2D2;
}
#requiredtipform p.tipdescription {
clear:left;
margin-left:10.1em;
padding-top:3px;
}
#optionaltipform {
border-bottom:5px solid #000;
margin-bottom:7px;
}
.tipssubmit input.button {
margin-bottom:30px;
}
#optionaltipform h3 {
float:left;
display:inline;
font-weight:bold;
text-transform:uppercase;
line-height:1.8em;
padding-bottom:9px;
width:10em;
font-size:1em;
}
#optionaltipform .checkboxcolumns {
margin-left:10em;
}
#optionaltipform .checkboxcolumns .column {
float:left;
display:inline;
width:145px;
}
#optionaltipform .uploadpicgroup {
padding-top:15px;
}
#optionaltipform .uploadpicgroup label {
font-weight:bold;
text-transform:uppercase;
line-height:1.8em;
padding-bottom:5px;
display:block;
}
#optionaltipform .uploadpicgroup p.description {
padding-top:5px;
margin-right:75px;
}
#optionaltipform .legalgroup {
margin:20px 0 20px -5px;
font-weight:bold;
}
.nojs #optionaltipform .legalgroup {
margin-left:0;
}
/* Molly Tips page */
.tipssubpage #hero .mollyheader h1 {
float:left;
display:inline;
margin: 13px 0 0 32px;
background:url("../images/h_tipsmolly.gif") no-repeat top left;
width:493px;
padding-top:126px;
}
.tipsmolly #hero {
margin-bottom:10px;
}
.tipsmolly #tipscontent {
padding-bottom:25px;
}
.mollyheader p {
width:390px;
float:left;
display:inline;
padding-top:87px;
position:relative;
margin-left:-239px;
}
#tipscontent #mollyintro {
float:left;
display:inline;
width:375px;
position:relative;
margin-top:-10px;
}
#tipscontent #mollyintro h2 {
font-family:"Helvetica Neue", Arial, Helvetica;
font-weight:100;
font-size:1.6em;
margin:25px 0 5px 0;
text-transform:uppercase;
letter-spacing:1px;
}
#tipscontent #mollyintro p {
margin-bottom:1em;
}
#tipscontent #mollytips {
float:right;
display:inline;
width:271px;
background-color:#f6f6f6;
padding:1px 0 1px 0;
}
#tipscontent #mollytips h2 {
font-family:"Palatino Linotype", Palatino, serif;
text-transform:uppercase;
font-weight:normal;
font-size:1.7em;
margin-bottom:8px;
}
#tipscontent #mollytips a.calltoaction {
margin-left:24px;
}
#mollytips .mollytip {
margin:15px 13px;
border-bottom:5px solid #fff;
padding-bottom:15px;
}
#mollytips .mollytiplast {
border-bottom:none;
padding-bottom:0;
}
#mollytips .productlinks ol {
margin:0 0 0 1.5em;
padding:0;
}
#mollytips .productlinks ol li {
margin-bottom:0;
line-height:1em;
}
#mollytips .productlinks ol a.hover {
color:#cc0000;
}
ol.bignumbers {
margin:0;
padding:0;
list-style:none;
}
ol.bignumbers li {
padding:0 0 0 24px;
margin-bottom:15px;
}
ol.bignumbers li.one {
background:url("../images/ol_bignumbers_1.gif") no-repeat 0 .1em;
}
ol.bignumbers li.two {
background:url("../images/ol_bignumbers_2.gif") no-repeat 0 .1em;
margin-bottom:8px;
}
.mollytip #imagemap {
height:206px;
background:url("../images/bg_tips_mollymusthaves.jpg") no-repeat 10px 0;
margin-bottom:15px;
position:relative;
}
.mollytip #imagemap div {
position:absolute;
cursor:pointer;
}
.nojs .mollytip #imagemap div {
cursor:auto;
}
.mollytip #imagemap div.simplyageless {
width:81px;
height:81px;
top:47px;
left:9px;
}
.mollytip #imagemap div.outlast {
width:30px;
height:165px;
top:0;
left:92px;
}
.mollytip #imagemap div.lashblast {
width:39px;
height:199px;
top:11px;
left:129px;
}
.mollytip #imagemap div.exact {
width:31px;
height:201px;
top:0;
left:172px;
}
/* Member Tips page */
.tipsmembers #tipscontent {
padding-bottom:30px;
}
.tipsmembers #hero {
margin-bottom:10px;
}
.tipssubpage #hero .membertipheader h1 {
float:left;
display:inline;
margin: 9px 0 0 22px;
/*background:url("../images/h_membertip.gif") no-repeat top left;*/
width:267px;
padding-top:129px;
}
.membertipheader .tipfilter {
width:519px;
_width:515px;
float:left;
display:inline;
padding-top:100px;
position:relative;
margin-left:-95px;
}
.membertipheader .tipfilter select {
font-size:1em;
font-family:Arial,Helvetica,sans-serif;
margin-right:5px;
}
.membertipheader .tipfilter label {
margin-right:5px;
}
.membertipheader .tipfilter input {
margin-left:5px;
}
.tipsection {
border-top:5px solid #000;
padding:9px 0;
width:100%;
}
.tipsection h2 {
float:left;
display:inline;
margin-right:75px;
}
.tipsection h2.facetips {
background:url("../images/icon_tips_face_doublebig.jpg") no-repeat top left;
width:103px;
padding-top:58px;
}
.tipsection h2.eyetips {
background:url("../images/icon_tips_eyes_doublebig.jpg") no-repeat top left;
width:103px;
padding-top:58px;
}
.tipsection h2.liptips {
background:url("../images/icon_tips_lips_doublebig.jpg") no-repeat top left;
width:103px;
padding-top:58px;
}
.tipsection .tipresults {
float:left;
display:inline;
margin-right:75px;
font-size:1.5em;
color:#cc0000;
padding-top:20px;
}
.tipsection .sectiontools {
float:right;
display:inline;
}
.tipsection .tips {
padding-bottom:15px;
padding-top:10px;
}
.tipsection .tips .tip {
background-color:#f6f6f6;
padding:12px;
margin-bottom:10px;
}
.tipsection .tips .tip .tipinfo,
.tipsection .tips .tip .tipbody {
float:left;
display:inline;
}
.tipsection .tips .tip .tipinfo {
width:140px;
margin-right:28px;
}
.tipsection .tips .tip .tipinfo strong {
text-transform:uppercase;
}
.tipsection .tips .tip .tipbody {
width:410px;
}
.tipsection .tips .tipwithimage img {
float:left;
display:inline;
max-width:130px;
}
.tipsection .tips .tipwithimage a.open-modal {
float:left;
}
.tipsection .tips .tipwithimage .tipbodycontent {
margin-left:147px;
}
.tipsection .tips .tip .tipactions {
float:right;
display:inline;
width:82px;
}
.tipsection .tips .tippaging {
float:right;
display:inline;
position:relative;
}
.tipsection .tips .pagingtop {
margin-top:-2em;
}
.tipsection .tips .pagingbottom {
margin-top:-.5em;
}
.tipsection .tips .tippaging a,
.tipsection .tips .tippaging span {
display:inline-block;
padding:2px;
}
.tipsection .tips .tippaging span {
color:#cc0000;
font-weight:bold;
}
.tipErrorMsg
{
text-align:left;
font-size:0.7em;
color:red;
font-weight:normal;
}
/* For Passwod Points */
div#pwddiv
{
position: absolute;
width: 295px;
height: 170px;
border: 1px solid #CCC;
top: 320px;
left: 330px;
z-index: 15;
display: none;
background-color: #FFF;
}
div#pwddivtop
{
position: absolute;
width: 295px;
height: 170px;
border: 1px solid #CCC;
top: 100px;
left: 330px;
z-index: 5;
display: none;
background-color: #FFF;
}
div#pwdindiv
{
margin: 4px auto 5px auto;
width: 285px;
height: 160px;
border: 1px solid #CCC;
}
div.passwordpointsdiv
{
position: relative;
float: left;
width: 285px;
height: 160px;
padding: 0px;
margin: 0px;
text-align: left;
}
div.passheading
{
float: left;
width: 100%;
height: 25px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
background-color: #EEE;
border-bottom: 1px solid #CCC;
}
div.passheading h2
{
font-family: "Helvetica Neue" , Arial, Helvetica;
font-size: 1.5em;
font-weight: 100;
margin-bottom: 5px;
}
div.passheading h5
{
font-size: .7em;
font-weight: 100;
margin-top: 10px;
margin-left: 35px;
font-family: "Helvetica Neue" , Arial, Helvetica;
}
ol.passwordpoints
{
clear:both;
list-style-type:disc;
padding: 0px;
margin: 10px 0 0 25px;
display:block;
}
.pass_sel_text{width:100%; float:left; font-family:Arial; font-size:0.938em; margin:2px 3px 2px 3px; font-weight:bold;}
ol.passwordpoints li
{
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
margin-top:3px;
}
#registerblock .pwdrightbor {width:400px; float:left; display:block; border-right:#b2b2b2 1px solid; margin-top:-20px; }
#register #optionalblock1 {
display:inline;
float:left;
padding:20px 0 20px 34px;
width:300px;
}
div#registerblockwrapper #optionalblock1 .click_here{width:250px; text-align:right; font-family:Arial; padding-top:8px;}
/*End Of Passwod Points */
/* CSS For Legacy User Update Modal Popup page */
div.wel_text{float:left; width:100%; font-weight:bold; font-size:0.938em; font-family:Arial;}
div.wel_text span.wel_text_span{padding-left:2px; font-weight:normal; font-size:0.938em; font-family:Arial;}
div.closebutdiv{ float:right; padding-right:10px; width:auto; height:15px;}
div.loginouterdiv{ float:left; width:450px; height:400px; padding:0; margin:0; text-align:left; border:1px solid #999;}
div.logininmiddlediv{float:none; width:445px; height:395px; padding:0; margin:2px auto; text-align:left; border:1px solid #999; background-color:#CCC;}
div.loginininnerdiv{float:none; width:440px; height:370px; padding:0; margin:21px auto 1px auto; text-align:left; border:1px solid #999; background-color:#FFF;}
div.logincontentdiv{ float:none; width:420px; height:350px; padding:0; margin:10px auto 1px auto; text-align:left;}
div.logincontentdiv h1{ font-family:Arial; font-size:0.938em; color:#333333;}
p.welcomecontent{float:left; font-family:Arial; font-size:0.938em;color:#333333; margin-top:10px;}
div.welcomecontentform{position:relative; clear:both; float:none; margin:auto; padding-top:10px; width:420px; font-family:Arial; font-size:0.938em; text-align:right; }
.floatwrapper_security select.securityquesclass {float:left; margin-top:4px;}
.floatwrapper_security input.securityquestext { width:300px; float:left; margin:5px 0 0 5px;}
div.loginouterdiv .floatwrapper_security {float:left; display:inline; width:425px;margin-bottom:10px; }
div.loginouterdiv .label_text {float:left; width:100px;}
div.loginouterdiv .label_input {float:left; width:308px;}
.securitysubmitdiv{margin-top:2px;}
.label_text
{
position: relative;
float: left;
line-height: 15px;
padding-right: 5px;
text-align:right;
font-size:0.938em;
color:#333333;
}
.errText
{
float:left;
margin-left:7px;
text-align:left;
font-size:0.938em;
color:#CC0000;
padding-right:10px;
}
/*End CSS For Security page */
/* For Pop up */
.modalBackground
{
background-color: Background;
filter: alpha(opacity=70);
opacity: 0.7;
}
.modalPopup
{
background-color: #ffffdd; /*border-width:3px; border-style:solid; border-color:Gray; padding:3px; */
}
/* Password Rest Page */
#registerblock h4
{
padding: 10px 0px 0px 0px;
font-size: 1.2em;
}
#registerblock h5, #optionalblock h5
{
padding: 2px 0px 5px 0px;
font-size: 1.0em;
font-weight: normal;
}
#optionalblock h4
{
padding: 25px 0px 5px 0px;
font-size: 1.2em;
}
div#registerblockwrapper #registerblock .password-reset-text
{
width: 350px;
}
div#registerblockwrapper #optionalblock .password-reset-text1
{
width: 250px;
padding-bottom: 80px;
}
div#registerblockwrapper #optionalblock .sec-question
{
width: 250px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
padding-top: 20px;
}
/* CSS For Profile Page */
div.divpart
{
margin-bottom: 18px;
}
div.emptydiv
{
margin-bottom: 340px;
}
div.mobitext{margin-left:20px;}
#registerblock .divpart .section1 .sectiontools
{
position: relative;
right: 0;
top: -17px;
text-align: right;
}
#optionalblock .mobilecarrier {
padding-bottom:0px;
}
#registerblock .divpart .section1
{
position: relative;
float:left;
width:100%;
margin-top:-15px;
text-align: right;
}
#registerblock .divpart .section1 .sectiontools .searchbutton
{
/*float:right;*/
display: inline-block;
border: 1px solid #000;
background-color: #000;
color: #fff;
padding: 0 15px;
text-transform: uppercase;
font-size: .825em;
margin-left: 4px;
cursor: pointer;
width: 0;
overflow: visible;
line-height: 1.5em;
}
#registerblock .divpart .section1 .sectiontools .searchbutton[class]
{
/*ie ignores [class]*/
width: auto;
}
#optionalblock .divpart .section1
{
position: relative;
float:left;
width:100%;
margin-top:-17px;
text-align: right;
}
#optionalblock .divpart .section1 .sectiontools
{
position: relative;
right: 0;
top: -15px;
text-align: right;
}
#optionalblock .divpart .section1 .sectiontools .searchbutton
{
/*float:right;*/
display: inline-block;
border: 1px solid #000;
background-color: #000;
color: #fff;
padding: 0 15px;
text-transform: uppercase;
font-size: .825em;
margin-left: 4px;
cursor: pointer;
width: 0;
overflow: visible;
line-height: 1.5em;
}
#optionalblock .divpart .section1 .sectiontools .searchbutton[class]
{
/*ie ignores [class]*/
width: auto;
}
#registerblock label.dline
{
float: left;
display: inline;
font-weight: bold;
text-transform: uppercase;
line-height: 1.3em;
margin-right: 10px;
padding-bottom: 9px;
width: 130px;
}
/*End Of CSS For Profile Page */
/* Resgistration Page Summary Text CSS */
div#summary
{
text-align: left;
padding: 20px 0px 0px 500px;
}
/* End Resgistration Page Summary Text CSS */
/* TODO error message */
.lnkBlueCSS
{
font: 0.938em Arial Bold;
color:Blue;
text-decoration:underline;
}
.error
{
font: 0.938em Arial;
color: #CC0000;
}
/*Error Page CSS */
#contentcontainer #errorpageouter{width:980px; height:359px; margin-top:30px; background:url("../Images/page_fail.jpg") no-repeat left center; margin-bottom:100px;}
#contentcontainer #errorpageright{float:right; width:615px; height:359px; margin-left:20px; }
#contentcontainer #oopstxt{ width:100%; height:49px; margin-top:60px; margin-bottom:15px;}
#contentcontainer #we_sorry{ width:100%; height:21px; margin-top:10px; padding-bottom:25px; border-bottom:1px solid #000000; }
#contentcontainer #we_sorry_cont{float:left; width:100%; margin-top:10px; font-family:Arial; font-size:0.938em; }
#errorpageright h1{font-family:"Helvetica Neue",Arial,Helvetica;font-weight:normal;font-size:5.3em;text-transform:uppercase;color:#333333;margin:0;padding:0;}
#errorpageright h2{font-family:"Helvetica Neue",Arial,Helvetica;font-weight:normal;font-size:xx-large;text-transform:uppercase;color:#333333;margin:0;padding:0;}
/*End of Error Page CSS */
/*Search Page CSS */
#contentcontainer #searchpageouter{width:980px; height:auto; margin:20px auto;}
#contentcontainer #searchpageouter h6{padding:0 0 0 21px; font-size:1.0em;}
#contentcontainer #searchpageouter .hclass{float:left; width:100%; height:auto; font-family:Arial; font-size:0.938em; padding-left:22px;}
#contentcontainer #searchpageouter .search_content{float:left; width:100%; padding:35px 0px 0px 20px; }
.search_content .floatwrapper .colormatchpage .headerlinks ul {float:left; display:inline; }
#contentcontainer #searchpageouter .searchpagelist{float:left; width:95%; margin:25px 0px 0px 10px; padding-left:15px; }
#contentcontainer #searchpageouter .searchpagelist ul.searchlist{list-style-type:none; margin:0px; padding:0px; }
#contentcontainer #searchpageouter .searchpagelist ul li{display:inline-block; float:left; width:600px; height:inherit; margin:5px 0px 5px 0px; }
#contentcontainer #searchpageouter div.search_cont {float:left; margin:10px 0px; width:100%;}
#contentcontainer #searchpageouter div.search_cont_img{float:left; margin-right:20px;}
#contentcontainer #searchpageouter div.search_cont_text{float:left; width:450px; height:100px;}
#contentcontainer #searchpageouter p.searchcont_bold{font-weight:bold; text-transform:uppercase; font-family:Arial; font-size:0.938em; padding-top:5px; margin-bottom:5px; color:#333333;}
#contentcontainer #searchpageouter div.search_cont_text p{font-family:Arial; margin-top:5px; font-size:1em;}
#main_tab_3{border-bottom:1px solid #c1c1c1;width:680px}
/* .part{float:left;position:relative;top:1px;cursor:pointer;height:20px;width:225px;background:#f0f0f0;border:1px solid #ffffff;border-right:0px solid #ffffff;} */
.part{float:left;position:relative;top:1px;cursor:pointer;height:22px;width:225px;background:#f0f0f0;border-bottom:1px solid #cccccc;border-right:1px solid #ffffff;}
.partcontent-1{min-height:550px;_height:550px;}
.partcontent-2{display:none;}
.partcontent-3{display:none;}
.part div{text-align:center;padding:0px;margin-top:3px;text-transform:uppercase;}
.part div span{padding:0 0 0 20px;background:url("../images/icon_headerlink_over-2.gif") no-repeat 8px center;color:#000000;}
.selectedDiv{position:relative;top:1px;height:22px;border:1px solid #c1c1c1;border-bottom:0px;background:#ffffff;}
.selectedDiv div span{padding:0 0 0 20px;background:url("../images/icon_headerlink_down.gif") no-repeat 6px center;color:#CC0000;}
/* End of Search Page CSS*/
.tipsIndexSideImg
{
/*widows:220px;*/
margin-bottom:10px;
}
.tipsIndexSlideImage
{
margin-bottom:9px;
margin-left:2px;
}
/* Cover Girl products CSS */
div#mainproductarea{clear:both;display:inline-block;height:100%; margin-bottom:70px;}
div#productarea {float:left; width:630px; margin:60px 15px 0 45px;}
div#productssidebar{margin:51px 0 0px 0px; padding-bottom:20px; width:205px;float:right;border-left:1px solid #999999;}
div#productssidebarinner{margin:13px 0px 0px 42px; float:left; width:230px;}
div#productssidebarinner div.proimg{margin:18px 0 0 0;}
div#productssidebarinner div.proimg2{margin:18px 0 0 -7px;}
.products-title-cls h1{text-align:left;font-family:"Helvetica Neue",Arial,Helvetica;font-weight:bold;font-size:2.5em;text-transform:uppercase; color:#4F4F4F; margin:0; padding:0;}
.productsection-container{height:130px;border-top:1px solid #999999;}
.section-part1{display:inline;float:left;margin:55px 25px 0 0;text-align:center;}
.section-part2{display:inline;float:left;margin:15px 25px 0 0; }
.section-part3{display:inline;float:left;padding:55px 0 16px 0;position:relative; width:275px; }
.section-part3 h2{font-size:1em;margin-right:5em;}
.section-part4{display:inline;float:right;padding:55px 0 16px 15px;position:relative;}
.sidebar-title-cls p.ptitle{text-align:left; font-family:"Helvetica Neue",Arial,Helvetica; font-weight:bold; font-size:2.3em;text-transform:uppercase; color:#4F4F4F; margin:0; padding:0px 0px 2px 0px; border-bottom:1px solid #999999;}
.sidebar-title-cls p.prodtxt{text-align:left; font-family:Arial; font-weight:normal; font-size:1.3em; text-transform:uppercase;color:#4F4F4F; margin:0; padding:10px 0px 0px 0px;}
.sidebar-title-cls p.pronormaltext{ text-align:left; font-family:Arial; font-weight:normal; font-size:0.938em; text-transform:normal;color:#4F4F4F; margin:0; width:220px; padding:3px 0px 10px 0px;}
/* End of Cover Girl products CSS */
.openclose-tab
{
background-color:White;
}
/**** popup content container ****/
#cgOverlayContentContainer {float:left;position:absolute;display:none;z-index:8000; width: 199px;font-size:0.68em ;font-family:Verdana,Arial,Helvetica,sans-serif}
#cgOverlayContentContainer #cgOverlayContent #cgOverlayBodyContainer {background: url(../images/popup/mobileBG.png) repeat-y; width: 199px;behavior:url('../images/iepngfix.htc')}
#cgOverlayContentContainer #cgOverlayContent #cgOverlayBodyContainer #close { text-align: right; margin:0 15px 0px 0; cursor:pointer; }
#cgOverlayContentContainer #cgOverlayContent #cgOverlayBodyContainer #close img{float:right;margin:2px 0 0 5px;}
#cgOverlayContentContainer #cgOverlayContent #cgOverlayBodyContainer #close span{float:right;}
#cgOverlayContentContainer #cgOverlayContent #cgOverlayBodyContainer #cgOverlayBody {padding: 20px;text-align: left;min-height: 30px; }
#cgOverlayBody a { color: #3366CC; text-decoration:underline; }
#cgOverlayBody a:hover {filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#cgOverlayTop img{behavior:url('../images/iepngfix.htc');border:0;}
#cgOverlayBottom img{behavior:url('../images/iepngfix.htc');border:0;}
#cgOverlayContentContainer .cgOverlayBodyCls{font-size:1.4em;}
.mobilepopup{}
/***** popup content container ***/
/* Added Bottom Padding for Reset Password Page*/
.BPad
{
padding-bottom:5px;
}
#optionaltipform .formrow {
margin-bottom:5px;
}
#optionaltipform .fourcolumns {
margin-bottom:0;
}
#optionaltipform .fourcolumns .formitem {
width:140px;
float:left;
display:inline;
/*height:2.25em;*/
margin-right:1px;
}
#tipConfirmationform {
margin-bottom:100px;
}
.tipConfirmationButton
{
margin-left:4px;
}
.tipTitle
{
padding-top:0px;
margin-left:10.1em;
clear:left;
}
/* Looks section starts*/
/* Looks section */
/* Looks landing */
.lookslanding .looksdefault {
background:url("../images/bg_lookswelcome_default.html") no-repeat top right;
}
/* landing category backgrounds */
.lookslanding .categorybackground {
display:none;
height:666px;
right:0;
position:absolute;
top:0;
width:711px;
z-index:1;
}
.lookslanding #inseasonbg {
background:url("../images/bg_lookswelcome_inseason.html") no-repeat right top;
}
.lookslanding #gallerybg {
background:url("../images/bg_lookswelcome_gallery.html") no-repeat right top;
}
.lookslanding #cglooksbg {
background:url("../images/bg_lookswelcome_cglooks.html") no-repeat right top;
}
/* preloader for background images, everything except IE 6/7 */
body.lookslanding:after {
content: url("../images/bg_lookswelcome_inseason.html") url("../images/bg_lookswelcome_gallery.html") url("../images/bg_lookswelcome_cglooks.html");
display: none;
}
#lookslandingwelcome {
height:666px;
position:relative;
overflow:hidden;
}
#lookslandingwelcome h1 {
background:url("../images/Looks/h_looks_main.gif") no-repeat top left;
padding-top:128px;
width:34px;
margin-top:36px;
}
#lookslandingwelcome .verticalheader {
float:left;
display:inline;
height:666px;
padding:0 17px 0 16px;
background-color:#000;
position:relative;
z-index:5;
}
#lookslandingwelcome .panelshadow {
display:none;
width:14px;
height:666px;
position:absolute;
background:url("../images/Looks/bg_lookspanel_shadow.png") no-repeat top left;
z-index:1;
top:0;
}
#lookslandingwelcome .looksmask {
position:absolute;
height:666px;
width:151px;
top:0;
overflow:hidden;
}
#lookslandingwelcome #looksexpandinseasonmask {
left:67px;
z-index:6;
}
#lookslandingwelcome #looksexpandgallerymask {
left:218px;
z-index:4;
}
#lookslandingwelcome #looksexpandcglooksmask {
left:369px;
z-index:2;
}
#lookslandingwelcome .looksexpand {
height:666px;
color:#fff;
width:151px;
position:absolute;
top:0;
left:-151px;
/*cursor:pointer;*/
}
.nojs #lookslandingwelcome .looksexpand {
left:0;
}
#lookslandingwelcome .looksexpand h2 {
margin-bottom:18px;
}
#lookslandingwelcome .looksexpand h3 {
color:#ffcc00;
font-weight:bold;
font-size:1em;
text-transform:uppercase;
}
#lookslandingwelcome .looksexpand h3 a {
color:#ffcc00;
}
#lookslandingwelcome a.buttonlink {
color:#ffcc00;
padding:5px 0 4px 0;
width:128px;
display:block;
line-height:1em;
text-align:center;
font-size:1em;
margin-bottom:.5em;
}
#lookslandingwelcome a.buttonlink:hover,
#lookslandingwelcome a.buttonlink:focus {
background-color:#ffcc00 !important;
color:#000 !important;
}
#lookslandingwelcome #looksexpandgallery a.buttonlink {
display:inline;
float:right;
}
#lookslandingwelcome .looksexpand .whenselected {
width:151px;
position:relative;
left:-500px;
padding-top:1em;
}
#lookslandingwelcome #looksexpandinseason {
background:url("../images/Looks/bg_looksmain_panel1.png") repeat top left;
/*opacity:.8;*/
}
#lookslandingwelcome #looksexpandinseason h2.textreplaced {
padding-top:207px;
width:151px;
background:url("../images/Looks/h_inseason_looksmain.png") no-repeat top left;
margin-top:261px;
color:#fff;
}
#lookslandingwelcome #looksexpandgallery {
background:url("../images/Looks/bg_looksmain_panel2.png") repeat top left;
/*opacity:.7;*/
text-align:right;
}
#lookslandingwelcome #looksexpandgallery h2.textreplaced {
padding-top:207px;
width:151px;
background:url("../images/Looks/h_gallery_looksmain.png") no-repeat top left;
margin-top:117px;
color:#fff;
}
#lookslandingwelcome #looksexpandgallery .expandtext {
width:151px;
position:absolute;
right:0;
top:40px;
}
#lookslandingwelcome #looksexpandcglooks {
background:url("../images/Looks/bg_looksmain_panel3.png") repeat top left;
/*opacity:.55;*/
}
#lookslandingwelcome #looksexpandcglooks h2.textreplaced {
padding-top:207px;
width:151px;
background:url("../images/Looks/h_cglooks_looksmain.png") no-repeat top left;
margin-top:329px;
color:#fff;
}
/* Selected state styles */
#lookslandingwelcome .looksselected #looksexpandinseason,
#lookslandingwelcome .looksselected #looksexpandgallery,
#lookslandingwelcome .looksselected #looksexpandcglooks {
background:none;
background-color:#fff;
color:#000;
}
#lookslandingwelcome .looksselected #looksexpandinseason h2.textreplaced,
#lookslandingwelcome .looksselected #looksexpandgallery h2.textreplaced,
#lookslandingwelcome .looksselected #looksexpandcglooks h2.textreplaced {
margin-top:31px;
}
#lookslandingwelcome .looksselected #looksexpandinseason h2.textreplaced {
background:url("../images/Looks/h_inseason_looksmain_sel.png") no-repeat top left;
}
#lookslandingwelcome .looksselected #looksexpandgallery h2.textreplaced {
background:url("../images/Looks/h_gallery_looksmain_sel.png") no-repeat top left;
}
#lookslandingwelcome .looksselected #looksexpandcglooks h2.textreplaced {
background:url("../images/Looks/h_cglooks_looksmain_sel.png") no-repeat top left;
}
#lookslandingwelcome .looksselected .looksexpand h3,
#lookslandingwelcome .looksselected .looksexpand h3 a {
color:#000;
}
#lookslandingwelcome .looksselected #looksexpandgallery .expandtext {
position:static;
right:auto;
bottom:auto;
}
#lookslandingwelcome .looksselected .whenselected,
.nojs #lookslandingwelcome .looksexpand .whenselected {
left:auto;
}
#lookslandingwelcome .looksselected #looksexpandgallery .whenselected {
text-align:center;
}
#lookslandingwelcome .looksselected #looksexpandgallery .whenselected span {
display:block;
clear:right;
margin-bottom:.5em;
text-transform:uppercase;
}
#lookslandingwelcome .looksselected #looksexpandgallery .whenselected a.buttonlink {
width:140px;
}
#lookslandingwelcome .looksselected .whenselected img {
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
margin-bottom:10px;
}
/* Unselected state styles */
#lookslandingwelcome .looksunselected .expandtext {
position:relative;
left:-500px;
}
#lookslandingwelcome #looksexpandgallery .looksunselected .expandtext {
position:absolute;
right:auto;
left:-500px;
}
#lookslandingwelcome .looksunselected #looksexpandinseason h2.textreplaced {
background:url("../images/Looks/h_inseason_looksmain_unsel.png") no-repeat top left;
}
#lookslandingwelcome .looksunselected #looksexpandgallery h2.textreplaced {
background:url("../images/Looks/h_gallery_looksmain_unsel.png") no-repeat top left;
margin-top:435px;
}
#lookslandingwelcome .looksunselected #looksexpandcglooks h2.textreplaced {
background:url("../images/Looks/h_cglooks_looksmain_unsel.png") no-repeat top left;
}
/* No javascript */
.nojs #lookslandingwelcome .looksexpand p {
margin-bottom:0;
}
.nojs #lookslandingwelcome .looksexpand .whenselected {
padding-top:0;
}
.nojs #lookslandingwelcome .looksexpand .whenselected img {
display:none;
}
.nojs #lookslandingwelcome .looksexpand .whenselected a.buttonlink {
background-color:transparent;
color:#fff;
text-decoration:underline;
width:auto;
padding:0;
display:inline;
}
.nojs #lookslandingwelcome .looksexpand .whenselected a.buttonlink:hover {
background-color:transparent !important;
}
.nojs #lookslandingwelcome .looksselected #looksexpandgallery .whenselected a.buttonlink {
width:auto;
}
.nojs #lookslandingwelcome #looksexpandgallery a.buttonlink {
float:none;
}
.nojs #lookslandingwelcome #looksexpandinseason h2.textreplaced {
margin-top:280px;
}
.nojs #lookslandingwelcome #looksexpandgallery h2.textreplaced {
margin-top:137px;
}
.nojs #lookslandingwelcome #looksexpandcglooks h2.textreplaced {
margin-top:349px;
}
.nojs #lookslandingwelcome .looksselected #looksexpandgallery .whenselected span {
text-transform:none;
}
/* Seasonal Looks landing */
#seasonallookslandingwelcome
{
/*MT change : image url */
background:url("../images/Looks/bg_looks_sublanding.jpg") repeat-y top left #fff;
padding:60px 0 50px 115px;
position:relative;
margin-right:-15px;
}
#seasonallookslandingwelcome h1
{
/*MT change*/
/*background:url("../images/h_seasonal_looks.jpg") no-repeat left top transparent;*/
margin-bottom:10px;
padding-top:154px;
width:351px;
}
#seasonallookslandingwelcome h2 {
font-size:1.2em;
color:#cc0000;
text-transform:uppercase;
}
/* Subnav */
.looks .lookssubnav {
position:absolute;
top:13px;
right:100px;
margin:0;
padding:0;
list-style:none;
z-index:7;
}
.looks .lookssubnav li {
float:left;
display:inline;
line-height:1em;
padding:0 10px;
border-right:1px solid #000;
font-size:.8em;
text-transform:uppercase;
}
.looks .lookssubnav li.last {
border-right:none;
padding-right:5px;
}
.looks .lookssubnav li a {
color:#000;
}
.looks .lookssubnav li a:hover,
.looks .lookssubnav li.selected a {
color:#cc0000;
}
/* Beauty chat (for positioning) */
#seasonallookslandingwelcome #beautychatbutton {
right:21px;
}
#seasonallooksintro {
float:left;
display:inline;
margin:25px 69px 0 16px;
width:351px;
}
#seasonallookslandingwelcome .secondarytext {
width:330px;
}
/* Photo frame looks */
.lookphoto {
display:inline-block;
width:164px;
height:202px;
vertical-align:top;
padding:22px 21px 22px 22px;
/*MT change*/
background:url("../images/Looks/cglooks_photoframe.jpg") no-repeat top left;
margin:0 8px 10px 0;
font-size:1px;
overflow:hidden;
line-height:1px;
cursor:pointer;
}
.lookphoto img {
width:164px;
height:202px;
}
.nojs .lookphoto {
cursor:auto;
}
/* Photo list */
#lookslist {
float:right;
display:inline;
width:206px;
font-size:1.5em;
text-transform:uppercase;
padding-top:20px;
}
#lookslist ul {
margin:0;
padding:0;
list-style:none;
}
#lookslist ul li {
padding:0 0 0 14px;
margin:0 0 .9em 0;
background:url("../images/Looks/icon_subnav_bullet.gif") no-repeat 0 0.3em;
}
#lookslist ul li a.hover {
color:#cc0000;
}
/* Styles for shorter list of looks variant */
.fewerlooks #seasonallooksintro {
width:100%;
margin-right:0;
margin-bottom:20px;
}
.fewerlooks h1 {
float:left;
display:inline;
}
.fewerlooks #seasonallooksintro .secondarytext {
float:left;
display:inline;
margin-left:-350px;
margin-top:175px;
}
/* CoverGirl Looks landing page */
.cglookslanding #content {
height:525px;
}
#cglookslandingwelcome {
position:relative;
z-index:3;
}
/* Different backgrounds */
.cglookslanding .modelbackground {
display:none;
position:absolute;
height:525px;
width:970px;
top:0;
left:0;
z-index:1;
}
.cglookslanding #modelbackgrounds {
position:absolute;
z-index:1;
}
/*.cglookslanding #taylorbg {
display:block;
background:url("../images/Looks/bg_cglookslanding_taylor.jpg") no-repeat top left;
}
.cglookslanding #drewbg {
background:url("../images/Looks/bg_cglookslanding_drew.jpg") no-repeat top left;
}
.cglookslanding #queenbg {
background:url("../images/Looks/bg_cglookslanding_queen.jpg") no-repeat top left;
}
.cglookslanding #ellenbg {
background:url("../images/Looks/bg_cglookslanding_ellen.jpg") no-repeat top left;
}
.cglookslanding #daniabg {
background:url("../images/Looks/bg_cglookslanding_dania.jpg") no-repeat top left;
}*/
/* preloader for background images, everything except IE 6/7
body.cglookslanding:after {
content: url("../images/Looks/bg_cglookslanding_taylor.jpg") url("../images/Looks/bg_cglookslanding_drew.jpg") url("../images/Looks/bg_cglookslanding_queen.jpg") url("../images/Looks/bg_cglookslanding_ellen.jpg") url("../images/Looks/bg_cglookslanding_dania.jpg");
display: none;
}*/
#cglooksintro {
/* padding:124px 0 0 497px; changed by mind tree*/
padding:124px 0 0 605px;
position:relative;
z-index:6;
}
#cglooksintro p {
text-align:right;
margin-right:10px;
}
#cglooksintro ul {
margin:0 0 12px 0;
padding:0;
list-style:none;
width:360px;/* added by mindtree */
}
#cglooksintro ul li.modellink {
margin:0;
padding:0 0 3px 0;
position:relative;
}
/*
#cglooksintro ul li#taylorlinkheader {
margin:0 0 0 78px;text-align:right
}
#cglooksintro ul li#drewlinkheader {
margin:0 0 0 193px;
}
#cglooksintro ul li#queenlinkheader {
margin:0 0 0 118px;
}
#cglooksintro ul li#ellenlinkheader {
margin:-13px 0 0 204px;
z-index:1;
}
#cglooksintro ul li#danialinkheader {
margin:0 0 0 129px;
} */
#cglooksintro ul li.modellink a {
display:block;
height:0;
overflow:hidden;
padding-top:58px;
color:#000;
}
/*#cglooksintro ul li#taylorlinkheader a {
width:298px;
background:url("../images/Looks/cglooklink_taylor.png") no-repeat top left;
}
#cglooksintro ul li#drewlinkheader a {
width:239px;
background:url("../images/Looks/cglooklink_drew.png") no-repeat top left;
}
#cglooksintro ul li#queenlinkheader a {
width:258px;
padding-top:72px;
background:url("../images/Looks/cglooklink_queen.png") no-repeat top left;
}
#cglooksintro ul li#ellenlinkheader a {
width:248px;
background:url("../images/Looks/cglooklink_ellen.png") no-repeat top left;
}
#cglooksintro ul li#danialinkheader a {
width:241px;
background:url("../images/Looks/cglooklink_dania.png") no-repeat top left;
}
#cglooksintro ul li#taylorlinkheader a:hover,
#cglooksintro ul li#taylorlinkheader a:focus,
#cglooksintro ul li#taylorlinkheader a.active {
background:url("../images/Looks/cglooklink_taylor_on.png") no-repeat left top;
}
#cglooksintro ul li#drewlinkheader a:hover,
#cglooksintro ul li#drewlinkheader a:focus,
#cglooksintro ul li#drewlinkheader a.active {
background:url("../images/Looks/cglooklink_drew_on.png") no-repeat left top;
}
#cglooksintro ul li#queenlinkheader a:hover,
#cglooksintro ul li#queenlinkheader a:focus,
#cglooksintro ul li#queenlinkheader a.active {
background:url("../images/Looks/cglooklink_queen_on.png") no-repeat left top;
}
#cglooksintro ul li#ellenlinkheader a:hover,
#cglooksintro ul li#ellenlinkheader a:focus,
#cglooksintro ul li#ellenlinkheader a.active {
background:url("../images/Looks/cglooklink_ellen_on.png") no-repeat left top;
}
#cglooksintro ul li#danialinkheader a:hover,
#cglooksintro ul li#danialinkheader a:focus,
#cglooksintro ul li#danialinkheader a.active {
background:url("../images/Looks/cglooklink_dania_on.png") no-repeat left top;
}*/
/* CoverGirl Looks detail page */
#cglookslandingwelcome {
position:relative;
}
/*.cglookdrew {
background:url("../images/Looks/bg_cglooks_drew.jpg") no-repeat top left #fff;
}
.cglooktaylor {
background:url("../images/Looks/bg_cglooks_taylor.jpg") no-repeat top left #fff;
}*/
/* Content area */
#looksdetailcontent {
float:right;
display:inline;
margin:116px 0 0 0;
width:507px;
}
#looksdetailcontent .section {
background-color:#fff;
color:#333;
padding:37px 10px 27px 36px;
margin:0 0 14px 0;
position:relative;
}
#looksdetailcontent h1,
#looksdetailcontent .lookessentials h2 {
color:#4A4A4A;
font-family:"Helvetica Neue",Arial,Helvetica;
font-size:2.4em;
font-weight:100;
margin:0;
padding:0;
text-transform:uppercase;
}
#looksdetailcontent .lookessentials h2 {
font-size:2em;
}
#looksdetailcontent .section p {
margin-bottom:1em;
}
#looksdetailcontent #welcomenav {
float:none;
display:block;
width:auto;
padding:10px 0 0 10px;
margin:0 0 10px 140px;
border-left:1px solid #000;
}
#looksdetailcontent #welcomenav ul li {
background: url("../images/Looks/dropdown_nav_indicator.html") no-repeat left .3em #fff;
padding-left:9px;
margin-bottom:0;
}
#looksdetailcontent #welcomenav ul li h2 {
font-size:1.65em;
letter-spacing:0;
margin-top:0;
}
#looksdetailcontent #welcomenav ul li h2 a {
color:#cc0000;
}
/* Looks Essentials (lower box "Drew's Look") */
#looksdetailcontent .lookessentials {
margin-bottom:40px;
background-color:transparent;
padding:0;
position:relative;
}
#looksdetailcontent .lookessentials img.boxshadow {
position:absolute;
z-index:1;
bottom:-21px;
left:-17px;
}
#looksdetailcontent .lookessentialsinner {
position:relative;
z-index:2;
padding:39px 169px 98px 117px;
background-color:#fff;
}
/*.cglookdrew #looksdetailcontent .lookessentials .lookessentialsinner {
background:url("../images/bg_drewslook_products.jpg") no-repeat bottom left;
}
.cglooktaylor #looksdetailcontent .lookessentials .lookessentialsinner {
background:url("../images/bg_drewslook_products.jpg") no-repeat bottom left;
}*/
#looksdetailcontent h2.modelname {
font-family:"Palatino Linotype", Palatino, serif;
text-transform:uppercase;
font-weight:normal;
font-size:4.5em;
}
#looksdetailcontent .lookessentials ol {
font-weight:bold;
margin:0 0 7px 1.7em;
padding:0;
}
#looksdetailcontent .lookessentials ol li {
line-height:1em;
margin-bottom:0.1em;
}
#looksdetailcontent .lookessentials ol li a {
font-weight:normal;
}
/* Sidenav */
#looksdetailnav {
width:20px;
/*width:136px;*/
position:absolute;
top:0;
left:0;
background-color:#000;
z-index:2;
}
#looksdetailnavstripes {
height:0;
overflow:hidden;
width:60px;
position:absolute;
left:20px;
/*left:136px;*/
top:0;
background:url("../images/Looks/looks_sidenav_stripes.png") repeat-y top left;
z-index:1;
}
#looksdetailnav a.otherlooks {
display:none;
position:absolute;
top:31px;
left:-10px;
text-transform:uppercase;
background-color:#ffcc00;
color:#000;
padding:.4em 3px .2em 0;
white-space:nowrap;
z-index:2;
font-size:.9em;
font-weight:bold;
}
#looksdetailnav a.otherlooks img {
position:relative;
display:inline;
vertical-align:top;
height:1.9em;
width:10px;
margin:-.4em 5px -.5em 0;
}
#looksdetailnav img.boxshadow {
display:none;
}
#looksdetailnav a.closedetailnav {
display:none;
position:absolute;
top:20px;
right:5px;
color:#bbb;
font-size:.9em;
padding-right:12px;
background:url("../images/Looks/icon_closebox.gif") no-repeat center right;
}
#looksdetailnav a.closedetailnav img {
display:none;
}
/* Model side nav */
#looksdetailmodelnav {
display:none;
}
#looksdetailmodelnav ul {
margin:43px 0 0 20px;
padding:0;
list-style:none;
width:95px;
}
#looksdetailmodelnav ul li {
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:18px 0 18px 0;
}
#looksdetailmodelnav ul li.selected {
border-top:1px solid #ffcc00;
border-bottom:1px solid #ffcc00;
}
#looksdetailmodelnav li.selected h2 {
margin-bottom:5px;
}
#looksdetailmodelnav li .sidesubnav {
width:119px;
margin-left:-12px;
margin-right:-12px;
height:0;
overflow:hidden;
}
#looksdetailmodelnav li.selected .sidesubnav {
height:auto;
position:relative;
margin-bottom:-12px;
}
#looksdetailmodelnav li h2 a {
display:block;
padding:18px 0 0 0;
overflow:hidden;
background-position:0 0;
background-repeat: no-repeat;
height:0;
color:#fff;
/*color:#080808;*/
}
/*#looksdetailmodelnav li h2#modelnavtaylor a {
width:88px;
background-image:url("../images/cglooks_sn_head_taylor.gif");
}
#looksdetailmodelnav li h2#modelnavdrew a {
width:71px;
background-image:url("../images/cglooks_sn_head_drew.gif");
}
#looksdetailmodelnav li h2#modelnavqueen a {
width:82px;
background-image:url("../images/cglooks_sn_head_queen.gif");
}
#looksdetailmodelnav li h2#modelnavellen a {
width:70px;
background-image:url("../images/cglooks_sn_head_ellen.gif");
}
#looksdetailmodelnav li h2#modelnavdania a {
width:70px;
background-image:url("../images/cglooks_sn_head_dania.gif");
}*/
#looksdetailmodelnav li.selected h2 a,
#looksdetailmodelnav li h2 a:hover,
#looksdetailmodelnav li h2 a:focus {
background-position:0 -57px;
color:#ffcc00;
}
#looksdetailmodelnav a.sidenavitem {
display:block;
padding:12px;
background:url("../images/Looks/bg_lookssidenav_item.jpg") no-repeat top left #000;
color:#bbb;
text-transform:uppercase;
width:95px;
line-height:1em;
overflow:hidden;
height:95px;
}
#looksdetailmodelnav a.sidenavitem span {
display:none;
}
#looksdetailmodelnav a.selected,
#looksdetailmodelnav a.sidenavitem:hover,
#looksdetailmodelnav a.sidenavitem:focus {
color:#ffcc00;
background-position:0 -481px;
}
#looksdetailmodelnav a.sidenavitem:focus {
outline:none;
}
/* Scroller (as seen in Seasonal Looks detail sidenav) */
#looksdetailscroller {
margin:18px 0 0 8px;
display:none;
}
#looksdetailscroller a.scrollcontrol {
overflow:hidden;
display:block;
margin:10px 0 10px 38px;
height:0;
width:44px;
padding-top:15px;
}
#looksdetailscroller a.scrollprev {
visibility:hidden;
background:url("../images/Looks/icon_vertscroll_prev.gif") no-repeat top left #000;
color:#ffcc00;
}
#looksdetailscroller a.scrollnext {
background:url("../images/Looks/icon_vertscroll_next.gif") no-repeat top left #000;
color:#ffcc00;
}
#looksdetailscrollcontent {
height:422px;
width:119px;
overflow:hidden;
margin-bottom:20px;
font-size:.9em;
}
#looksdetailscrollcontent a {
display:block;
padding:12px 12px 0 12px;
background:url("../images/Looks/bg_lookssidenav_item.jpg") no-repeat top left #000;
color:#bbb;
text-transform:uppercase;
width:95px;
line-height:1em;
}
#looksdetailscrollcontent a.selected,
#looksdetailscrollcontent a:hover,
#looksdetailscrollcontent a:focus {
color:#ffcc00;
background-position:0 -481px;
}
#looksdetailscrollcontent a:focus {
outline:none;
}
#looksdetailscrollcontent a img {
margin-bottom:13px;
}
.nojs #tabsnav {
display:none;
}
.nojsonly {
display:none;
}
.nojs .nojsonly {
display:block;
}
/* Seasonal Looks Detail page */
.seasonallooksdetail #looksdetailcontent {
width:534px;
margin-top:70px;
}
.seasonallooksdetail #looksdetailcontent h1 {
font-family:"Palatino Linotype", Palatino, serif;
text-transform:uppercase;
font-weight:normal;
font-size:3.8em;
}
.seasonallooksdetail #looksdetailcontent .section {
padding:0 0 20px 0;
border-bottom:1px solid #000;
}
.seasonallooksdetail #looksdetailcontent .lastsection {
border-bottom:none;
}
.seasonallooksdetail #looksdetailcontent .section h2 {
font-family:"Helvetica Neue",Arial,Helvetica;
font-size:2.5em;
font-weight:100;
margin-bottom:4px;
margin-top:10px;
text-transform:uppercase;
}
.seasonallooksdetail #looksdetailcontent .section h2.lookname {
position:relative;
margin-top:-5px;
}
#looksdetailcontent .section ul.productlist {
margin-top:25px;
}
#looksdetailcontent .section ul.productlist li.productitem {
height:22em;
margin:0 8px 15px;
}
#seasonallookfeature {
position:relative;
float:left;
display:inline;
width:403px;
z-index:3;
margin-top:57px;
}
#seasonallookframe {
background:url("../images/Looks/bg_seasonallook_photoframe.png");
padding:22px 25px 35px 33px;
text-align:right;
}
#seasonallookframe img {
margin-bottom:16px;
}
#seasonallookframe a.downloadlook {
background:url("../images/Looks/link_downloadthislook.gif") no-repeat top left;
display:inline-block;
height:0;
width:129px;
padding-top:9px;
overflow:hidden;
}
/* Looks detail page tabs */
#looksdetailcontent #tabs {
margin-top:20px;
}
#looksdetailcontent .ui-tabs .ui-tabs-nav {
border-bottom:none;
border-right:1px solid #000;
display:inline;
float:left;
padding:0 8px 0 0;
width:132px;
position:relative;
margin-right:-1px;
}
#looksdetailcontent .ui-tabs .ui-tabs-nav li {
float:none;
font-size:1.3em;
margin:0 0 10px 0;
padding:0;
}
#looksdetailcontent .ui-tabs .ui-tabs-nav li a {
background-image:none;
background-color:#fff;
border:none;
color:#333;
display:block;
float:none;
outline:medium none !important;
padding:4px 0 4px 10px;
text-decoration:none;
line-height:1em;
}
#looksdetailcontent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
background-color:#000;
color:#fff;
}
#looksdetailcontent .ui-tabs .ui-tabs-panel {
background:none;
border:none;
border-left:1px solid #000;
display:inline;
float:left;
margin:0;
padding:0 0 1px 10px;
width:355px;
}
.cglooksdetail #looksdetailcontent .ui-tabs .ui-tabs-panel {
width:305px;
}
/* Looks detail video popup */
.videopop {
width:542px;
position:absolute;
bottom:0;
right:-3px;
}
.videopop .modaltop {
width:542px;
height:16px;
background:url("../images/bg_videomodal_top.html") no-repeat top left;
}
.videopop .modalbot {
width:542px;
height:18px;
background:url("../images/bg_videomodal_bot.html") no-repeat top left;
}
.videopop .modalmid {
width:510px;
padding:0 17px 0 15px;
background:url("../images/bg_videomodal_mid.html") repeat-y top left;
}
.videopop .videowrapper {
background-color:#000;
color:#fff;
text-align:center;
}
.videopop a.close {
position:absolute;
top:9px;
right:8px;
padding-top:7px;
overflow:hidden;
height:0;
width:7px;
background:url("../images/Looks/icon_closevideomodal.html") no-repeat top left;
}
.videopop a.close:hover {
color:#999;
}
/* Looks detail no-javascript version */
.nojs #looksdetailnav {
position:relative;
top:auto;
left:auto;
clear:right;
float:right;
display:inline;
width:507px;
background-color:#fff;
color:#333;
margin-bottom:40px;
}
.nojs .seasonallooksdetail #looksdetailnav {
border-top:1px solid #000000;
width:534px;
}
.nojs #looksdetailnavstripes {
display:none;
}
.nojs #looksdetailnav a.otherlooks {
position:static;
top:auto;
left:auto;
color:#333;
background-color:#fff;
padding:0;
display:block;
margin:37px 0 7px 36px;
font-size:1em;
}
.nojs .seasonallooksdetail #looksdetailnav a.otherlooks {
margin:15px 0 7px 0;
}
.nojs #looksdetailscrollcontent {
height:auto;
margin-bottom:0;
}
.nojs #looksdetailscrollcontent a {
background: url("../images/Looks/dropdown_nav_indicator.html") no-repeat left .1em #fff;
padding:0 0 0 14px;
color:#333;
width:auto;
text-transform:none;
margin-bottom:9px;
}
.nojs #looksdetailscrollcontent a:hover {
background: url("../images/Looks/dropdown_nav_indicator.html") no-repeat left .1em #fff;
color:#cc0000;
}
.nojs #looksdetailnav a img {
display:none;
}
.nojs #looksdetailnav img.boxshadow {
display:block;
bottom:-21px;
left:-17px;
position:absolute;
z-index:1;
}
.nojs #looksdetailscroller {
display:block;
padding:0 10px 27px 36px;
margin:0;
position:relative;
z-index:2;
}
.nojs .seasonallooksdetail #looksdetailscroller {
padding:0 10px 0 0;
}
.nojs #looksdetailscroller a.scrollcontrol {
display:none;
}
.nojs #looksdetailcontent .lookessentials {
margin-bottom:14px;
}
.nojs #tabs h3 {
clear:both;
display:inline;
float:left;
padding:4px 0 4px 10px;
width:122px;
margin-right:8px;
background-color:#000;
color:#fff;
text-transform:uppercase;
font-weight:100;
line-height:1em;
font-size:1.3em;
}
.nojs #tabs .contentinner {
float:left;
border-left:1px solid #000;
display:inline;
padding:0 0 15px 10px;
width:355px;
}
.nojs .cglooksdetail #looksdetailcontent #tabs .contentinner {
width:305px;
}
.nojs .videopop {
width:auto;
position:relative;
bottom:auto;
right:auto;
}
.nojs .cglooksdetail #looksdetailcontent #tabs .videopop {
left:-36px;
}
.nojs .videopop .modaltop,
.nojs .videopop .modalbot,
.nojs .videopop a.close {
display:none;
}
.nojs .videopop .modalmid {
width:auto;
padding:0;
background:none;
}
.nojs #tabs .videotab h3,
.nojs #tabs .videotab .videothumb {
display:none;
}
.nojs #tabs .videotab .contentinner {
float:none;
border-left:none;
clear:left;
display:block;
padding:0;
width:auto;
}
.nojs .cglooksdetail #looksdetailcontent #tabs .videotab .contentinner {
width:auto;
}
.nojs #tabs .videotab .videowrapper img,
.nojs #tabs .videotab .videowrapper embed,
.nojs #tabs .videotab .videowrapper object {
margin-left:auto;
margin-right:auto;
}
.nojs #looksdetailcontent #welcomenav {
float:none;
display:block;
width:auto;
padding:0;
margin:20px 0 0 0;
border-left:none;
}
.nojs #looksdetailmodelnav {
display:block;
position:relative;
z-index:2;
padding-left:36px;
padding-bottom:10px;
}
.nojs #looksdetailmodelnav ul {
padding:0;
margin:0;
width:auto;
}
.nojs #looksdetailmodelnav ul li {
border-bottom:none;
border-top:none;
padding:0;
margin-bottom:10px;
margin-top:0;
}
.nojs #looksdetailmodelnav ul li a.sidenavitem img {
display:none;
}
.nojs #looksdetailmodelnav li h2,
.nojs #looksdetailmodelnav li.selected h2 {
margin:0;
}
.nojs #looksdetailmodelnav li a.sidenavitem,
.nojs #looksdetailmodelnav li.selected a.sidenavitem {
display:block;
overflow:visible;
background: url("../images/Looks/dropdown_nav_indicator.html") no-repeat left .1em #fff !important;
padding:0 0 0 14px;
color:#333;
height:auto;
line-height:1em;
margin-left:0;
margin-right:0;
position:relative;
text-transform:none;
width:auto;
margin-bottom:2px;
}
.nojs #looksdetailmodelnav a.sidenavitem span {
display:inline;
}
.nojs #looksdetailmodelnav h2 a {
height:auto;
overflow:visible;
background: none !important;
padding:0;
color:#333;
width:auto;
text-transform:none;
margin-bottom:2px;
font-weight:normal;
font-size:.7em;
}
.nojs #looksdetailmodelnav li.selected h2 a,
.nojs #looksdetailmodelnav h2 a:hover,
.nojs #looksdetailmodelnav li a.sidenavitem:hover,
.nojs #looksdetailmodelnav li.selected a.sidenavitem:hover {
color:#cc0000;
}
.nojs #looksdetailmodelnav li.selected .sidesubnav {
position:static;
margin-bottom:0;
}
/* Looks section ends*/
/* Discontinued Products */
#discontinuedwrapper{display:inline-block; height:100%; float:left; margin:58px 0px 0px 0px;}
#discontinuedwrapper .discimgouter{float:left; height:250px;}
#discontinuedwrapper .discimgouter .discimg1{float:left; width:310px; height:230px;}
#discontinuedwrapper .discimgouter .discimg2{float:left; width:310px; height:230px; margin:0px 18px;}
#discontinuedwrapper .discimgouter p.disc-proimg{width:310px; height:230px; text-align:center;}
#discontinuedwrapper .discimgouter p.disc-proimg img{margin:auto; padding:auto;}
#discontinuedwrapper .discimgouter p.proimgname{height:20px; background-color:#000; text-transform:uppercase; line-height:20px; color:#FFF; padding-left:22px; font-family:Arial; font-weight:bold; font-size:0.938em;}
#discontinuedwrapper .discproduclist{float:left; display:block; margin-top:12px; margin-bottom:15px; }
#discontinuedwrapper .discproduclist .facelist{float:left; width:310px; }
#discontinuedwrapper .discproduclist .eyeslist{float:left; width:310px; margin:0px 18px;}
#discontinuedwrapper .discproduclist .lipslist{float:left; width:310px; }
#discontinuedwrapper .discproduclist ul.productlist li{ font-family:Arial; font-size:0.938em; list-style-type:none; list-style-position:inside; }
#discontinuedwrapper .discproduclist ul.productlist li a{position:relative; clear:left; float:left; width:auto; height:auto; color:#333333; list-style-position:inside;padding:4px 8px 4px 18px;}
#discontinuedwrapper .discproduclist ul.productlist li a:hover{ position:relative; float:left; width:auto; height:auto; color:#cc0000; background:url(../images/dropdown_nav_indicator.gif) no-repeat; list-style-position:inside; background-position:0px center; padding:4px 8px 4px 18px; }
#discontinuedwrapper .discproduclist ul.productlist {list-style-type:none; padding:0px; margin:0px; }
/* result page */
div#discontinuedproductlist{display:inline;float:right;padding-top:10px;width:720px;margin-bottom:75px;}
div.dicontinuedpartA{float:left;margin-left:20px;width:325px;}
div.associatedpartB{float:right;width:325px;}
ul.disinnerBody{list-style:none outside none;margin:0;padding:0;}
ul.disinnerBody li.disproductImage{height:245px;}
ul.disinnerBody li.disproductImage img{height:230px;overflow:hidden;padding:0 0 0 55px;}
.disselectedcolor{margin:0 0 0 15px;padding-right:14px;}
.disselectedcolor .color1{background-color:#ECBAC2;}
.disselectedcolor .color2{background-color:#DEBACF;}
.disselectedcolor .color3{background-color:#C89EB8;}
.disaddtocart-btn{margin-top:35px;}
.disselectedcolor h2 {color:#4A4A4A;font-family:"Helvetica Neue",Arial,Helvetica;font-size:2em;font-weight:100;margin:0;padding:0;}
.disPrdHeadercnt{}
.disselectedcolor span.headermessage{color:#CC0000;font-weight:bold;}
.dispadding-top{padding-top:25px;}
.disborderright{border-right:1px solid #C1C1C1;}
.disProductColormatch{margin-bottom:10px;}
.newProductsCnt{display:inline;float:right;padding:10px 0 0 21px;position:relative;width:300px;}
.newProductsCnt div.colorswatch {display:inline;float:left;margin:0 1px 0 0;width:100%;height:25px !important;}
.newProductsCnt fieldset {margin-bottom:20px;}
.newProductsCnt div.colorswatch input {display:inline;}
.newProductsCnt div.colorswatch label span{display:inline-block;vertical-align:middle;width:9.85em;}
.newProductsCnt div.colorswatch label{font-size:.8em;padding:.5em 1px .5em 23px !important;}
.newProductsCnt div.colorswatch label.oldProductlabel{font-size:.8em;padding:.5em 1px .5em 0px !important;}
.newProductsCnt .custom-checkbox label{ background-position: -15px -13px;}
.newProductsCnt .custom-checkbox label.hover,.newProductsCnt .custom-checkbox label.focus {background-position: -15px -213px;outline: 1px dotted #ccc !important;}
.newProductsCnt .custom-checkbox label.checked {background-position: -15px -413px;}
.newProductsCnt .custom-checkbox label.checkedHover,.newProductsCnt .custom-checkbox label.checkedFocus {background-position: -15px -613px;outline: 1px dotted #ccc !important;}
.newProductsCnt .custom-checkbox input {left:2px;margin:0;position:absolute;top:7px;z-index:0;}
.newProductsCnt .custom-checkbox label {background-color:#FFFFFF;background-image:url("../images/bg_checkboxsprite_onwhite.gif");background-repeat:no-repeat;}
.newProductsCnt label{background-repeat:no-repeat;display:block;font-size:1em;line-height:1;padding:4px 0 0.4em 20px !important;position:relative;z-index:1;}
.appendpadingheight{padding:3px 0 7px 0;border-top:1px solid #C1C1C1;}
.appendbtmborder{border-bottom:1px solid #C1C1C1;}
.subheadercls{background:#ffffff;}
/* result page end*/
/* result page end*/
/*End Of Discontinued Products */
/*Store Locator CSS */
#contentcontainer #storelocatorouter{float:left; display:inline-block; width:967px; height:100%; margin:0px auto; }
#contentcontainer #storelocatorouter .storelocatorimg{float:left; width:357px; height:430px; background:url("../images/store_locator.jpg") no-repeat; z-index:0 !important; }
#contentcontainer #storelocatorright{float:right; width:580px; height:100%; margin-top:30px; margin-bottom:20px;}
#contentcontainer #storeloc_bg{float:left; width:550px; height:80px; margin-top:20px; background-color:#ECECEC;}
#contentcontainer #storeloc_bg .storeloc_outer{width:530px; height:50px; padding:0px; margin:15px auto; }
#contentcontainer #storeloc_bg .storeloc_outer .divzip{float:left; width:140px; height:auto;}
#contentcontainer #storeloc_bg .storeloc_outer .proddiv{float:left; width:170px; height:auto; }
#contentcontainer #storeloc_bg .storeloc_outer .choosetxt{font-family:Arial; font-size:1em; color:#333333; font-weight:bold; text-transform:uppercase; text-align:left;}
#contentcontainer #storeloc_bg .storeloc_outer .choosebox{padding-top:6px; float:none; text-align:left;}
#contentcontainer #storeloc_bg .storeloc_outer .choosebox input.long { width:110px; }
#contentcontainer #storeloc_bg .storeloc_outer .choosebox select.long { width:110px;}
#contentcontainer #storeloc_bg .storeloc_outer .choosebox span {color:red;margin-right:25px;display:none;}
#contentcontainer #storeloc_bg .storeloc_outer #choosebox_sub{ padding-top:21px;}
#contentcontainer #storeloc_bg .storeloc_outer #choosebox_sub input#searchbox {
display:inline-block;
width: 13em;
border:1px solid #878787;
font-size:.8em;
}
#contentcontainer #storeloc_bg .storeloc_outer #choosebox_sub input.searchbutton {
display:inline-block;
border:1px solid #000;
background-color:#000;
color:#fff;
padding:0 15px;
text-transform:uppercase;
font-size:.825em;
margin-left:-12px;
margin-top:-4px;
cursor:pointer;
width:0;
overflow:visible;
line-height:1.5em;
}
#storelocatorright p{
text-align:center;
font-family:"Helvetica Neue",Arial,Helvetica;
font-weight:bold;
font-size:1.733em;
text-transform:uppercase;
color:#4F4F4F;
margin:0;
padding:0;
}
#contentcontainer #storeloc_bg .storeloc_outer #choosebox_sub input.searchbutton[class] { /*ie ignores [class]*/
width: auto;
}
#contentcontainer #storeloc_menuouter{float:left; display:block; width:100%; margin-top:30px;}
/*End Of Store Locator CSS */
/* CSS for tips_membertips_submit_thankyou starts here */
#requiredtipform_thankyou {margin-bottom:250px;}
#requiredtipform_thankyou p{float:left;
font-family:Arial; font-size:0.938em; padding-right:4px; }
/* CSS for tips_membertips_submit_thankyou ends here */
.colormatchcontent
{
/*height:575px;*/
/*display:inline-block;*/
padding-top:27px;
/*position:relative;*/
}
.contentcontainer
{
margin-top:-6px;
display:block;
}
.content
{position:relative;
}
.shadefamilyimage
{
width:306;
height:152;
}
.ShadeSelectorErrorMsg
{
padding-bottom:4px;
text-align:left;
}
.colorMatchWelcomeContainer
{
max-height:800px
}
/* select element starts here. */
.fixed-select-css{ width:241px }
.fixed-select-css-long{ margin-left:6px; width:306px;}
.select-styleable{width:300px;padding:5px;margin:5px;border:5px solid #c00}
/**
* Overlay CSS.
**/
.select-overlay { background:#fff }
.select-overlay span{display:block;float:left;clear:both;background:transparent url(../images/bg-ie-select-width.png) no-repeat 0 0}
/* Overlay CSS for Internet Explorer 6 and 7 */
.ie6 .select-overlay span,.ie7 .select-overlay span{width:18px;height:22px;background-position:0 0}
.ie6 .select-overlay-hover span,.ie7 .select-overlay-hover span { background-position:-18px -20px }
.ie6 .select-overlay-active span,.ie7 .select-overlay-active span { background-position:-18px -20px }
/* Overlay CSS for Internet Explorer 8 with no borders or padding */
.ie8 .select-overlay span{width:18px;height:20px;background-position:0 0}
.ie8 .select-overlay-hover span { background-position:-18px 0 }
.ie8 .select-overlay-active span { background-position:-18px 0 }
/* Overlay CSS for Internet Explorer 8 with borders and padding */
#select-styleable-container.ie8 .select-overlay span{width:17px;height:20px;background-position:-36px 0}
#select-styleable-container.ie8 .select-overlay-hover span { background-position:-53px 0 }
#select-styleable-container.ie8 .select-overlay-active span { background-position:-53px 0 }
/* select element ends here. */
.alreadycolormatched
{
padding-bottom:15px;
background-color:#f6f6f6;
margin-top:41px;
padding-left:15px;
padding-right:15px;
margin-right:65px;
padding-top:15px;
}
.alreadycolormatchedstrong
{
font-size:1.25em;
font-weight:normal;
}
.alreadycolormatchedbutton
{
margin-left:17px;
}
div#registerblock .passhelpclass{text-align: right; clear:both; padding-right:10px; height:16px;} /* Added from Mind Tree for register page */
.mobilecarrier_txt{ text-transform:uppercase;}
p.rempass{font-family:Arial; font-size:1.0em; font-weight:bold; margin-top:8px; margin-bottom:5px;}
p.rempass_nomargin{font-family:Arial; font-size:1.0em; font-weight:bold; margin-top:0px; margin-bottom:5px;}
p.rempass_margin{clear:both;font-family:Arial; font-size:1.0em; font-weight:bold; margin-top:3px; margin-bottom:3px;}
p.rempass_margin_nobold{font-family:Arial; font-size:0.938em; font-weight:normal; margin-top:4px; margin-bottom:2px;}
p.rempass_sec{font-family:Arial; font-size:0.938em; font-weight:bold; margin-top:6px; margin-bottom:2px;}
p.rempass_sec_nobold{font-family:Arial; font-size:0.938em; font-weight:normal; margin-top:2px; margin-bottom:2px;}
fieldset.signin_page{float:left;}
.QuizGetYourResultButton
{
font-family:Arial, Helvetica, sans-serif;
padding-top:1px;
}
.QuizResultYourProductsSpan
{
margin-left:1px;
}
.ShadeSelectorResultsth
{
text-align:left;
text-transform:uppercase;
padding-right:10px;
width:110px;
}
.ShadeSelectorResults
{
margin-bottom:11px;
margin-top:35px;
width:248px;
}
/* start For printing */
div.printouter{float:left; width:100%; height:140px; display:none;}
div.printouter div.print_logo_img{ height:95px;}
div.printouter div.print_head_txt{ border-top:2px solid #000; height:40px;font-family:arial; font-size:2.8em; text-transform:uppercase; color:#333333; border-bottom:5px solid #000;}
div.print_footer_outer{float:left; width:100%; display:none;}
div.print_footer{display:block; font-family:arial; font-size:2.3em; text-transform:uppercase; color:#333333; }
div.print_shade{display:none; float:left; height:2em;}
/* End For printing */
div#cmpanels div.errormsg{float:right; clear:both; margin-right:29px; color:#ff0000;}
div#cmpanels div.aftererrormsg{float:right; clear:both; margin-right:29px; margin-top:10px;}
/*Added by MT*/
.LegalWithinText
{
color:#888;
font-weight:bold;
font-family:arial;
font-size:0.938em;
float:left;
margin-top:-5px;
}
/*Sitmap CSS starts here*/
div#sitemapwrapper{float:left; width:100%; height:100%; margin-bottom:15px;}
div#sitemapouter{float:left; width:100%px; margin:75px 0px 0px 20px;}
div#leftsitemap{float:left; width:350px;}
div#rightsitemap{float:left; width:570px;}
div#sitemapouter ul{margin:0px; padding:0px; list-style-type:none;}
div#sitemapouter ul.mainheadtxt li{font-family:"Helvetica Neue", Arial, Helvetica; font-weight:100; font-size:2.167em; text-transform:uppercase;color:#000000; margin:22px 0px 0px 0px;}
div#sitemapouter ul.headtxt li{font-family:Arial; font-weight:bold; font-size:0.938em; text-transform:uppercase; color:#000000; line-height:1.6em; }
div#sitemapouter ul.headtxt_right li{font-family:Arial; font-weight:bold; font-size:0.938em; text-transform:uppercase; color:#000000; line-height:1.6em; padding-left:10px }
div#sitemapouter ul.sitemaptxtnor li{font-family:Arial; font-weight:normal; font-size:0.938em; text-transform:none; color:#000000; line-height:1.6em; padding-left:10px;}
/* Added by MindTree */
div#sitemapouter ul.mainheadtxt li span a{font-family:"Helvetica Neue", Arial, Helvetica; font-weight:100; font-size:2.167em; text-transform:uppercase;color:#000000; margin:22px 0px 0px 0px;}
/*Sitmap CSS ends here*/
/*Contact Us CSS */
#contentcontainer #contactpageouter{width:980px; height:359px; margin-top:20px; margin-bottom:60px; background:url("../images/contact-us.jpg") no-repeat left top}
#contentcontainer #contactpageright{float:right; width:615px; height:359px; margin-left:20px; }
#contentcontainer .emailtxt{float:left; width:97%; height:21px; margin:15px 0px; padding-bottom:20px; border-bottom:1px solid #000000; }
.taglinetxt{font-family:Arial; color:#333333; font-size:1em; }
#contentcontainer .cont_us_cont{float:left; width:85%; margin-bottom:20px; font-family:Arial; font-size:1em; }
#contactpageright p{
/*font-family:"Helvetica Neue", Arial, Helvetica;*/
font-family:"Helvetica Neue",Arial,Helvetica;
font-weight:100;
font-size:2.6em;
text-transform:uppercase;
color:#333333;
margin:0;
padding:0;
}
/*End Of Contact Us CSS */
/*Added by MT*/
#content .headerarea_Category {
margin-right:15px;
position:relative;
z-index:2;
}
/* Ask Us page */
.emailuscontent{width:980px; height:620px !important; margin-top:20px; margin-bottom:60px; background:none !important; overflow:hidden !important;}
/*End-Added by MT*/
.tipresult
{
float:left;
display:inline;
margin-right:75px;
font-size:1.5em;
color:#cc0000;
padding-top:20px;
}
/* CSS for tips_detailspage with full content starts here */
#tiparticle .tiparticlecontent_full {
margin:0 15px 0 0px;
padding-top:19px;
line-height:1.6em;
float:left;
width:700px;
text-align:justify;
}
#tiparticle .tiparticlecontent_full h2 {
font-size:1.6em;
font-weight:normal;
margin-bottom:20px;
line-height:1.1em
}
#tiparticle .tiparticlecontent_full p {
margin-bottom:1.5em;
}
/* CSS for tips_detailspage with full content ends here */
.tipsHidden {
padding-bottom:0px;
padding-top:0px;
display:none;
}
.facetipsHidden
{
display:none;
}
/* CSS for TIPS Guaranteed POPUP */
p.tips_bold{font-weight:bold; font-size:1.3em; width:100%; border-top:1px solid #333333; margin-top:10px; padding-top:10px;}
p.tips_video{margin:0px; font-size:1.3em;}
p.tips_video1{margin:0px;}
div#tips-cond-outer ul li {margin:0px; padding:0px; margin:7px 0px 7px 17px; list-style-type:lower-roman;}
div#tips-cond-outer ul {margin:0px; padding:0px;}
div#tips-cond-outer ul.tipssection li {margin:0px; padding:0px; list-style-type:none; margin:10px 0px 10px 0px;}
div#tips-cond-outer{width:800px; display:none; position:absolute; left:50px; z-index:100; background-color:#ffffff; top:100px;}
div#tips-cond-outer p.text h1{clear:both; font-family:"Helvetica Neue",Arial,Helvetica; color:#4A4A4A; font-size:2.9em; font-weight:100; text-transform:uppercase;}
div#tips-cond-inner{margin:30px auto; width:740px;}
div#tips-cond-outer .closebutdiv{width:1px; height:100%; padding-left:3px; border:1px solid #333; cursor:auto;}
/*End Of CSS for TIPS Guaranteed POPUP */
#contentcontainer #storelocatorright .taglinetxt{margin-left:30px;}
#contentcontainer #storelocatorright #storeloc_bg{margin-left:30px;}
div#rmore{float:right; margin-right:-63px; margin-top:-17px;}
/* My Covergirl Tips */
#mycovergirltips {
padding-top:70px;
}
#mycovergirltips #covergirltipsimage {
float:left;
display:inline;
margin:0 80px 0 56px;
margin-right:80px;
}
#mcgtipscontent {
display:inline;
float:left;
width:396px;
}
#mcgtipscontent h2 {
font-family:"Helvetica Neue",Arial,Helvetica;
font-size:2.5em;
text-transform:uppercase;
font-weight:100;
margin-bottom:3px;
color:#4f4f4f;
}
#mcgtipscontent .section {
border-top:1px solid #999999;
padding-top:17px;
position:relative;
padding-bottom:45px;
}
#mcgtipscontent .section .sectiontools {
position:absolute;
right:0;
top:-1px;
text-align:right;
}
#mcgtipscontent .section .sectiontools a {
display:inline-block;
margin-bottom:5px;
}
#mcgtipscontent .section ul {
margin:0;
padding:15px 0 0 0;
list-style:none;
}
#mcgtipscontent .section ul li {
padding:0 4em 0 19px;
position:relative;
margin-bottom:10px;
background:url("../images/icon_headerlink_over-2.gif") no-repeat 3px .2em;
}
#mcgtipscontent .section ul li a {
text-transform:uppercase;
}
#mcgtipscontent .section ul li a.deletelink {
position:absolute;
text-transform:none;
right:2px;
top:0;
}
/* Mobile Popup in Shopping Cart */
/* htmobileModelbigPopup */
#mobileModelbigPopup{display:block;position:absolute;top:150px;left:50px;width:321px;}
.mobileModelbigTop img{behavior:url('../images/iepngfix.htc');}
.mobileModelbigMid{width:321px;background:url('../images/popup/mobileBG-321.html') repeat-y scroll 0 0 transparent;behavior:url('../images/iepngfix.htc'); background-position:left;text-align:left;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.68em;color:#333333;}
#mobileModelbigPopup .mobileModelbigBtm img{behavior:url('../images/iepngfix.htc');border:0;}
#mobileModelbigPopup .mobileModelCntTop{padding:0 0 0 30px;height:310px;}
#mobileModelbigPopup .mobileModelCntTop #closeMobile {margin:0 15px 0 0;padding-top:2px;cursor:pointer;}
#mobileModelbigPopup .mobileSection label{display:block;font-weight:normal;text-transform:uppercase;font-weight:bold;padding-bottom:2px;}
#mobileModelbigPopup .mobileSection input.short {margin-right:9px;width:50px;}
#mobileModelbigPopup .mobileSection input.long {width:84px;}
#mobileModelbigPopup .mobileSection input.short , .mobileSection input.long {border:1px solid #D2D2D2;float:left;font-size:1em;height:1.4em;}
#mobileModelbigPopup .mobilenumberpopup{margin-bottom:10px;}
.clearandpad{clear:both;padding-top:10px;}
#mobileModelbigPopup select.short {width:60px;font-size:1.1em;}
#mobileModelbigPopup select.long {width:110px;font-size:1.1em;}
#mobileModelbigPopup .mobileContentMid{padding:0 15px 0 30px;height:120px;}
#mobileModelbigPopup .mobileContentMid ul{list-style:none;padding:0;margin:0;}
#mobileModelbigPopup .mobileContentMid ul li{margin:0 0 10px 0;}
#mobileModelbigPopup .custom-checkbox label{background-position: -17px -17px;}
#mobileModelbigPopup .custom-checkbox label.hover,#mobileModelbigPopup .custom-checkbox label.focus {background-position: -17px -217px;outline: 1px dotted #ccc !important;}
#mobileModelbigPopup .custom-checkbox label.checked {background-position: -17px -417px;}
.mobileCutomCheckbox{height:15px;}
#mobileModelbigPopup .mobileContentbtm{padding:15px 15px 10px 30px;font-size:0.85em;}
.sharethis-cls{background:url('../images/dropdown_nav_indicator.gif') no-repeat scroll 0 #FFFFFF;margin-top:0;padding-left:9px;color:#cc0000;}
.homepagemiddlecallout{height:16px;}
div.floatwrapper BPad span.usrEmail{width:100px;float:left;}
span.floatLFT{float:left;width:139px;}
/*added*/
div.floatwrapper BPad span.usrEmail{width:100px;float:left;}
span.floatLFT{float:left;width:139px;}
div.floatwrapper #cglooksintro ul li#taylorlinkheader {margin-right:60px;}
div.floatwrapper #cglooksintro ul li#drewlinkheader {}
div.floatwrapper #cglooksintro ul li#queenlinkheader {margin-right:60px;}
div.floatwrapper #cglooksintro ul li#ellenlinkheader {margin-left:10px;}
div.floatwrapper #cglooksintro ul li#danialinkheader {margin-right:60px;}
.notificationemail{color:#d12121;margin-right:25px;float:right;text-align:right;font-size:0.917em;font-family:arial,helvatica,tahoma,verdana;font-style:italic;}
.notificationbirthday{color:#d12121;margin-right:24px;float:right;text-align:right;font-size:0.917em;font-family:arial,helvatica,tahoma,verdana;font-style:italic;}
ul.mainheadtxt li.subtxt a{border:1px solid red;font-size:1em;}
.bottomContainer{border-top:1px solid #636362;float:left;width:965px;color:#666;font-family:Arial,helvatica,tahoma,verdana;font-size:0.917em;background-color:inherit;margin:0px;padding:15px 0px 7px 5px;}
.paddingBtm{padding-bottom:10px;}
label.labelText{width:100px;}
.fltLFT{float:left;}
/*FOOL PROOF*/
.foolproofContainer{width:970px;float:left;}
.foolproofContainerleft{float:left;padding-left:20px;margin:0px;padding-top:25px}
.foolproofContainerright{float:left;padding-top:15px;}
.foolproofMiddle{width:970px;float:left;margin-top:-95px;}
.lftContainerMain{width:970px;float:left;}
.foolproofContainerproductleftimg1{width:236px;float:left;padding-left:30px;}
.foolproofContainerproductleftimg3{width:198px;float:left;margin-left:93px;margin-top:-20px;}
a.middleContainer{width:340px;float:left;color:#4E4E4E !important;}
.middleContainer a.hover{color:#4E4E4E !important;}
.foolproofContenttitle{width:340px;float:left;font-size:1.786em;/*font-family:helvatica,arial,tahoma,verdana;*/color:#000;font-family:Helvetica Neue, Arial, Helvetica;/*font-weight:bold;*/background-color:transparent;}
.foolproofContenttitle5{width:340px;float:left;font-size:1.786em;/*font-family:helvatica,arial,tahoma,verdana;*/color:#000;font-family:Helvetica Neue, Arial, Helvetica;/*font-weight:bold;*/background-color:transparent;padding-left:20px;}
.foolproofContentleft{width:340px;float:left;cursor:pointer;height:145px;margin:85px 0px 0px 25px;position:relative;z-index:6;}
.foolproofContentleft p{font-size:1.161em;font-family:arial,tahoma,verdana;color:#000;margin:0px;padding:0px;line-height:18px;}
p.foolproofContentlefttitle{font-size:1.786em;font-family:helvatica,arial,tahoma,verdana;color:#000;font-weight:bold;background-color:transparent;}
p.seeshadelink a{color:#c40000;font-family:arial,helvatica,tahoma,verdana;font-weight:bold;font-size:0.917em;background-color:transparent;line-height:30px;}
p.seeshadelink a:hover{color:#c40000;text-decoration:underline!important;}
.rightContainerMain{width:915px;float:right;margin-top:-255px;text-align:right;margin-right:55px;}
.foolproofContainerproductrightimg1{width:259px;float:right;text-align:right;}
.foolproofContainerrightimg{display:block;border:0;padding-top:0px;}
.foolproofContentright{width:340px;float:right;cursor:pointer;height:145px;margin:140px 0px 0px;text-align:right;}
.foolproofContentright p{font-size:1.161em;font-family:arial,tahoma,verdana;color:#000;margin:0px;padding:0px;}
p.foolproofContentrightlink a{text-align:right;color:#c40000;font-family:arial,helvatica,tahoma,verdana;font-weight:bold;font-size:0.917em;background-color:transparent;}
.lftContainerMain3{width:970px;float:left;margin-top:-175px;}
.rightContainerMain4{width:913px;float:left;margin-top:-120px; }
.foolproofContentright4{width:340px;float:right;cursor:pointer;height:145px;margin:0px;text-align:right;}
.foolproofContentright4 p{font-size:1.161em;font-family:arial,tahoma,verdana;color:#000;margin:0px;padding:0px;}
.foolproofContentleft3{width:340px;float:left;cursor:pointer;height:145px;padding-top:30px;}
.foolproofContentleft3 p{font-size:1.161em;font-family:arial,tahoma,verdana;color:#000;margin:0px;padding:0px;}
.foolproofContentleft5{width:340px;float:left;cursor:pointer;height:145px;padding:35px 0px 0px 0px;}
.foolproofContentleft5 p{font-size:1.161em;font-family:arial,tahoma,verdana;color:#000;margin:0px;padding-left:20px;}
.lftContainerMain5{width:970px;float:left;margin-top:-218px;}
.foolproofContainerproductleftimg5{width:269px;float:left;margin-left:5px;margin-top:-184px;padding-top:10px;}
.lftContainerMain{width:970px;float:left;}
/*FOOL PROOF*/
/*QUEEN STARTS*/
.backgroundContainer{width:970px;float:left;background:transparent url('../NonCMSImages/Queen/celebrateyourbeautybkimge.gif');background-repeat:no-repeat;height:601px;}
.backgroundContainerInner{width:970px;float:left;height:425px;}
/*LOOKS*/
a.looksContent{float:left;width:227px;text-decoration:none;cursor:pointer;z-index:7;color:#ffffff;background-color:transparent;font-family:arial,helvatica,tahoma,verdana;font-size:1em;text-align:left;margin:0px;padding:0px;}
.looksContainer{float:left;width:227px;background:url('../NonCMSImages/Queen/looks.gif') no-repeat scroll 0 0 transparent;margin-top:155px;cursor:pointer;height:232px;}
.looksContainerInner{float:left;width:227px;height:232px;}
.looksContainerInnerparagraph{width:202px;float:left;font-family:arial,verdana,helvatica,tahoma;color:#ffffff;background-color:transparent;text-align:left;padding:182px 0 0 70px;margin:0px;}
.gonowLink{width:100px;float:left;padding-left:70px;background-repeat:no-repeat;}
.gonowLink a{background-color: transparent;color:#ff2222;font-family: arial,verdana,helvatica,tahoma;font-weight: bold;text-align: left;text-transform:uppercase;margin:0px;}
.gonowLink a:hover{background-color: transparent;color:#ff2222;font-family: arial,verdana,helvatica,tahoma;font-weight: bold;text-align: left;text-transform:uppercase;margin:0px;text-decoration:underline;}
/*LOOKS*/
.middlespace{width:374px;_width:328px;float:left;height:404px;}
/*WHAT'S HOT*/
.whtsContainer{float:left;width:242px;background:url('../NonCMSImages/Queen/what-hot.gif') no-repeat scroll 0 0 transparent;cursor:pointer;height:203px;margin-top:1px;}
a.whtshotContent{width:227px;text-decoration:none;height:231px;cursor:pointer;z-index:7;color:#ffffff;background-color:transparent;font-family:arial,helvatica,tahoma,verdana;font-size:1em; margin:0px 0px 0px 130px;}
a.whtsContent{cursor:pointer;color:#fff;background-color:transparent;}
.whtsContainerInner{float:left;height:232px;width:auto;}
.whtsContainerInnerparagraph{width:193px;float:left;font-family:arial,verdana,helvatica,tahoma;color:#ffffff;background-color:transparent;text-align:left;padding:153px 0 0 55px;margin:0px;}
.whtsgonowLink{float:left;width:227px;padding-left:57px;}
.whtsgonowLink a{background-color: transparent;color:#ff2222;font-family: arial,verdana,helvatica,tahoma;font-weight: bold;text-align: left;text-transform:uppercase;}
.whtsgonowLink a:hover{background-color: transparent;color:#ff2222;font-family: arial,verdana,helvatica,tahoma;font-weight: bold;text-align: left;text-transform:uppercase;text-decoration:underline;}
/*WHAT'S HOT*/
/*TALK*/
/* .talkContainer{float:right;width:159px;margin-top:35px;background:transparent url('/NonCMSImages/Queen/talk.gif');background-repeat:no-repeat;cursor:pointer;margin-left:80px;text-align:right;margin-top:-45px;height:180px;} .talkContent{width:227px;float:left;}*/
.talkContainer{float:right;width:159px;padding-top:35px;background:transparent url('../NonCMSImages/Queen/talk.gif');background-repeat:no-repeat;cursor:pointer;margin-left:80px;text-align:right;margin-top:-45px;height:180px;} .talkContent{width:227px;float:left;}
.talkContent a{text-decoration:none;cursor:pointer;z-index:3;color:#ffffff;background-color:transparent;font-family:arial,helvatica,tahoma,verdana;font-size:1.404em; }
span.talkContenttxt {color:#ffffff;font-family:arial,helvatica,tahoma,verdana;font-size:1.404em;cursor:pointer; }
/*.playVideo{width:54px;float:left;text-align:left;margin-top:-16px;margin-left:0px;}*/
.playVideo{width:54px;float:left;text-align:left;margin-top:-16px;margin-left:0px;}
p.playVideotxt {color:#ffffff;background-color:transparent;font-family:arial,helvatica,tahoma,verdana;font-size:1.404em;margin-left:30px;}
p.playVideotxt a{color:#ffffff;background-color:transparent;font-family:arial,helvatica,tahoma,verdana;font-size:1em;}
.talkContainerInner{float:left;width:160px;text-align:left; }
.talkContainerInnercontent{width:139px;float:left;font-family:arial,verdana,helvatica,tahoma;color:#ffffff;background-color:transparent;text-align:left;
padding:90px 0 0 20px;margin:0px;font-size:0.7em;text-decoration:none;height:39px;}
/*padding:127px 0 0 20px;margin:0px;font-size:0.7em;text-decoration:none;}*/
p.margintpmin{margin-top:-10px;}
.plyvideo{float:left;width:auto;margin:0p;padding:7px 0px 0px;}
/*TALK*/
.eretailor .left-part .retailors .logosecton .logonatuluxe{width:131px;float:left;}
/*ADLOBS*/
.adlobsContainer{width:924px;margin:0px auto;text-align:center;margin:0px 23px;}
.adlobsContainerInnerLeft{width:367px;float:left;border:10px solid black;border-left:none;border-right:none;border-bottom:none;height:169px;background-color:#fff;}
.adlobsContainer1{width:182px;float:left;height:166px}
.adlobsContainer1 p{font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#333333;margin:5px 20px;}
.adlobsContainer1content{width:184px;float:left;width:auto;font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#333333;margin:-10px 0px 0px 20px;_margin:-10px 0px 0px 10px !important;}
a.adgonowLink{float:left;margin-left:20px;font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#cc0000;font-weight:bold;text-transform:uppercase;padding-top:10px;}
a:hover.adgonowLink{float:left;margin-left:20px;font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#cc0000;font-weight:bold;text-transform:uppercase;text-decoration:underline;padding-top:10px;}
a.adgonowLinkright{float:left;font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#cc0000;font-weight:bold;text-transform:uppercase;}
a:hover.adgonowLinkright{float:left;font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#cc0000;font-weight:bold;text-transform:uppercase;text-decoration:underline;}
.adlobsContainer2 a.adstartnowLink{float:left;font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#cc0000;font-weight:bold;text-transform:uppercase;}
.adlobsContainer2 a:hover.adstartnowLink{float:left;font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#cc0000;font-weight:bold;text-transform:uppercase;text-decoration:underline;}
.adlobsContainer2{width:184px;float:left}
.adlobsContainer3{width:332px;float:left;margin-top:10px;height:155px;}
.adlobsContainer3inner{width:237px;float:left;padding:0px 47px;cursor:pointer;}
.adlobsContainer3 p{font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#333333;text-decoration:none;}
a.talkgonowLink{float:left;width:85px;background-color: transparent;color:#ff2222;font-family: arial,verdana,helvatica,tahoma;font-weight: bold;text-align: left;text-transform:uppercase;padding-left:8px;margin-top:-7px;font-size:0.982em;}
a:hover.talkgonowLink{float:left;width:85px;background-color: transparent;color:#ff2222;font-family: arial,verdana,helvatica,tahoma;font-weight: bold;text-align: left;text-transform:uppercase;padding-left:8px;margin-top:-7px;text-decoration:underline;font-size:0.982em;}
.adlobsContainer2 p{font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#333333;margin:0px;}
.adlobsContainer2 p a:hover{text-decoration:none;}
.txtdecorations{text-decoration:none;}
.adlobsContainer2bottom{width:184px;float:left;background:transparent url('../NonCMSImages/Queen/adlobs2bottom.gif');background-repeat:no-repeat;height:86px;}
.adlobsContainer2 a{width:184px;float:left;cursor:pointer;z-index:3;text-decoration:none;}
.adlobsContainer2 a:hover{width:184px;float:left;cursor:pointer;z-index:3;text-decoration:none;}
span.adlobsContainer2content{font-family:arial,verdana,helvatica,tahoma;background-color:transparent;text-align:left;font-size:0.982em;color:#333333;margin:5px 0px;}
.adlobsContainerInnerRight{width:333px;float:right;border:10px solid black;border-left:none;border-right:none;border-bottom:none;height:169px;background-color:#fff;}
.adlobsContainerInnerRightInner{{width:333px;float:left;}
.basic{float:left;}
/*OVERLAY*/
div.talkContainer a.basic{margin:0px;padding:0px;float:left;}
#basic-modal a.basic{float:left;width:65px;background-color: transparent;color:#ff2222;font-family: arial,verdana,helvatica,tahoma;font-weight: bold;text-align: left;text-transform:uppercase;}
#basic-modal a:hover.basic{float:left;width:65px;background-color: transparent;color:#ff2222;font-family: arial,verdana,helvatica,tahoma;font-weight: bold;text-align: left;text-transform:uppercase;text-decoration:underline;}
/*OVERLAY*/
/*ADLOBS*/
/*QUEEN ENDS*/
/* Newly Added*/
/* Newly Added*/