@charset "UTF-8";
/* CSS Document */
html {
margin:0;
padding:0;
height:100%;
}
body{
 color: #fff;
 width: 1020px;
 font-family: Arial,sans-serif;
 font-size: 12px;
 margin: 0 auto;
 padding: 0;
 height: 100%;
 background: #fff;
}
#container{
 background: #000;
}
a:hover,a:active,a:focus,a:visited {
text-decoration:underline;
color:#FFFFFF;
}
h1,h2,h3,h4,h5 {
font-weight:400;
padding:0;
margin:0;
}
.related h3 {
color:#666;
}
h1 {
font-size:22px;
color:#FFFFFF;
}
h2 {
padding:25px 0 0;
font-size:18px;
color:#808080;
}
h2 a,h2 a:active,h2 a:visited {
padding:25px 0 0;
font-size:18px;
color:#808080;
text-decoration:none;
}
h2 a:hover {
padding:25px 0 0;
font-size:18px;
color:#FFFFFF;
text-decoration:underline;
}
img {
border:none;
}
a{
 text-decoration: underline;
 color: #CCCCCC;
 outline: none;
}
div.header{
 display: block;
 position: relative;
 top: 0px;
 height: 90px;
 margin: 0px 0px 0px 11px;
 background: url(/images/usa/motivesCosmetics/logo.gif) no-repeat;
 text-indent: -9999px;
 width: auto;
 float: left;
}
.logo {
position:relative;
display:block;
width:231px;
height:90px;
}
#menu {
background:url(/images/usa/motivesCosmetics/menubar.gif) repeat-x;
position:relative;
top:0;
left:0;
width:1000px;
height:38px;
margin:0 0 0 11px;
z-index:90;
}
.menu a {
display:block;
width:98px;
height:20px;
margin:7px 0;
border-right:1px solid #fff;
}
.submenu {
float:left;
width:1000px;
height:30px;
line-height:30px;
background:#333;
font-size:12px;
text-align:left;
margin: 0 0 0 11px;
}
.submenu label {
position:relative;
height:30px;
padding:0 32px 0 50px;
}
.submenu label a {
color:#D68080;
text-decoration:underline;
}
.submenu ul {
display:inline;
margin:0;
list-style:none;
padding:0;
text-indent:none;
}
.submenu ul li {
display:inline;
padding:0 10px;
margin:0;
border-right:1px solid #808080;
text-indent:none;
}
.submenu a {
text-decoration:none;
color:#FFFFFF;
}
.submenu a:hover {
text-decoration:underline;
color:#D68080;
}
.relatedProducts {
height:86px;
width:950px;
float:left;
padding: 12px 0 32px 10px;
}
.relatedProducts h3 {
font-size:18px;
color:#808080;
}
.relatedProducts ul {
display:block;
float:left;
}

.relatedProducts ul li {
display:block;
float:left;
width:250px;
padding:1px 3px 1px 10px;
background:url(/images/usa/motivesCosmetics/bullet.gif) no-repeat left;
}
.submenu .selected {
background:#666;
line-height:30px;
padding:5px;
}
.bannerLg {
margin:0 0 0 11px;
}
ul.bannerSm {
display:block;
list-style:none;
text-indent:none;
float:left;
margin:0 0 32px 11px;
padding:0;
text-align:center;
border:1px #808080 solid;
}
ul.bannerSm li {
display:block;
margin:1px;
float:left;
padding:1px;
}
ul.bannerSm li a {
float:left;
display:block;
}
ul.bannerSm li+li {
border-left:1px #808080 solid;
}
.footerMain {
position:relative;
width:990px;
height:96px;
top:0;
padding-left:10px;
background:url(/images/usa/motivesCosmetics/matv_main.jpg) no-repeat top right;
}
.footerMain a {
text-decoration:none;
}
#categoryLayout {
position:relative;
width:1000px;
height:470px;
margin:0 0 0 10px;
background:url(/images/usa/motivesCosmetics/bgCategoryLayout.jpg) no-repeat;
}
#categoryLayout ul {
position:absolute;
top:0;
right:0;
list-style:none;
text-indent:0;
margin:0;
float:right;
width:630px;
height:auto;
clear:right;
}
#categoryLayout ul li {
position:relative;
display:block;
float:left;
width:180px;
text-align:center;
margin:5px 5px 2px;
}
#categoryLayout ul li a {
display:block;
text-align:center;
width:180px;
float:left;
clear:left;
color:#fff;
text-decoration:underline;
}
#categoryLayout ul li a img {
border:1px #2E2E2E solid;
}
#categoryLayout ul li a:hover img {
border:1px #C0C0C0 solid;
}
#pageTerminator{
 background: #fff;
 width: 1020px;
 height: 32px;
 clear: both;
 padding: 0 0 20px;
}
.oldie #pageTerminator, .ie9 #pageTerminator{
 background: #666 url(/images/usa/motivesCosmetics/bgPageTerminator.jpg) no-repeat 0 -22px;
}
.matvLinkLg {
text-indent:-9999px;
display:block;
width:169px;
height:96px;
float:left;
background:url(/images/usa/motivesCosmetics/bgMATVLink.gif) top left;
}
.matvLinkSm {
margin:0;
text-indent:-9999px;
display:block;
width:82px;
height:74px;
float:right;
clear:right;
background:url(/images/usa/motivesCosmetics/bgMATVLinkSm.jpg) top left;
}
#footerLinks{
 position: relative;
 width: 1020px;
 height: 85px;
 text-align: center;
 font-size: 10px;
 left: 0;
 padding: 20px 0;
 background: -ms-linear-gradient(left, #323232 0%, #000 50%, #323232 100%);
 background: -webkit-gradient(linear, left top, right top, color-stop(0%, #323232), color-stop(50%, #000), color-stop(100%, #323232));
 background: -webkit-linear-gradient(left, #323232 0%, #000 50%, #323232 100%);
 background: -moz-linear-gradient(left, #323232 0%, #000 50%, #323232 100%);
 background: linear-gradient(left, #323232 0%, #000 50%, #323232 100%);
}
.oldie #footerLinks, .ie9 #footerLinks{
 left: 11px;
 top: -99px;
 width: 870px;
 height: 96px;
 padding: 0 0 0 130px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#000000', GradientType=0);
}
.ie9 #footerLinks{
 background: #323232 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 filter: none;
}
#footerLinks ul li:last-child{
 border: none !important;
}
#footerLinks ul {
display:block;
list-style:none;
margin:5px 145px 5px 10px;
padding:0;
text-indent:none;
}
#footerLinks p{
color: #808080;
margin: 5px 139px 0 0;
}
#trustwaveSealImage{
 position: absolute;
 top: 135px;
 left: 426px;
 padding: 0 0 42px;
}
#torchAwardBBB{
 position: absolute;
 top: 135px;
 left: 535px;
 padding: 0 0 42px;
}
.ie6 #trustwaveSealImage, .ie7 #trustwaveSealImage{
 top: 125px;
 left: 400px;
}
.ie8 #trustwaveSealImage, .ie9 #trustwaveSealImage{
 top: 155px;
 left: 385px;
}
.ie8 #torchAwardBBB, .ie9 #torchAwardBBB{
 top: 155px;
 left: 495px;
}
#footerLinks ul li {
display:inline;
padding:0 10px;
margin:0;
border-right:1px solid #808080;
text-indent:none;
}
#footerLinks a {
text-decoration:none;
color:#808080;
}
#footerLinks a:hover {
text-decoration:underline;
color:#FFFFFF;
}
#footerLinks p{
color:#808080;
margin: 5px 139px 0 0;
}
.categoryDesc {
width:275px;
height:auto;
margin:50px 0 0 80px;
}
.catalogRequest {
float:left;
clear:left;
margin:32px 0 0 30px;
width:300px;
height:auto;
}
.catalogRequest img {
float:left;
clear:left;
}
.catalogRequest h3 {
font-size:12px;
}
.catalogRequest p {
color:#999;
}
.catalogRequest a {
color:#999;
}
#smear{
 position:relative;
 top: 0px;
 left: 0px;
 width: 980px;
 min-height: 480px;
 margin:10px 0px 0px 10px;
}

.prodImg {
position:relative;
float:left;
width:410px;
height:auto;
top:10px;
}
.prodImg img {
border:1px #464646 solid;
margin:5px;
}
.prodTxt {
position:relative;
width:560px;
height:auto;
top:10px;
left:10px;
float:left;
}
.prodDetail {
position:relative;
width:500px;
height:auto;
top:25px;
left:10px;
float:left;
}
.swatchLg {
position:relative;
float:left;
width:100px;
height:100px;
}
#productColor {
position:relative;
top:5px;
display:block;
width:100px;
height:26px;
text-align:center;
}
#productOptions {
position:relative;
top:10px;
display:block;
width:100px;
text-align:center;
}
#prodDetailTexture{
 display: block;
 width: 100px;
 height: 100px;
 text-indent: -9999px;
 border: 1px solid #666666;
}
#lookSel {
position:relative;
float:left;
width:360px;
padding:25px 10px 10px;
}
#looklayout .lookSel {
float:right;
}
#lookSel p {
color:#808080;
}
#lookSel h2 {
color:#FFFFFF;
}
ul#lookList label {
clear:right;
float:right;
width:610px;
display:block;
text-align:left;
}
ul#lookList {
float:right;
width:610px;
padding:0;
margin:17px 0 42px;
list-style:none;
}
#lookDetailLayout #lookList {
margin:42px 0 0;
padding:0;
}
ul#lookList li {
display:block;
float:left;
margin:8px;
padding:0;
text-indent:0;
}
ul#lookList li img {
display:block;
border:0;
padding:0;
margin:0;
}
ul#lookList li a {
display:block;
border:1px solid #000000;
}
ul#lookList li a:hover {
display:block;
border:1px solid #FFFFFF;
}
a.button {
text-align:center;
width:100px;
color:#FFFFFF;
font-size:14px;
line-height:18px;
height:18px;
padding:5px;
margin:10px 10px 10px 0;
border-top:2px solid #999999;
border-right:2px solid #333333;
border-bottom:2px solid #333333;
border-left:2px solid #999999;
background:#262323 url(/images/usa/motivesCosmetics/bgButton.gif) top repeat-x;
text-decoration:none;
}
a.button:hover {
color:#FFFFFF;
border-top:2px solid #333333;
border-right:2px solid #999999;
border-bottom:2px solid #999999;
border-left:2px solid #333333;
background:#504A4A url(/images/usa/motivesCosmetics/bgButtonLt.gif) top repeat-x;
text-decoration:none;
}
input#productQuantity {
text-align:center;
background:#FFFFFF;
width:32px;
color:#000000;
font-size:14px;
line-height:18px;
height:18px;
padding:4px;
margin:10px 10px 0 0;
border:0;
}
.price {
color:#D68080;
font-size:20px;
padding-right:15px;
padding-top:25px;
}
#smear .zoom {
position:relative;
right:0;
top:0;
text-align:right;
float:right;
background:url(/images/usa/motivesCosmetics/zoom.gif) no-repeat top left;
width:125px;
height:25px;
}
.prodDetail .swatches label {
display:block;
color:#FFFFFF;
clear:both;
}
ul.swatches {
position:relative;
float:right;
text-align:left;
width:375px;
list-style:none;
text-indent:none;
margin:16px 0 0;
padding:0;
}
ul.swatches li {
display:inline;
}
ul.swatches a {
text-indent:-9999px;
display:block;
width:20px;
height:20px;
float:left;
margin:2px;
padding:0;
border:1px solid #000000;
}
ul.swatches a:hover {
border:1px solid #FFFFFF;
}
ul.swatches .selected {
border:1px solid #999999;
}
.related {
position:relative;
clear:both;
}
.productListingVertical h1 {
display:block;
position:relative;
width:980px;
height:20px;
font-size:18px;
line-height:20px;
background:#333;
margin:0 5px;
border:1px #333 solid;
padding-left:10px;
clear:both;
}
.productListingVertical .product {
width:990px;
height:185px;
border:1px #333 solid;
margin:0 5px 10px;
clear:both;
float:left;
}
.productListingVertical .product img {
float:left;
}
.productListingVertical .product h2 {
padding-top:25px;
font-size:20px;
color:#fff;
}
.quantity {
padding-right:15px;
}
#pressLayout {
position:relative;
margin:30px;
}
#pressLayout .pressDisplay{
 padding: 20px 0 0;
}
#pressLayout h2 {
display:block;
position:relative;
width:950px;
height:20px;
font-size:18px;
line-height:20px;
margin:0 5px;
border-bottom:1px #333 solid;
clear:both;
color:#D68080;
}
h1.breadcrumb {
display:inline;
}
#pressDetail {
position:relative;
margin:20px;
padding:20px;
}
#pressDetail h2 {
display:block;
position:relative;
width:950px;
height:20px;
font-size:18px;
line-height:20px;
margin:0 5px;
border-top:1px #333 solid;
clear:both;
color:#D68080;
}
#pressDetail h3 {
height:20px;
font-size:12px;
line-height:20px;
margin:15px 5px;
clear:both;
font-weight:700;
}
#privacyLayout {
position:relative;
margin:30px;
}
#privacyLayout h1 {
padding-bottom:25px;
}
#privacyLayout h2 {
font-size:12px;
font-weight:700;
padding:0;
clear:both;
color:#ffffff;
}
#privacyLayout h3{
 padding: 0;
 clear: both;
 color: #fff;
 font: 700 12px "Times New Roman", Times, sans-serif;
}
#oppSmear {
position:relative;
top:0;
left:1px;
width:990px;
min-height:470px;
margin:10px 0 0 10px;
background:url(/images/usa/motivesCosmetics/opp_bkgd.jpg) no-repeat bottom right;
}
#oppLayout {
position:relative;
margin:30px;
}
#oppLayout h2 {
position:relative;
left:0;
color:#ffffff;
}
#oppLayout a {
color:#D68080;
}
#oppLayout ul {
position:relative;
left:20px;
}
#oppLayout img {
position:relative;
float:left;
clear:left;
padding:10px 30px;
}
#contactLayout {
position:relative;
margin:30px;
}
#contactLayout .contactInfo{
 margin: 0;
}
#contactLayout img {
position:relative;
float:left;
padding:10px 30px 30px;
}
#contactLayout a {
color:#ffffff;
}
#contactLayout h2 {
display:block;
position:relative;
width:600px;
height:20px;
font-size:18px;
line-height:20px;
border-bottom:1px #333 solid;
color:#D68080;
}
.contacts {
position:relative;
width:600px;
float:left;
}
#contactUs h2 {
border-bottom:none;
}
#contactUs tr td {
padding-bottom:5px;
}
#aboutSmear {
position:relative;
top:0;
left:0;
width:990px;
min-height:470px;
margin:10px 0 0 10px;
background:url(/images/usa/motivesCosmetics/about_bkgd.jpg) no-repeat top left;
}
#aboutMotives {
position:relative;
margin-left:300px;
}
#aboutMotives h2 {
display:block;
position:relative;
height:20px;
font-size:18px;
line-height:20px;
clear:both;
color:#D68080;
}
#aboutMotives h3 {
height:20px;
font-size:18px;
line-height:20px;
clear:both;
color:#999999;
font-style:italic;
}
#aboutLoren {
position:relative;
margin-left:30px;
background:url(/images/usa/motivesCosmetics/about_bar.jpg) no-repeat top center;
padding-top:30px;
}
#aboutLoren img {
float:left;
padding:10px 20px 30px 0;
}
/* minicart CSS */
.hidden {
 display:none;
}
#btnMiniCart {
 float:right;
 min-width: 70px;
 height: 25px;
 line-height: 25px;
 margin:8px 10px 0 0;
 clear: both;
 padding: 0px 23px 0px 0px;
 cursor:pointer;
 background:url(/images/usa/motivesCosmetics/iconLinkIndicator_dn_white.gif) right 8px no-repeat #000000;
}
#miniCartMenu{
 position: absolute;
 right: 0px;
 z-index: 99;
 margin: 0px;
 width: 234px;
 opacity: 1;
 background: #262626;
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -webkit-border-bottom-right-radius: 4px;
 border-bottom: 1px solid #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
}
#miniCartMenu .products {
height:auto;
margin:0;
padding:0;
}
#miniCartMenu .inner {
width:178px;
clear:both;
margin:0 auto;
padding:10px 0 20px;
}
#miniCartMenu .inner .button {
width:160px;
font-size:12px;
clear:both;
float:left;
display:block;
height:12px;
line-height:12px;
margin:0 auto 3px;
}
#miniCartMenu p.secureNotice{
 width: 200px;
 height: 21px;
 clear: both;
 float: left;
 padding: 0 0 0 14px;
 display: block;
 background: url(/images/usa/motivesCosmetics/icoLock.gif) no-repeat;
 background-position: 0% 30%;
}
#miniCartMenu ul.products {
display:block;
text-indent:0;
margin:0;
padding:0;
float:left;
}

#miniCartMenu ul.products li {
display:block;
text-indent:0;
margin:0;
float:left;
line-height:14px;
}

#miniCartMenu ul.products a {
display:block;
text-decoration:none;
background:url(/images/usa/motivesCosmetics/bullet.gif) no-repeat 3px 12px;
padding:10px 0 0 14px;
margin:4px;
}

#miniCartMenu ul.products a:hover {
background:url(/images/usa/motivesCosmetics/bullet.gif) #555555 no-repeat 3px 12px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
text-decoration:none;
}

#miniCartMenu ul.products li .itemMeta {
display:block;
clear:both;
font-size:12px;
color:#999999;
}

#miniCartMenu ul.products li .price {
font-size:12px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu,.sf-menu * {
margin:0;
padding:0;
list-style:none;
}

.sf-menu {
line-height:1.0;
float:left;
margin-bottom:1em;
}

.sf-menu ul {
position:absolute;
top:-999em;
width:10em;
}

.sf-menu ul li {
width:100%;
}

.sf-menu li:hover {
visibility:inherit;
}

.sf-menu li {
float:left;
position:relative;
}

.sf-menu a{
display: block;
position: relative;
height: 20px;
margin: 5px 0;
text-decoration: none;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0;
top:2.5em;
z-index:99;
}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
left:10em;
top:0;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}

/* *** MOTIVES SPECIFIC STYLES *** */
a.prodList {
width:74px;
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuProducts.gif) top left no-repeat;
}

a.getLook {
width:98px;
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuGetLook.gif) top left no-repeat;
}

a.about {
width:110px;
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuAbout.gif) top left no-repeat;
}
a.sell {
width:110px;
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuSell.gif) top left no-repeat;
}
a.contact {
width:98px;
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuContact.gif) top left no-repeat;
}
a.prodList:hover {
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuProducts.gif) bottom left no-repeat;
}

a.getLook:hover {
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuGetLook.gif) bottom left no-repeat;
}

a.about:hover {
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuAbout.gif) bottom left no-repeat;
}

a.sell:hover {
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuSell.gif) bottom left no-repeat;
}
a.contact:hover {
text-indent:-9999px;
background:url(/images/usa/motivesCosmetics/mnuContact.gif) bottom left no-repeat;
}

.sf-menu a,.sf-menu a:visited {
color:#FFFFFF;
}

.sf-menu li ul{
 background: #262626;
 opacity: 1;
 border-bottom: 1px solid #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 margin: 3px 0 0 10px;
}

.sf-menu li li {
background:transparent;
}

.sf-menu li li a {
line-height:18px;
padding:3px 0 3px 10px;
margin:0;
}

.sf-menu li li a:hover {
background:#666666;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
}

.sf-menu li li li {
background:#000000;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
outline:0;
}

/* *******************************
** arrows **/
.sf-menu a.sf-with-ul{
 padding-right: 2.25em;
 min-width: 1px;
}
.sf-sub-indicator{
 position: absolute;
 display: block;
 right: 1px;
 top: 5px;
 width: 10px;
 height: 10px;
 text-indent: -999em;
 overflow: hidden;
 background: url(/images/usa/motivesCosmetics/arrows-ffffff.png) no-repeat -10px -100px;
}
a > .sf-sub-indicator {
background-position:0 -100px;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {
background-position:-10px -100px;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
background-position:-10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
background-position:0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position:-10px 0;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:url(/images/usa/motivesCosmetics/shadow.png) no-repeat bottom right;
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
}

.sf-shadow ul.sf-shadow-off {
background:transparent;
}
div#mainLayout ul.bannerSm {
display:block;
list-style:none;
text-indent:none;
float:none;
margin:0 0 32px 11px;
padding:0;
text-align:center;
border:0;
overflow:auto;
}

div#categoryLayout ul li a {
padding-top:6px;
}

div#categoryLayout ul li a img {
height:120px;
width:120px;
display:block;
margin:0 auto;
}

#footer{
 position: relative;
 height: 267px;
 margin: 0;
}
.ie8 #footer, .ie9 #footer{
 height: 255px;
}

div#mainLayout ul.bannerSm li + li {
border:0;
}

div#calloutBox {
width:600px;
height:26px;
font-size:12px;
padding:4px 4px 4px 8px;
margin:10px 0px 0px 25px;
color:#FFFFFF;
background:#000000;
border:1px solid #666666;
}

img.csPdfIcon {
position:relative;
top:4px;
}

div#miniCartMenu ul.products li {
display:block;
text-indent:0;
float:left;
line-height:14px;
background:url(/images/usa/motivesCostmetics/bullet.gif) no-repeat 3px 12px;
padding:10px 0 0 14px;
margin:4px;
}

.inpBxWidth {
width:20px;
}

div#standardContent {
padding:20px;
clear:both;
}

div#itemListContainer {
background:url(/images/usa/motivesCosmetics/bgCategoryLayout.jpg) no-repeat;
margin:0 0 0 10px;
clear:both;
padding:40px;
border:0px solid yellow;
overflow:auto;
}

div#itemListDesc {
width:350px;
float:left;
}

div#itemList {
width:550px;
float:right;
}

div#itemListContainer ul li {
display:block;
float:left;
margin:10px;
border:0;
width:120px;
}

div#itemListContainer ul li img:hover {
border:1px solid #EEEEEE;
}

div#itemListContainer ul li img {
border:1px solid #333333;
height:120px;
width:120px;
display:block;
}

div#itemListContainer ul li a {
text-align:center;
margin-top:0;
padding-top:3px;
display:block;
}

div.prodImg {
width:400px;
height:400px;
}

div#smear div.prodImg img {
width:400px;
height:400px;
display:block;
}

table.mainProdTable {
border:0;
width:950px;
}

table.tblMrg, table.cartInfo, table.cartTotals {
width:950px;
}

table.mainProdTable h2 {
padding-top:0;
color:#D68080;
}

.priceRed {
color:#D68080;
}

.priceRedBig{
color:#D68080;
font-size:20px;
}

table.mainProdTable td.lineItemCell {
background:#262626;
border:1px solid #333333;
}
.resize100{
 width: 100px;
 height: 100px;
}
div#itemList ul li{
 height: 165px;
}
:focus{
 -moz-outline-style: none;
}
div#mainLayout{
 margin: 0;
 width: 1000px;
}
div.prodDetail ul#prodSwatches li a{
 border: 2px solid #464646;
}
div.prodDetail ul#prodSwatches li a.active{
 border: 2px solid #FFFFFF;
}
input.button{
 text-align: center;
 color: #FFFFFF;
 font-size: 14px;
 padding: 5px;
 margin: 8px 0;
 border-top: 2px solid #999999;
 border-right: 2px solid #333333;
 border-bottom: 2px solid #333333;
 border-left: 2px solid #999999;
 background: #262323 url(/images/usa/motivesCosmetics/bgButton.gif) top repeat-x;
 text-decoration: none;
 height: 30px;
}
div.prodDetail{
 padding: 0px 0px 80px 15px;
}
div.prodDetail input.button{
 margin: 0;
}
div.prodTxt {
 padding-left: 15px;
}
#menu a.xoxo{
 width: 92px;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnu-beauty-xoxo.gif) no-repeat top left;
}
#menu a.xoxo:hover{
 background: url(/images/usa/motivesCosmetics/mnu-beauty-xoxo.gif) no-repeat bottom left;
}
#menu a.tips{
 width: 85px;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/menu-tips-trends.gif) no-repeat top left;
 margin: 5px 0 0 12px;
}
#menu a.tips:hover{
 background: url(/images/usa/motivesCosmetics/menu-tips-trends.gif) no-repeat bottom left;
}
#menu a.skinCare{
 width: 60px;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnu-skin-care.gif) no-repeat top left;
 margin: 5px 10px;
}
#menu a.skinCare:hover{
 background: url(/images/usa/motivesCosmetics/mnu-skin-care.gif) no-repeat bottom left;
}
#menu a.learnAndEarn{
 width: 30px;
 text-indent: -9999px;
 margin: 5px 11px 5px 0;
 background: url(/images/usa/motivesCosmetics/mnu-join.gif) no-repeat top left;
}
#menu a.learnAndEarn:hover{
 background: url(/images/usa/motivesCosmetics/mnu-join.gif) no-repeat bottom left;
}
#menu a.cosmetics{
 width: 59px;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnu-cosmetics.gif) no-repeat top left;
}
#menu a.cosmetics:hover{
 background: url(/images/usa/motivesCosmetics/mnu-cosmetics.gif) no-repeat bottom left;
}
#menu a.press{
 width: 60px;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnu-press.gif) no-repeat top left;
}
#menu a.press:hover{
text-indent: -9999px;
background: url(/images/usa/motivesCosmetics/mnu-press.gif) no-repeat bottom left;
}
#menu a.customBlend{
 width: 125px;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnu-custom-blend.gif) no-repeat 0 0;
}
#menu a.customBlend:hover{
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnu-custom-blend.gif) no-repeat bottom left;
}
#menu a.lala{
 width: 130px;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnumotivesforlala.gif) no-repeat top left;
 height: 20px;
}
#menu a.lala:hover{
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnumotivesforlala.gif) no-repeat bottom left;
}
#menu a.proArtist{
 width: 87px;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnu-pro-artist.gif) no-repeat top left;
}
#menu a.proArtist:hover{
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/mnu-pro-artist.gif) no-repeat bottom left;
}
#pressLayoutImage{
float:left;
width:150px;
height:120px;
}
#pressLayoutImageText {
float:left;
width:800px;
height:120px
}
#pressLayoutImageText h2 {
width:800px;
padding-top:5px;
}
#pressLayoutDivClear {
clear:both;
height:1px;
}
#showFooter{
 position: relative;
 width: 1000px;
 height: 96px;
 clear: both;
 margin:0px 0px 0px 11px;
 top: 0px;
 background: url(/images/usa/motivesCosmetics/bgFooterTop.gif) top left;
}
#hideFooter{
 display: none;
}
.hideMATVLink{
 padding-left: 15px;
}
.showMATVLink{
 text-decoration: none;
 cursor: text;
 display: none;
}
#socialNetworkLinks a:hover{
 background: bottom;
}
#socialNetworkLinks a{
 margin: 21px 0 0 0 !important;
}
#socialNetworkLinks{
 clear: both;
 float: left;
 margin: 0 5px 0 0;
 top: -150px;
 left: 40px;
 position: relative;
 background: transparent;
 vertical-align: top;
 font-size: 16px;
 font-weight: bold;
}
#socialNetworkLinks a.twitter{
 float: left;
 display: block;
 width: 59px;
 height: 59px;
 background: url(/images/usa/motivesCosmetics/sprite-icons-social-media.gif) no-repeat 0 0;
 text-indent: -9999px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-bottomleft: 5px;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
}
#socialNetworkLinks a.facebook{
 float: left;
 display: block;
 width: 59px;
 height: 59px;
 background: url(/images/usa/motivesCosmetics/sprite-icons-social-media.gif) no-repeat -60px 0;
 text-indent: -9999px;

}
#socialNetworkLinks a.googlePlus{
 float: left;
 display: block;
 width: 59px;
 height: 59px;
 background: url(/images/usa/motivesCosmetics/sprite-icons-social-media.gif) no-repeat -120px 0;
 text-indent: -9999px;

}
#socialNetworkLinks a.instagram{
 float: left;
 display: block;
 width: 59px;
 height: 59px;
 background: url(/images/usa/motivesCosmetics/sprite-icons-social-media.gif) no-repeat -180px 0;
 text-indent: -9999px;
 -webkit-border-top-right-radius: 5px;
 -webkit-border-bottom-right-radius: 5px;
 -moz-border-radius-topright: 5px;
 -moz-border-radius-bottomright: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
}
#socialNetworkLinks a.twitter:hover{
 background: url(/images/usa/motivesCosmetics/sprite-icons-social-media.gif) 0 60px;
}
#socialNetworkLinks a.facebook:hover{
 background: url(/images/usa/motivesCosmetics/sprite-icons-social-media.gif) 180px 60px;
}
#socialNetworkLinks a.googlePlus:hover{
 background: url(/images/usa/motivesCosmetics/sprite-icons-social-media.gif) 120px 60px;
}
#socialNetworkLinks a.instagram:hover{
 background: url(/images/usa/motivesCosmetics/sprite-icons-social-media.gif) 60px 60px;
}
#ezCartContainer{
 height: 162px;
 clear: both;
 top: 0;
 background: #333;
 border-top: 10px solid #fff;
 border-bottom: 10px solid #fff;
 margin: 0;
 width: 1020px;
}
#ezCartContainer .lorenBio{
 position: relative;
 height: 161px;
 width: 325px;
 text-align: right;
 float: right;
 background: url(/images/usa/motivesCosmetics/loren-lala-240x140.jpg) no-repeat right;
 padding: 0 259px 0 0;
 margin: 0 13px 0 0;
 vertical-align: bottom;
 cursor: pointer;
 text-decoration: none;
}
#ezCartContainer .lorenBio p:first-child{
 margin: 76px 0 0 0;
 font-size: 13px;
 font-weight: bold;
}
#ezCartContainer .blogLink{
 position: relative;
 text-align: right;
 float: right;
 margin: 93px -322px 0 0;
}
.bold{
 font-weight: bold;
}
div#details{
 clear: both;
 width: 480px;
 background: #000000;
 margin: 23px 0px 40px 0px;
}
div#details .prodLabelImage{
 text-align: center;
}
div#details .whitePapers{
 overflow: hidden;
 padding: 10px;
}
div#details a.btn{
 margin: 0px 10px 10px 0px;
 padding: 5px;
 border: solid #262626 1px;
 display: block;
 background: #262626;
 float: right;
 color: #000000;
}
div#details a.readMore{
 margin: 0px 10px 10px 0px;
 padding: 5px;
 border: 1px solid #333;
 background: #262626;
 position: relative;
 top: 4px;
 left: 240px;
 color: #fff;
 font: 11px Arial, Helvetica, sans-serif;
}
div#details h3{
 padding: 0px 10px 0px 10px;
 clear: both;
}
div#details p{
 padding: 0px 10px 0px 10px;
}
div#details ul#tabs{
 list-style: none;
 padding: 0px;
 margin: 0px;
 width: 550px;
 float: left;
 text-align: center;
}
div#details ul#tabs li{
 display: inline;
 padding: 0px;
 margin: 0px 2px 0px 0px;
 float: left;
 text-align: center;
 border-left: 1px solid #262626;
 border-top: 1px solid #262626;
 border-right: 1px solid #262626;
}
div#details ul#tabs li a{
 font-size: 12px;
 color: #808080;
 padding: 4px 10px;
 display: block;
 float: left;
 font-weight: normal;
 background: #262626;
 cursor: pointer;
}
div#details ul#tabs li a.selected{
 color: #ffffff;
 padding: 4px 10px;
 position: relative;
 top: 1px;
 border-bottom: 0px;
 display: block;
 background: #000000;
 text-decoration: none;
}
div#details ul#tabs li a:hover{
 color: #ffffff;
}
div#flyout{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 200px;
 height: 200px;
 background: #333;
 padding: 2px;
 max-width: 200px;
 margin: 0px;
 display: none;
 font-size: 9px;
 text-align: left;
 z-index: 100;
}
div#options{
 clear: both;
}
div#prodDetailTexture{
 margin: 0px;
 padding: 0px;
}
div#tabContentContainer{
 width: 480px;
 border: 1px solid #333333;
 clear: both;
 padding: 10px;
}
div.prodDetail{
 width: 560px;
 float: right;
}
div.prodTxt h2{
 padding-top: 8px;
}
div.worksWellWithContainer{
 margin: 50px 0px 135px 15px;
 float: left;
 padding: 0px;
 width: 370px;
 margin-left: 20px;
}
form#addToCart{
 margin-top: 15px;
}
span.inlinePrice{
 color: #D68080;
 font-size: 20px;
 font-weight: bold;
 padding-right: 10px;
}
span.relatedImage{
 display: none;
}
ul#prodSwatches{
 margin: 0px 0px 25px 0px;
 padding: 0px;
 width: 440px;
}
ul#whatsRelated{
 width: 370px;
 list-style: none;
 margin: 0px;
 padding: 0px;
}
ul#whatsRelated li{
 float: left;
 margin: 10px 10px 0px 0px;
 padding: 0px;
 line-height: 14px;
 border: 1px solid #464646;
 height: 100px;
 width: 100px;
}
ul#whatsRelated li img{
 height: 100px;
 width: 100px;
}
div#countryContainer{
 color: #fff;
 background: #262626;
 padding: 3px;
 margin: 0px 8px 0px 0px;
 font-size: 10px;
 border-bottom: 1px solid #404040;
 border-left: 1px solid #404040;
 -moz-border-radius-bottomleft: 4px;
 float: right;
}
div#countryContainer ul{
 margin: 0px;
 padding: 0px 0px 0px 15px;
 list-style: none;
}
div#countryContainer ul li{
 float: left;
}
div#countryContainer ul li.usa{
 background: url(/images/usa/motivesCosmetics/icoFlagUSA.gif) 6px no-repeat;
 padding: 0px 10px 0px 26px;
}
div#countryContainer ul li.can{
 background: url(/images/usa/motivesCosmetics/icoFlagCAN.gif) 6px no-repeat;
 padding: 0px 10px 0px 26px;
}
div#countryContainer ul li.selected a{
 text-decoration: none;
 color: #aaa;
 background: url(/images/usa/motivesCosmetics/icoChkGrey.gif) no-repeat center right;
 padding: 0px 10px 0px 0px;
}
div#countryContainer ul li a{
 color: #aaa;
 padding: 0px 10px 0px 0px;
 cursor: pointer;
}
#headerContainer{
 overflow: auto;
 background: #000;
 margin: 0 9px 0 11px;
}
div#imgCol{
 float: left;
 width: 400px;
}
div#infoCol{
 float: right;
 width: 580px;
}
div#smear{
 margin-bottom: 30px;
}
.clear{
 clear: both;
}
.hide{
 display: none;
}
form#addToCart input.button{
 margin: 0;
}
.ezCartButton{
 text-align: center;
 color: #FFFFFF;
 font-size: 12px;
 border-top: 2px solid #999999;
 border-right: 2px solid #333333;
 border-bottom: 2px solid #333333;
 border-left: 2px solid #999999;
 background: #262323 url(/images/usa/motivesCosmetics/bgButton.gif) top repeat-x;
 text-decoration: none;
 height: 20px;
}
#ezCartBanner{
 position: relative;
 margin: 0px;
}
#ezCartBanner .search{
 position: relative;
 width: 1001px;
 height: 96px;
 clear: both;
 margin: 0px 0px 0px 11px;
 background: url(/images/usa/motivesCosmetics/bgFooterTop.gif) top left;
}
#ezCartBanner form{
 float: left;
 padding: 35px 10px 0px 80px;
}
.ezCartInfo{
 padding-left: 66px;
}
#ezCartInfoLayout{
 position: relative;
 margin: 30px 10px;
}
#ezCartBanner span{
 padding: 42px 0px 0px 14px;
 display: block;
 font-size: xx-small;
 word-spacing: -1px;
}
div#featuredProdGroup, div#prodGroupList{
 margin: 0px 10px;
}
div#allViewHistContainer{
 padding: 20px 20px 50px 20px;
 overflow: auto;
 width: 980px;
}
div#allViewHistContainer .allDataContainer div{
 padding: 20px 0 0;
}
div#viewingHistoryContainer{
 background: #302D2F;
 width: 1000px;
 margin: 0 10px;
 position: relative;
 top: 14px;
 left: 1px;
 overflow: auto;
}
div#viewingHistoryContainer div#editContainer{
 text-align: center;
 padding-top: 6px;
}
div#viewingHistoryContainer div#nameContainer{
 text-align: center;
 padding-top: 6px;
}
div#viewingHistoryContainer div#nameContainer a{
 color: #D68080;
}
div#viewingHistoryContainer div#priceContainer{
 text-align: center;
 padding-top: 6px;
}
div#viewingHistoryItemsContainer div#imageContainer{
 height: 120px;
 width: 120px;
 border: 1px solid #464646;
 background: #000000;
}
div#viewingHistoryItemsContainer div#itemContainer{
 float: left;
 margin: 15px 30px;
 width: 120px;
}
div#viewingHistoryTab{
 padding: 8px 14px 0px 30px;
 margin: 0px;
 background: #302D2F;
 border-top: 1px solid #464646;
}
div#viewingHistoryTab a{
 color: #878687;
 font-size: 12px;
}
div#viewingHistoryTab h1{
 color: #878687;
 font-size: 18px;
}
div.allDataContainer{
 width: 202px;
 float: right;
}
div.allDataContainer a.nameLink{
 color: #D68080;
}
div.allImageContainer{
 border: 1px solid #464646;
 width: 122px;
 height: 122px;
 float: left;
}
div.allItemContainer{
 width: 348px;
 overflow: auto;
 float: left;
 margin: 20px;
}
div.histLabel{
 margin-top: 15px;
 text-align: left;
}
#maCashFPWrapper{
 width: 650px;
}
#shopping table td.maCashBack{
 text-align: right;
 border: 0px;
}
.eachItemGrandTotal{
 font: 12px "Trebuchet MS", Verdana, sans-serif;
 font-weight: bold;
 color: #4F7DA1;
 text-align: right;
}
.icoMACash{
 background: url(/images/usa/motivesCosmetics/icoMACash.gif) no-repeat;
 padding-left: 25px;
 padding-bottom:5px;
}
.maCashFPLeft{
 float: left;
}
.maCashFPRight{
 float: right;
 padding-right: 150px;
}
.maCashGreenText{
 color: #3F9E40;
 font-weight: bold;
}
.maCashShow00{
 display: none;
}
.maCashShow01{
 display: none;
}
.maCashShow10{
 display: block;
}
.maCashShow11{
 display: block;
}
.totalRed{
 font: 14px "Trebuchet MS", Verdana, sans-serif;
 font-weight: bold;
 color: #FF0000;
}
a.orderButtonSmlBlue{
 background: transparent url(/images/usa/motivesCosmetics/btnStdRt.gif) no-repeat scroll top right;
 color: #444;
 display: block;
 float: left;
 font: normal 12px arial, sans-serif;
 height: 22px;
 margin-right: 6px;
 padding-right: 8px;
 text-decoration: none;
}
a.orderButtonSmlBlue span{
 background: transparent url(/images/usa/motivesCosmetics/btnStdLt.gif) no-repeat;
 display: block;
 line-height: 10px;
 font-weight: 700;
 margin: 0px;
 padding: 6px 0px 6px 12px;
 text-decoration: none;
}
#welcome a, #welcomeUSA a{
 color: #808080;
 text-decoration: underline;
}
div#supportBlock{
 float: left;
 width: 220px;
}
div#supportBlock h2{
 width: 220px;
 padding-top: 0;
}
div#productBlock{
 float: left;
 width: 360px;
 margin-left: 20px;
}
div#productBlock h2{
 width: 360px;
 padding-top: 0;
}
#faqs .def .desc{
 display: block;
 position: relative;
 left: 0px;
 padding: 0px 0px 0px 30px;
 margin: 0px;
}
#faqs .minus{
 background: #000 url(/images/usa/motivesCosmetics/faqMinus.jpg) no-repeat scroll center left;
}
#faqs .plus{
 background: #000 url(/images/usa/motivesCosmetics/faqPlus.jpg) no-repeat scroll center left;
}
#faqs li a{
 padding: 5px 0px 5px 30px;
 margin: 5px 0px;
 font: bold 100% "Lucida Grande", verdana, arial, sans-serif;
 color: #fff;
 display: block;
 cursor: pointer;
}
#faqs li a:hover{
 color: #999;
 text-decoration: none;
 cursor: pointer;
}
#faqs li ul{
 list-style: none;
 padding: 0px 0px 10px 30px;
 margin: 5px 0px;
}
#maCashFAQ{
 position: relative;
 left: 30px;
 clear: both;
 margin: 20px 0px 0px 0px;
 width: 700px;
}
#maCashSplash{
 position:relative;
 left: 30px;
 clear: both;
 margin: 20px 0px 0px 0px;
 width: 700px;
}
#maCashSplash #header{
 background: url(/images/usa/motivesCosmetics/bannerR2.jpg) top left no-repeat;
 width: 960px;
 height: 258px;
 float: left;
 clear: both;
 margin: 0px 0px 0px 0px;
}
#maCashSplash #maCashInfo{
 width: 900px;
 clear: both;
 float: left;
 margin: 10px 0px 0px 60px;
}
#maCashSplash #maCashInfo .infoBlock{
 float: left;
 width: 250px;
 padding: 0px;
 margin: 0px 50px 30px 0px;
 _margin: 0px 20px 30px 0px; /* IE 6 hack */
}
#maCashSplash #maCashInfo .infoBlock .secTitle{
 width: 250px;
 height: 58px;
 line-height: 58px;
 font-size: 53px;
 font-weight: bold;
 text-align: left;
 color: #ccc;
 overflow: hidden;
 display: block;
 float: left;
 padding: 0px 0px 0px 15px;
 background: url(/images/usa/motivesCosmetics/pnlMaCashR3.gif) top left no-repeat;
}
#maCashSplash #maCashInfo .infoBlock .secTitle div{
 float: right;
 *float: none;
 font-size: 18px;
 margin: 0px 0px 0px 1px;
 *margin: -10px 0px 0px 10px;
 width: 200px;
 *width: 100px;
 display: block;
 *display: inline;
}
#maCashSplash #maCashInfo .infoBlock .secTitle.earn{
 background-position: 0px -58px;
}
#maCashSplash #maCashInfo .infoBlock .secTitle.spend{
 background-position: 0px -116px;
}
#maCashSplash #maCashInfo .infoBlock h4{
 font-size: 16px;
 clear: both;
 color: #ccc;
}
#maCashSplash .callout{
 background: #5d5d5d;
 border: 1px solid #333;
 padding: 0px 10px 10px 10px;;
 margin: 0px 10px 0px 0px;
 width: auto;
 float: right;
}
#maCashSplash .callout h2{
 color: #fff;
}
#maCashSplash h1{
 padding: 0px 0px 10px 0px;
 text-align: left;
}
#maCashSplash h2{ /* IE 6 hack */
 clear: both;
 _float: left;
 _clear: both;
 _width: 170px;
 color: #fff;
}
#maCashSplash h3{
 clear: both;
 text-align: center;
 width: 960px;
 color: #3399ff;
}
li.def{
list-style: none;
}
ul.questionList{
 list-style: none;
 text-indent: none;
 margin: 0px;
 padding: 0px;
 float: left;
}
ul.questionList li{
 background: url(/images/usa/motivesCosmetics/icoQuestion.gif) 0 6px no-repeat;
 margin: 0px;
 padding: 0px 0px 0px 22px;
 line-height: 26px;
 float: left;
 clear: both;
}
ul.questionList li a{
 text-decoration: underline;
 color: #fff;
}
ul.questionList li a:hover{
 text-decoration: none;
 color: #ccc;
}
/**************************************************/
/* Breadcrumb                                     */
/**************************************************/
#pgBreadcrumb{
 text-align: left;
 float: left;
 margin: 0;
 padding: 0;
 clear: both;
 width: 950px;
}
#pgBreadcrumb ul, #pgBreadcrumb li{
 display: block;
 list-style: none;
 float: left !important;
 margin: 0;
 padding: 0;
}
#pgBreadcrumb li{
 background: url(/images/usa/eng/webPortals/icoBreadcrumbSep.gif) no-repeat right !important;
 padding: 0 10px 0 0 !important;
 margin: 0 5px 0 0 !important;
 line-height: 14px;
}
#pgBreadcrumb h1{
 clear: both;
 margin: 0;
 padding: 2px 0 5px 0;
 display: block;
}
/**************************************************/
/* Common                                         */
/**************************************************/
.contentPanel{
 float: left;
 clear: both;
 width: 950px;
 background: #333333;
 color: #FFFFFF;
 border: 1px solid #808080;
 margin: 14px 0 0 0;
 padding: 4px;
}
.contentPanel.titled{
 background: transparent;
 color: #000000;
 border: none;
 margin: 14px 0 14px 0;
 padding: 0;
}
.contentPanel h2{
 margin: 0 0 5px 5px;
 padding: 0;
 color: #CCCCCC;
}
.contentPanel.titled h2{
 display: block;
 background: #808080;
 color: #FFFFFF;
 padding: 2px 4px 2px 4px;
 width: 743px;
 border: 1px solid #808080;
}
p.disabled{
 color: #7499B5;
}
input.button.large{
 text-align: center;
 color: #fff;
 font-size: 16px;
 font-weight: bolder;
 padding: 2px !important;
 margin: 8px 0;
 border-top: 2px solid #999 !important;
 border-right: 2px solid #000 !important;
 border-bottom: 2px solid #000 !important;
 border-left: 2px solid #999 !important;
 background: #262323 url(/images/usa/motivesCosmetics/bgButtonLg.gif) top middle repeat-x;
 text-decoration: none;
 width: auto !important;
 line-height: 30px !important;
 height: 30px !important;
}
input.button.large.red{
 text-align: center;
 color: #fff;
 font-size: 16px;
 font-weight: bolder;
 padding: 2px 5px !important;
 border: 2px solid #e00 !important;
 text-decoration: none;
 width: auto !important;
 line-height: 22px !important;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background: #e00;
 background-image: -ms-linear-gradient(top, #e00 0%, #7e0001 100%);
 background-image: -moz-linear-gradient(top, #e00 0%, #7e0001 100%);
 background-image: -o-linear-gradient(top, #e00 0%, #7e0001 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e00), color-stop(1, #7e0001));
 background-image: -webkit-linear-gradient(top, #e00 0%, #7e0001 100%);
 background-image: linear-gradient(to bottom, #e00 0%, #7e0001 100%);
}
input.button.large.red:hover{
 background-image: -ms-linear-gradient(top, #e00 0%, #4E0000 100%);
 background-image: -moz-linear-gradient(top, #e00 0%, #4E0000 100%);
 background-image: -o-linear-gradient(top, #e00 0%, #4E0000 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e00), color-stop(1, #4E0000));
 background-image: -webkit-linear-gradient(top, #e00 0%, #4E0000 100%);
 background-image: linear-gradient(to bottom, #e00 0%, #4E0000 100%);
}
input.button.large.red:active{
 background: #e00;
}
input.button:active{
 border-bottom: 2px solid #999999  !important;
 border-left: 2px solid #000000  !important;
 border-top: 2px solid #000000  !important;
 border-right: 2px solid #999999  !important;
 padding: 3px 1px 1px 3px !important;
}
input.button{
 text-align: center;
 color: #FFFFFF;
 font-size: 12px;
 font-weight: normal;
 padding: 2px !important;
 margin: 8px 0;
 border-top: 2px solid #999999  !important;
 border-right: 2px solid #000000  !important;
 border-bottom: 2px solid #000000  !important;
 border-left: 2px solid #999999  !important;
 background: #262323 url(/images/usa/motivesCosmetics/bgButton.gif) top middle repeat-x;
 text-decoration: none;
 width: auto !important;
 line-height: 22px !important;
 height: 22px !important;
 *line-height: 14px !important;
}
a.helpLink, a.helpLink:visited, a.helpLink:hover{
 color: #CCCCCC;
 margin: 0 3px 0 3px;
 text-decoration: none;
 border-bottom: 1px dotted #CCCCCC;
 padding-bottom: 0;
 cursor: help;
}
span.alert{
 color: #CCCCCC;
 border: 1px solid #000000;
 padding: 2px;
 height: 19px;
 line-height: 19px;
 background: #FFFBC3 url(/images/usa/motivesCosmetics/bgAlert.gif) repeat 0 0;
}
span.alert span, span.alert span.error{
 background: url(/images/usa/motivesCosmetics/icoExclSm.gif) no-repeat 6px 5px;
 padding: 6px 6px 6px 28px !important;
 line-height: 19px;
}
span.alert span.maCash{
 background: url(/images/usa/motivesCosmetics/icoMACash.gif) 2px 6px no-repeat;
 padding-left: 24px;
}
span.alert span.success{
 background: url(/images/usa/motivesCosmetics/icoCheck.gif) no-repeat 6px 5px;
 padding: 6px 6px 6px 28px !important;
 line-height: 19px;
}
.icon{
 padding-left: 22px;
 display: block;
 line-height: 18px;
 min-width: 18px;
 height: 18px;
 clear: none;
 float: left;
}
.icon.print{
 background-image: url(/images/usa/motivesCosmetics/icoPrint.gif);
 background-repeat: no-repeat;
 background-position:  2px 5px;
}
.icon.tip{
 background-image: url(/images/usa/motivesCosmetics/icoTip.gif);
 _background-image: none;
 background-repeat: no-repeat;
 background-position: 0 0;
 height: 20px;
 line-height: 20px;
 padding-left: 33px;
 margin-top: 5px;
}
.icon.addItem{
 background-image: url(/images/usa/motivesCosmetics/icoAdd.gif);
 background-repeat: no-repeat;
 background-position:  2px 1px;
}
.icon.email{
 background-image: url(/images/usa/motivesCosmetics/icoEmail.gif);
 background-repeat: no-repeat;
 background-position:  2px 7px;
}
.icon.maCash{
 background-image: url(/images/usa/motivesCosmetics/icoMACash.gif);
 background-repeat: no-repeat;
 background-position:  2px 2px;
 padding-left: 24px;
}
.icon.lock{
 background-image: url(/images/usa/motivesCosmetics/icoLock.gif);
 background-repeat: no-repeat;
 background-position:  2px 0;
 padding-left: 22px;
 line-height: 16px;
}
.icon.accessible{
 line-height: 18px;
 height: 18px;
 padding-left: 24px;
 background-image: url(/images/usa/motivesCosmetics/icoWheelChair.gif);
 background-repeat: no-repeat;
 background-position:  4px 1px;
}
/**************************************************/
/* SignInSignUp                                   */
/**************************************************/
#signIn{
 margin: 0 0 0 30px;
}
#signIn #signInPanel fieldset{
 width: 340px;
 float: left;
 clear: none;
 padding: 10px;
 border-right: 1px solid #999999;
 height: 115px;
}
#signIn  #signInPanel input.button{
 float: right;
 margin: 45px 25px 0 0;
 clear: none;
}
#signIn #signInPanel fieldset#stepOne{
 padding-left: 50px;
 background: url(/images/usa/motivesCosmetics/stepOne.gif) no-repeat 0 10px;
}
#signIn #signInPanel fieldset#stepTwo{
 padding-left: 50px;
 background: url(/images/usa/motivesCosmetics/stepTwo.gif) no-repeat 0 10px;
}
#signIn #signInPanel p{
 margin-left: 33px;
 _width: 300px; /* IE6 hack */
}
#signIn #signInPanel fieldset#stepTwo li{
 width: 300px; /* IE6 hack */
}
#signIn #signInPanel fieldset#stepTwo p{
 float: left;
 clear: both;
 width: 300px;
}
#signIn #signInPanel fieldset#stepTwo label{
 _width: 140px; /* IE6 hack */
 clear: none;
}
#signIn #signInPanel fieldset#stepTwo #inpPassword{
 width: 130px;
 clear: none;
 margin: 0;
}
#signIn #inpNewCust, #signIn #inpRetCust, #signIn #inpTOS, #signIn #googleContacts, #signIn #countrySelectAll{
 border: none;
 width: auto;
 clear: none;
}
#signIn #signInPanel fieldset#tryAgain{
 width: 440px;
}
#signIn #signInPanel fieldset#noThanks{
 width: 440px;
 border: 0;
 padding-right: 10px;
}
#signIn #signInPanel fieldset#noThanks p{
 margin: 28px 25px 0 0;
 clear: none;
 line-height: 27px;
 height: 27px;
 float: left;
}
#signIn #signInPanel fieldset#noThanks input.button{
 margin: 27px 10px 0 0;
 clear: none;
 float: left;
}
#signIn #signInPanel fieldset#tryAgain input{
 margin: 14px 0 8px 0;
}
#signIn #signInPanel fieldset#tryAgain p{
 margin-left: 0;
 width: 300px;
 clear: both;
 margin-top: 1px;
}
#signIn #signInPanel fieldset#tryAgain input.button{
 margin: 12px 0 8px 5px;
 clear: none;
 float: left;
}
#signIn #signInPanel #inpEmail{
 float: left;
 clear: none;
 margin: 0;
}
#signIn #signInPanel .icon.tip{
 margin-left: 5px;
}
#signIn #signInPanel label{
 float: left;
 clear: none;
 width: auto;
 margin: 0 5px 0 5px;
}
#signIn #signInPanel ul{
 list-style: none;
 float: left;
 clear: left;
 display: block;
 padding: 0;
 margin: 0 0 0 15px;
}
#signIn #signInPanel li{
 clear: left;
 float: left;
 margin: 5px 0 5px 0;
}
#signIn #invite{
 float: left;
}
#signIn #invite h2{
 clear: none;
 width: auto;
 display: block;
 float: left;
 line-height: 20px;
 height: 20px;
}
#signIn #invite span.alert{
 margin: 0 0 0 10px;
 float: left;
 clear: none;
}
#signIn #invite div.title{
 width: 100%;
 float: left;
 clear: both;
}
#signIn #invite fieldset{
 width: 960px;
 min-height: 48px;
 float: left;
 clear: both;
 margin: 0 10px 0 0;
}
#signIn #invite textarea{
 border: 1px solid #808080;
 clear: left;
 float: left;
 margin: 0 0 0 5px;
}
#signIn #invite a.icon.addItem{
 margin-left: 10px;
 *clear: both; /* IE6 hack */
 *margin-left: 0; /* IE6 hack */
}
#signIn #invite textarea#inpMessage{
 width: 900px;
 height: 118px;
}
#signIn #bio p, #signIn #bioFull p{
 float: left;
 clear: both;
 display: block;
 margin: 5px 0 10px 0;
 width: 100%;
}
#signIn #bio h2+p, #signIn #bioFull h2+p{
 color: #999999;
}
#signIn .bioImage{
 float: left;
 max-width: 120px;
 max-height: 120px;
 overflow: hidden;
 text-align: center;
 padding: 5px;
}
#signIn #bio .bioText, #signIn #bioFull .bioText{
 float: left;
 clear: right;
 width: 300px;
 margin: 0 0 0 10px;
}
#signIn #bioFull .bioText{
 width: 700px;
}
#signIn > p{
 padding: 50px 0 0 0;
 margin: 0 20px 0 0;
}
#signIn #features ul{
 list-style: none;
 margin: 0 0 5px 0;
 padding: 0;
 text-indent: none;
}
#signIn #features li{
 padding: 10px 0 0 0;
 margin: 0;
 clear: both;
 width: 460px;
 _margin: 0; /* IE6 hack */
}
#signIn #features span{
 height: 49px;
 float: left;
 display: block;
 padding: 0 0 0 10px;
 width: 250px;
 _height: auto; /* IE6 hack */
 _width: 240px; /* IE6 hack */
}
#signIn #features a{ /* this entire declaration is for IE6 */
 clear: none;
 display: block;
 float: left;
 width: 190px;
}
#signIn input, #signIn select{
 margin: 2px 0 0 0;
 border: 1px solid #000000;
 float: left;
 clear: left;
 width: 160px;
 line-height: 22px;
}
#signIn select{
 padding: 2px;
}
#signIn input{
 padding: 1px;
 line-height: 18px;
 height: 18px;
 margin: 0 0 0 5px;
}
#signIn label{
 width: 160px;
 margin: 8px 0 0 5px;
}
#signIn .contentPanel{
 margin: 10px 0 0 0;
}
#signIn .contentPanel#continue{
 background: #111111;
 border: 1px solid #333333;
 height: 64px;
}
#signIn .contentPanel#continue fieldset label{ /* Entire declaration is for IE6 */
 _width: auto;
 _float: left;
 _clear: none;
 _margin-top: 0;
 *width: auto;
 *float: left;
 *clear: none;
 *margin-top: 0;
}
#signIn #referal{,
 width: 465px;
 height: 183px;
 float: left;
 clear: left;
}
#signIn #referal.contentPanel{
 height: auto;
}
#signIn #referal p, #signIn #referal label{ /* Entire ddeclaration is for IE6 */
 _width: 300px;
 _clear: both;
 _float: left;
}
#signIn #personalInfo, #signIn .contentPanel#features{
 width: 465px;
 float: right;
 clear: none;
 margin: 0 31px 0 0;
}
#signIn #chooseUsername, #signIn .contentPanel#bio, #signIn .contentPanel#bioFull{
 width: 465px;
 float: left;
 clear: none;
 margin: 0;
}
#signIn .contentPanel#bioFull{
 width: 900px;
 _width: 900px;
}
#signIn .contentPanel#bio, #signIn .contentPanel#features{
 height: 195px;
}
#signIn #chooseUsername{
 height: 132px;
}
#signIn #chooseUsername div.passwordMin{
 font-size: 11px;
 margin: 0 0 30px 10px;
}
#signIn #errUsername{
 float: left;
 margin: 25px 0 0 0;
}
#signIn #inpFname{
 width: 157px;
 _width: 150px;
}
#signIn label[for="inpLname"], #signIn #inpLname{
 width: 207px;
 _width: 200px;
}
#signIn #inpAdd1, #signIn #inpAdd2{
 width: 431px;
}
#signIn ol{
 list-style: none;
 text-indent: none;
 float: left;
 clear: both;
 margin: 0;
 padding: 0;
 width: 450px;
}
#signIn li{
 float: left;
 clear: none;
 margin: 0;
 padding: 0;
 margin: 0 10px 0 0;
}
#signIn label[for="inpCountry"], #signIn label[for="inpCity"], #signIn label[for="inpState"], #signIn label[for="inpPhone"]{
 width: 165px;
}
#signIn #inpZip{
 width: 81px;
 _width: 41px;
}
#signIn #inpState{
 _width: 120px;
}
#signIn #inpCountry{
 margin-left: 5px;
}
#signIn #personalInfo ol#cityStateZip li, #signIn #personalInfo ol#cityStateZip label{ /* entire declaration is for IE 6 */
 _width: 100px;
 _padding-right: 0;
}
#signIn label[for="inpZip"]{
 width: 72px;
}
#signIn #inpPhone{
 margin: 2px 0 4px 0;
}
#signIn #inpLanguage{
 margin-bottom: 10px;
 margin-left: 5px;
}
#signIn #distSearch{
 width: 950px;
 _width: 937px;
 height: 158px;
 float: left;
 clear: left;
 margin: 0;
 padding-top: 10px;
}
#signIn #distSearch fieldset{
 background-color: #333333;
 border: 1px solid #808080;
 float: left;
 clear: none;
 padding: 10px;
 height: 130px;
 width: 936px;
 text-decoration: none;
}
#signIn #distSearch #cmSearchAddr{
 float: left;
 width: 478;
}
#signIn #distSearch #cmSearchEmail{
 float: right;
 width: 478;
}
#signIn label[for="inpReferEmail"], #signIn #inpReferEmail{
 width: 450px;
 margin: 15px 0 0;
}
#signIn label[for="inpCaptcha"]{
 width: auto;
}
#signIn .captchaImage{
 float: left;
 margin: 10px 0 10px 0;
}
#signIn #wordVerify label{
 width: auto;
}
#signIn #wordVerify fieldset{ /* this entire declaration is for IE6 */
 width: 500px;
}
#signIn #wordVerify a.helpLink{
 font-size: 12px;
}
#signIn #wordVerify a.icon.accessible{ /* this entire declaration is for IE6 */
 _margin-bottom: 10px;
 _clear: both;
}
#signIn  #continue .button, #signIn  #invite .button{
 float: right;
 margin: 16px 20px 10px 0;
 clear: none;
}
#signIn  #continue fieldset, #signIn  #continue p{
 float: right;
 margin: 23px 5px 0 0;
}
#signIn  #continue, #signIn  #wordVerify{
 margin-top: 20px;
}
#signIn .icon.lock{
 margin-top: 10px;
 margin-bottom: 40px;
 float: left;
 clear: both;
 *width: 900px; /* IE 6, IE7 hack */
}
#signIn .contentPanel fieldset{
 border: 0;
 padding: 0;
 margin: 0 0 0 5px;
}
#signIn label, #signIn input{
 float: left;
 clear: left;
}
input.required, select.required{
 background: #FFFBDB;
 border: 1px solid #8AA3C2;
}
.dsp{
 display: block !important;
}
.signInGray{
 background-color: #808080;
}
.viewTemplateTable{
 width: 100%;
 padding: 0px 0px 0px 0px;
}
#processing{
 font-size: 15px;
 font-weight: 700;
 color: red;
 display: none;
}
.maCashShow0{
 display: none;
}
.maCashShow1{
 display: block;
}
.w99Percent {
 width: 99%;
}
.marginMTAProfileBottom {
 margin-bottom: 8px;
}
.marginMTAProfileLeft {
 margin-left: 30px;
}
.floatR {
 float: right;
 position: relative;
}
.floatL {
 float: left;
 position: relative;
}
.arrowASC {
 background: url(/images/usa/arrow_up.gif) no-repeat center;
}
.arrowDESC {
 background: url(/images/usa/arrow_down.gif) no-repeat center;
}
.formTableBG {
 background-color: #262626;
 width: 45%;
 padding: 10px;
}
.formTableBGFull {
 background-color: #262626;
 width: 96%;
 padding: 15px;
}
#container .profileContainer .formTableBGFull input, #container .profileContainer{
 margin: 0 15px 0 0;
}
#container .profileContainer .autoShipImg{
 padding: 30px;
 float: left;
}
#pcProfManager{
 padding: 40px 0 0;
}
#pcProfManager .profEntry div{
 width: 90%;
}
.loginClr {
 clear: left;
 margin: 1px;
}
.profileContainer{
 width: 80%;
 margin: auto 30px !important;
}
.ordHistTable ul{
 float: left;
 margin: 0px;
 padding: 0px;
}
.ordHistTable ul li{
 list-style: none;
 padding: 5px 10px;
}
.ordHistTitle{
 font-size: 16px;
}
.ordHistTable ul li.payoutHeader{
 font-size: 16px;
 width: 220px;
}
.ordHistTable ul li.payoutBalanceContainer{
 background-color: #1C1C1C;
 color: #C97978;
 font-size: 30px;
 height: 60px;
 line-height: 55px;
 text-align: center;
 width: 150px;
}
.ordHistTable ul li.requestPayout{
 text-align: center;
 width: 150px;
 padding-bottom: 45px;
}
.ordHistTable{
 width: 920px;
 margin: 35px 0px 0px 50px;
 padding-bottom: 35px;
}
.mtaLastPayout{
 color: #808080;
}
#detailContainer{
 float: left;
 margin: 5px 0px 15px 50px;
 width: 920px;
 clear: both;
}
#detailContainer #header{
 font-size: 22px;
}
.mtaPayoutStatus0{
 color: #d6807f;
}
.mtaPayoutStatus1{
 color: #7ad645;
}
.mtaShow{
 display: inline;
}
.altRowBg0{
 background: #2d2d2d;
}
.altRowBg1{
 background: #1c1c1c;
}
.underlineText{
 text-decoration: underline;
}
.csArrowASC{
 background: url(/images/usa/arrowWhite_up.gif) no-repeat center;
 text-decoration: none;
}
.csArrowDESC{
 background: url(/images/usa/arrowWhite_down.gif) no-repeat center;
 text-decoration: none;
}
.hdrSignIn{
 float: right;
 padding-right: 10px;
}
#maCashSplash .login{
 position: relative;
 left: 400px;
 top: 190px;
 width: 200px;
 vertical-align: top;
}
#faqs li{
 padding: 0px 0px 5px 30px;
 margin: 5px 0px;
 font: bold 100% "Lucida Grande", verdana, arial, sans-serif;
 color: #fff;
}
.maCashGreenTextBig{
 color: #3F9E40;
 font-weight: bold;
 font-size: 16px;
}
.icoMACashBig{
 background: url(/images/usa/motivesCosmetics/icoMACashBig.gif) no-repeat;
 padding: 12px 0px 12px 60px;
 height: 57px;
 line-height: 57px;
 color: #5DB952;
 font-size: 11px;
 font-weight: bold;
}
.handPointer{
 cursor: pointer;
}
.lblPass{
 width: 150px;
}
span.alertBig span.maCashBig{
 background: transparent url(/images/usa/webPortals/icoMACashBig.gif) 2px 6px no-repeat;
 padding:15px 0px 15px 60px;
 color: #000000;
}
span.alertBig{
 border: 1px solid #D1C75A;
 padding: 15px;
 height: 57px;
 line-height: 57px;
 background: #FFFBC3 url(/images/usa/eng/webPortals/bgAlert.gif) repeat 0 0;
 clear: both;
}
.inviteBtn{
 text-align: center;
 color: #FFFFFF;
 font-size: 12px;
 border-top: 2px solid #999999;
 border-right: 2px solid #333333;
 border-bottom: 2px solid #333333;
 border-left: 2px solid #999999;
 background: #262323 url(/images/usa/motivesCosmetics/bgButton.gif) top repeat-x;
 text-decoration: none !important;
 height: 20px;
}
div#cbBanner{
 position: relative;
 float: left;
 top: 9px;
 left: 16px;
 display: none;
}
#agreements{
 color: #fff;
}
#agreements .agreeWrap{
 color: #000;
 background-color: #fff;
 line-height: 1.64em;
 height: 200px;
 width: 800px;
 padding: 5px 10px 0px 5px;
 overflow: auto;
 position: relative;
 top: 10px;
 left: 30px;
}
#agreements h2{
 color: #fff;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.80em;
 line-height: 1.07em;
}
#agreements .ident1{
 padding-left: 20px;
}
#agreements .ident2{
 padding-left: 40px;
}
#agreements p{
 margin-bottom: -5px;
}
#agreeInstructs{
 height: 160px; width: 920px;
 overflow: auto;
 border: 1px solid #b5b5b5;
 padding: 5px 15px;
}
#headerRight{
 width: auto;
 float: right;
}
#headerRightTop{
 height: 50px;
}
.pageNext1, .pagePrev1{
 background: url(/images/usa/motivesCosmetics/dblArrowRt.gif) left no-repeat;
 width: 16px;
 height: 16px;
 line-height: 12px;
 text-indent: -9999px;
 display: block;
 -moz-outline-style: none;
}
.srchResultsMsg{
 color: #808080;
}
div#srchBoxContainer{
 display: inline;
 margin: 0px 3px 0px 0px;
 padding: 0px;
 float: right;
 position: relative;
 top: 5px;
}
.greyFrmCtrl{
 background: #CCCCCC;
}
div#srchHdrContainer{
 padding: 32px 80px;
 color: #808080;
}
form#search{
 margin: 0px;
 padding: 0px;
}
form#search input {
 margin: 0px;
 padding: 0px;
 width: 120px;
}
div#srchFtrContainer{
 padding: 0px 80px 25px;
 color: #808080;
}
.pagePrev1{
 background: url(/images/usa/motivesCosmetics/dblArrowLt.gif) left no-repeat;
}
.pageNext0, .pagePrev0{
 display: none;
}
.paging{
 clear: both;
 padding: 0px;
 margin-top: 18px;
}
.paging label{
 display: block;
 float: left;
 line-height: 18px;
 margin: 0px;
}
.paging fieldset{
 padding: 0px;
 margin: 0px;
 border: none;
}
.paging select, .paging #jumpTop, .paging #jumpBottom{
 display: block;
 float: left;
 margin: 0px 18px 0px 4px;
}
.paging .linkList{
 padding: 0px 4px;
 line-height: 19px;
}
.paging .linkList li{
 padding: 0px 3px;
 line-height: 12px;
 height: 12px;
 margin: 0px;
 display: block;
 float: left;
}
.paging #jumpTop, .paging #jumpBottom{
 margin-top: 3px;
}
.outOfStock{
 color: #911B25;
 font-size: 11px;
}
.results{
 width: 1000px;
 margin: 0px auto;
 display: block;
 float: none;
 clear: both;
}
.results .product{
 position: relative;
 display: block;
 float: left;
 width: 322px;
 height: 405px;
 min-height: 405px;
 margin: 5px 2px 0px 2px;
 padding: 0px 0px 10px 0px;
 border: 0px solid #333333;
 clear: none;
 text-align: center;
 background: #000000;
}
.results .product.withIBV1{
 height: 405px;
 min-height: 405px;
}
.product a.prodImage{
 display: block;
 float: left;
 width: 230px;
 height: 200px;
 margin: 5px;
 padding: 0px;
 line-height: 200px;
 clear: both;
 overflow: hidden;
 font-size: 1px;
 color: #FFFFFF;
 background: #000000;
}
.product .detail{
 position: relative;
 padding: 0px;
 clear: none;
 display: block;
 width: 230px;
 margin: 0px auto;
}
.product .detail *{
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.product .detail a.desc{
 position: absolute;
 float: left;
 width: 220px;
 max-height: 28px;
 min-height: 28px;
 height: 28px;
 line-height: 15px;
 display: block;
 overflow: hidden;
 margin: 0px 5px;
 padding: 5px;
 border: 1px solid transparent;
 background: #EEEEEE;
 border: 1px solid #CCCCCC;
}
.product .prodImage img{
 vertical-align: middle;
 max-width: 190px;
 max-height: 190px;
 margin: 0px;
 padding: 0px;
}
.product .buttonWrapper{
 background: none;
 z-index: 0px;
 padding-top: 16px;
}
.product .amount{
 display: inline;
 margin: 0px;
 padding: 4px 0px 4px 0px;
 color: #800000;
 font-weight: bold;
 font-size: 14px;
}
img.resize190{
 border: 1px solid #262626;
}
.noResults{
 margin: 0px;
}
.results a:visited{
 color: #CCCCCC;
}
.results a:hover{
 color: #FFFFFF;
}
.search .noResults #searchTips h2{
 font-size: 16px;
 font-weight: bold;
 vertical-align: bottom;
 padding: 0px 0px 0px 25px;
}
.search .noResults #searchTips .hrDashed{
 width: 752px;
}
.search .noResults #searchTips{
 margin: 0px 0px 180px -20px;
}
.search.noResults #searchTips ul{
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
}
.search .noResults #searchTips ul li{
 font-weight: bold;
}
.results .product p{
 margin: 5px 0px;
}
.search .results table {
 width: auto !important;
}
.maCashbackText{
 position: relative;
 top: -4px;
}
a.linkMediumSelected{
 color: #FFFFFF;
 text-decoration: none;
}
select#sortBy, select#numItemsRequested, input#srchProducts{
 background: #CCCCCC;
 font-size: 12px;
}
.search .noResults #suggestedKeywords h2{
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: white;
 font-style: italic;
 display: inline;
}
div #mtgHolder {
 overflow: auto;
 width: 965px;
 line-height: 36px;
 margin: 0px 30px 0px 30px;
 padding: 0 0 30px 15px;
}
div #mtgHeader {
 width: 100%;
 float: left;
 font-size: 26px;
}
div #mtgHeader #mtgTitleDsp {
 color: #FFFFFF;
 font-size: 28px;
 padding: 15px 0 15px 0;
}
div #mtgImg {
 float: left;
 padding-right: 8px;
 width: 45%;
 white-space: nowrap;
}
div #mtgSrch {
 float: left;
 text-align: left;
 width: 50%;
 font-size: 16px;
 padding: 36px 0 0 26px;
}
.nmtssDtlButton {
 background: url(/images/usa/motivesCosmetics/button_detailsNMTSS.gif) no-repeat;
 width: 81px;
 height: 22px;
 border: none;
 vertical-align: text-top;
}
#mtgSrch ul {
 list-style: none;
 float: left;
 display: inline-block;
 padding: 0;
 margin: 0 0 0 10px;
 line-height:12px;
}
#mtgSrch li {
 float: left;
 margin: 5px 0 5px 0;
}
#mtgSrch h2 {
 margin: 0 0 5px 5px;
 padding: 0;
 color: #ffffff;
}
.mtgWhatsThis {
 font-size: 11px;
 color: #666666;
}
.mtgTrainingBtn {
 text-align: center;
 color: #FFFFFF;
 font-size: 14px;
 padding: 2px;
 margin: 8px 0;
 border-top: 2px solid #999999;
 border-right: 2px solid #333333;
 border-bottom: 2px solid #333333;
 border-left: 2px solid #999999;
 background: #262323 url(/images/usa/motivesCosmetics/bgButton.gif) top repeat-x;
 text-decoration: none;
 height: 25px;
}
#mtgPopupFly {
 position: absolute;
 top: 0;
 left: 0;
 width: 440px;
 height: 171px;
 background: url(/images/usa/motivesCosmetics/uiInfoBalloonMd.png) no-repeat top left;
 padding: 30px 30px 10px 20px;
 max-width: 380px;
 margin: 0;
 display: none;
 font-size: 15px;
 text-align: left;
 color: #000000;
 z-index: 100;
}
.mtgHoverPopup {
 display: none;
}
.mtgPopupSizing {
 position: absolute;
 width: 330px;
 height: 100px;
 padding: 0 10px;
 overflow: hidden;
}
#mtgDtlHolder {
 float: left;
 overflow: auto;
 width: 965px;
 line-height: 36px;
 margin: 0px 30px 0px 30px;
 padding: 30px 0 30px 15px;
}
#mtgDtlHeader {
 width: 100%;
 float: left;
 font-size: 26px;
 padding-bottom: 15px;
}
#mtgDtlSpkrHolder {
 float: left;
 padding-right: 8px;
 width: 50%;
 white-space: nowrap;
 vertical-align: text-top;
}
#mtgDtlVenueHolder {
 float: left;
 text-align: left;
 vertical-align: text-top;
 width: 47%;
}
.mtgTrainerHeader {
  font-size: 16px;
}
.mtgTrainerSmall {
  font-size: 14px;
}
#mtgDtlSpkr {
 width: 100%;
 *height: 190px;
 overflow: auto;
}
#mtgDtlSpkr .mtgSpkrImg {
 display: block;
 *display: block;
 float: left;
 width: 32%;
 vertical-align: text-top;
}
#mtgDtlSpkr .mtgSpkrText {
 display: block;
 *display: block;
 float: right;
 text-align: left;
 vertical-align: text-top;
 width: 62%;
 font-size: 16px;
 padding: 0 20px 0 0;
}
#mtgDtlSpkr .mtgSpkrText ul {
 list-style: none;
 float: left;
 display: inline-block;
 *display: inline-block;
 line-height: 20px;
 margin-left: -30px;
 *margin-left: 10px;
}
#mtgDtlVenueInfo {
 overflow: auto;
 width: 100%;
 line-height:30px;
}
#mtgDtlVenueInfo .mtgVenueLabel {
 float: left;
 text-align: left;
 vertical-align: text-top;
 width: 30%;
 font-size: 14px;
}
#mtgDtlVenueInfo .mtgVenueText {
 float: right;
 text-align: left;
 vertical-align: text-top;
 width: 70%;
 font-size: 14px;
}
#mtgTrainingSrch {
 float: left;
 display: inline-block;
 width: 400px;
 line-height: 22px;
}
#mtgTrainingSrch .mtgSrchTopLabel {
 float: left;
 text-align: left;
 width: 75%;
 padding: 20px 0 5px 5px;
}
#mtgTrainingSrch .mtgSrchLabel {
 display: inline-block;
 float: left;
 text-align: right;
 vertical-align: text-top;
 width: 190px;
 font-size: 14px;
}
#mtgTrainingSrch .mtgSrchText {
 display: inline-block;
 float: right;
 text-align: left;
 vertical-align: text-top;
 width: 50%;
}
#mtgDtlTableResults {
 float: left;
 width: 905px;
 display: block;
 padding-bottom: 25px;
}
#mtgDtlTableResults tr.titleRow {
 width: 100%;
 background: #333;
}
#mtgDtlTableResults tr.resultsRows {
 vertical-align: text-top;
 padding: 5px 0 5px 0;
 border: 1px solid #333;
}
#mtgDtlTableResults td.spkrColumn {
 line-height: 4px;
 padding: 3px 0 3px 0;
 *padding: 20px 0 20px 0;
}
#mtgDtlTableResults td.firstColumn {
 padding-left: 8px;
}
#mtgDtlTableResults td.mtgNameColumn {
 text-decoration: underline;
}
#mtgDtlTableResults td.titleRowColumn {
 font-weight: bold;
}
#mtgDtlTableResults td.detailColumn {
 vertical-align: middle;
 padding: 0 0 7px 0;
}
#mtgTrainingSrch .inpZip {
 width: 60px;
}
#ezCartContainerHome{
 position: static;
 height: 96px;
 clear: both;
 top: 0;
 background: url(/images/usa/motivesCosmetics/bottomBar.gif) top left;
 border-top: 10px solid #fff;
 border-bottom: 10px solid #fff;
 margin: 0;
 width: 1020px;
}
#noHomeContainer{
 position: static;
 width: 1000px;
 height: 96px;
 clear: both;
 margin: 10px 0 0 11px;
 top: 0;
 background: #000;
}
#noHomeContainer #socialNetworkLinks{
 clear: both;
 float: right;
 margin: 0px 5px 0px 0px;
 left: -15px;
}
#noHomeContainer #socialNetworkLinks a:hover{
 background-position: bottom;
}
#noHomeContainer #socialNetworkLinks a.fashioncents{
 margin: 27px 3px 0px 3px;
 float: left;
 display: block;
 width: 34px;
 height: 32px;
 background: url(/images/usa/motivesCosmetics/sprSocial.gif) 0px 0px;
 text-indent: -9999px;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
}
#noHomeContainer #socialNetworkLinks a.facebook{
 margin: 27px 3px 0px 3px;
 float: left;
 display: block;
 width: 34px;
 height: 32px;
 background: url(/images/usa/motivesCosmetics/sprSocial.gif) 102px 0px;
 text-indent: -9999px;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
}
#noHomeContainer #socialNetworkLinks a.twitter{
 margin: 27px 3px 0px 3px;
 float: left;
 display: block;
 width: 34px;
 height: 32px;
 background: url(/images/usa/motivesCosmetics/sprSocial.gif) 68px 0px;
 text-indent: -9999px;
}
#noHomeContainer #socialNetworkLinks a.chatterbox{
 margin: 27px 3px 0px 3px;
 float: left;
 display: block;
 width: 34px;
 height: 32px;
 background: url(/images/usa/motivesCosmetics/sprSocial.gif) 34px 0px;
 text-indent: -9999px;
}
#noHomeContainer #socialNetworkLinks a.fashioncents:hover{
 background: url(/images/usa/motivesCosmetics/sprSocial.gif) 0px 32px;
}
#noHomeContainer #socialNetworkLinks a.facebook:hover{
 background: url(/images/usa/motivesCosmetics/sprSocial.gif) 102px 32px;
}
#noHomeContainer #socialNetworkLinks a.twitter:hover{
 background: url(/images/usa/motivesCosmetics/sprSocial.gif) 68px 32px;
}
#noHomeContainer #socialNetworkLinks a.chatterbox:hover{
 background: url(/images/usa/motivesCosmetics/sprSocial.gif) 34px 32px;
}
#ezCartLinks ul{
 position: relative;
 float: right;
 display:block;
 list-style:none;
 margin:15px 0px 0px 0px;
 padding:0px 10px 0px 0px;
}
#ezCartLinks ul li{
 display:inline;
 padding:0 10px;
 margin:0px 0px 5px 0px;
 border-right:1px solid #808080;
}
#ezCartLinks{
 width: auto;
 float: left;
}
.ie7 #ezCartLinks{
 width: 350px;
}
#ezCartShopNow{
 margin: 11px 10px 0px 0px;
 float: right;
}
#ezCartShopNow span{
 padding-right: 7px;
 font-size: 0.92em;
}
#homeSocialNetworkLinks{
 clear: both;
 float: right;
 margin: 0px 5px 0px 0px;
}
#homeSocialNetworkLinks a.fashioncents{
 margin: 27px 3px 0px 3px;
 *margin: 12px 3px 0px 3px;
 float: left;
 display: block;
 width: 34px;
 height: 32px;
 background: url(/images/usa/motivesCosmetics/homeSocial.gif) 0px 0px;
 text-indent: -9999px;
}
#homeSocialNetworkLinks a.facebook{
 margin: 27px 3px 0px 3px;
 *margin: 12px 3px 0px 3px;
 float: left;
 display: block;
 width: 34px;
 height: 32px;
 background: url(/images/usa/motivesCosmetics/homeSocial.gif) 102px 0px;
 text-indent: -9999px;
}
#homeSocialNetworkLinks a.twitter{
 margin: 27px 3px 0px 3px;
 *margin: 12px 3px 0px 3px;
 float: left;
 display: block;
 width: 34px;
 height: 32px;
 background: url(/images/usa/motivesCosmetics/homeSocial.gif) 68px 0px;
 text-indent: -9999px;
}
#homeSocialNetworkLinks a.chatterbox{
 margin: 27px 3px 0px 3px;
 *margin: 12px 3px 0px 3px;
 float: left;
 display: block;
 width: 34px;
 height: 32px;
 background: url(/images/usa/motivesCosmetics/homeSocial.gif) 34px 0px;
 text-indent: -9999px;
}
#homeSocialNetworkLinks a.fashioncents:hover{
 background: url(/images/usa/motivesCosmetics/homeSocial.gif) 0px 32px;
}
#homeSocialNetworkLinks a.chatterbox:hover{
 background: url(/images/usa/motivesCosmetics/homeSocial.gif) 34px 32px;
}
#homeSocialNetworkLinks a.twitter:hover{
 background: url(/images/usa/motivesCosmetics/homeSocial.gif) 68px 32px;
}
#homeSocialNetworkLinks a.facebook:hover{
 background: url(/images/usa/motivesCosmetics/homeSocial.gif) 102px 32px;
}
a.btnShare{
 clear: both;
 float: right;
 display:block;
 height: 30px;
 width: 150px;
 margin-top: 0px;
 /margin-top: 1px;/*IE Hack*/
 position: static;
 background: url(/images/usa/motivesCosmetics/btnShare.gif) no-repeat;
}
.icoMACashExtended{
 background: url(/images/usa/motivesCosmetics/icoMACashbackPlus.gif) no-repeat;
 padding-left: 25px;
}
.maCashExtendedGreenText{
 color: #3F9E40;
 font-weight: bold;
}
.maCashExtendedRedText{
 color: #FF0000;
 font-weight: bold;
}
span.maCashPlusAlert strike{
 color: #856C31;
 text-decoration: line-through;
}
span.maCashPlusAlert span.maCashPlus{
 background: url(/images/usa/motivesCosmetics/icoMACashbackPlus.gif) 2px 2px no-repeat;
 padding-left: 30px;
}
span.maCashPlusAlert{
 border: 1px solid #FFCF5F;
 padding: 2px;
 height: 19px;
 line-height: 19px;
 background: #FFF45F;
 clear: both;
 color: #000000;
 font-weight:bold;
}
/* SLIMBOX */
#lbOverlay {
 position: fixed;
 z-index: 9999;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #000;
 cursor: pointer;
}
#lbCenter, #lbBottomContainer {
 position: absolute;
 z-index: 9999;
 overflow: hidden;
 background-color: #fff;
}
.lbLoading {
 background: #fff url(/images/plugins/slimbox/loading.gif) no-repeat center;
}
#lbImage {
 position: absolute;
 left: 0;
 top: 0;
 border: 10px solid #fff;
 background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
 display: block;
 position: absolute;
 top: 0;
 width: 50%;
 outline: none;
}
#lbPrevLink {
 left: 0;
}
#lbPrevLink:hover {
 background: transparent url(/images/plugins/slimbox/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
 right: 0;
}
#lbNextLink:hover {
 background: transparent url(/images/plugins/slimbox/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 10px;
 color: #666;
 line-height: 1.4em;
 text-align: left;
 border: 10px solid #fff;
 border-top-style: none;
}
#lbCloseLink {
 display: block;
 float: right;
 width: 66px;
 height: 22px;
 background: transparent url(/images/plugins/slimbox/closelabel.gif) no-repeat center;
 margin: 5px 0;
 outline: none;
}
#lbCaption, #lbNumber {
 margin-right: 71px;
}
#lbCaption {
 font-weight: bold;
}
.toolbar{
  background-color:#444444;
  height:28px;
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  z-index:100;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  padding-left:5px;
  padding-top:7px;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity:0.8;
  border-top:1px solid #333333;
  border-color:#333333;
  text-align:left;
 }
 .toolbarcollapse{
  background-color:#444444;
  height:28px;
  position:fixed;
  bottom:0px;
  width:150px;
  right:0%;
  z-index:100;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  padding-left:5px;
  padding-top:7px;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  border-top:1px solid;
  border-left:1px solid;
  border-color:#333333;
 }
#tb_share{
 margin: 0;
}
#tb_share .tbShare{
 display: none;
 padding: 0 0 0 10px;
 text-align: left;
}
#tb_share .min_maxBar{
 float: right;
 display: inline;
 text-align: right;
 cursor: pointer;
 padding: 0 20px 0 0;
 position: absolute;
 right: 5px;
 bottom: 10px;
}
#tBar{
 padding: 0;
}
#tBar .linkImg{
 vertical-align: middle;
 margin: 0 4px 0 0;
}
#minMaxBar{
 float:right;
 display:inline;
 text-align:right;
 cursor:pointer;
 padding-right:20px;
 position:absolute;
 right:5px;
 bottom:10px;
}
.linkPage{
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
 display:inline;
 cursor:pointer;
 text-decoration:underline;
 color:#ffffff;
}
.urlBox{
 border:1px solid #0099FF;
 border-color:#0099FF;
 height:12px;
 background-color:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
}
#currentURL{
 display:inline;
 font-size:11px;
 font-family:Arial, Helvetica, sans-serif;
}
#currentURL .tbURL{
 display: none;
 vertical-align: middle;
}
.addthis_toolbox .custom_hover{
 position:relative;
}
.addthis_toolbox .custom_hover .custom_button{
 font-weight:bold;
 padding:4px;
}
.addthis_toolbox .custom_hover .custom_button.active{
 background-color:#eee;
}
.addthis_toolbox .hover_menu{
 display:none;
 bottom:36px;
 left:5px;
 position:fixed;
 background:#444444;
 z-index:1000;
}
.addthis_toolbox .custom_hover .tower{
}
.addthis_toolbox .hover_menu{
 width:136px;
 padding:10px 0 10px 0;
}
.addthis_toolbox .hover_menu a{
 width:102px;
 padding:4px 0 4px 34px;
 position:relative;
 display:block;
 text-decoration:none;
 color:white;
}
.addthis_toolbox .hover_menu a:hover{
 background:#999999;
 text-decoration:none;
}
.addthis_toolbox .hover_menu span{
 position:absolute;
 left:14px;
 top:4px;
}
.addthis_toolbox .hover_menu .more{
 padding:10px 0 0 0;
 margin:10px 10px 0 10px;
 text-align:center;
}
.addthis_toolbox .hover_menu .more a{
 padding:4px 0;
 margin:0;
}
.addthis_toolbox .hover_menu .more span{
 display:none;
}
.quickLookShadow{
 background: url(/images/usa/motivesCosmetics/shadow.png) no-repeat scroll top left transparent;
 width: 650px !important;
 height: 500px !important;
}
.quickLookShadow iframe{
 margin: 25px 0px 0px 38px;
}
#quickLook a.button{
 width: auto;
 margin-top: 5px;
 margin-bottom: 5px;
}
span.quickLook{
 color:#006600;
 background:#AADDAA;
 padding:4px 10px 4px 8px;
 float:none;
 font-weight:normal;
 position:absolute;
 top:6px;
 left:193px;
 cursor:pointer;
 -moz-border-radius-bottomleft:10px;
 -webkit-border-bottom-left-radius:10px;
}
#quickLook{
 width: 553px;
 height: 445px;
 background: none repeat scroll 0 0 #FFFFFF;
 padding: 5px;
 text-align: left;
 position: relative;
 float: left;
}
#cvvInfo{
 width: 552px;
 height: 400px;
 overflow-x: hidden;
 margin-left: 8px;
}
.cvvInfoShadow{
 background: url(/images/usa/motivesCosmetics/shadow480x369.png) no-repeat scroll top left transparent;
 width: 480px !important;
 height: 369px !important;
}
.cvvInfoShadow iframe{
 margin: 25px 0px 0px 38px;
}
#cvvContent{
 padding: 8px;
 width: 400px !important;
 background: #666;
}
#errorValidation{
 border-collapse: collapse;
 border: 1px solid silver;
 width: 70%;
}
#errorValidation td{
 border: 1px inset silver;
 padding: 4px;
}
.cvvCenter{
 text-align: center !important;
}
h1#srchHdr0{
 font: 18px;
}
h1#srchHdr1{
 display:none;
}
.challengeRespImg{
 border-right: 1px solid #666666;
 border-bottom: 1px solid #666666;
 float:left;
}
#ezHeaderContent{
 display: inline-block;
 margin: 24px 260px 24px 28px;
}
#ezHeaderContent p{
 padding: 0;
 margin: 0 0 15px 0;
 font: normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
span.ezMail{
 color: #549FD3;
 font-size: 22px;
}
#cookieWarning{
 display: none;
 text-align:center;
 width: 50%;
 padding: 5px;
 color: #FF0000;
 border: 1px solid #FF0000;
 background-color: #FDDFED;
 margin: 0 auto;
 margin-bottom: 4px;
 margin-top: 4px;
}
#cookieWarning span{
 font-size: 14px;
 font-weight: bold;
}
#ezHeaderWrap0{
 width: 100%;
 color: #333;
 line-height: 22px;
 background: #FDF5C7 url(/images/usa/motivesCosmetics/ezreg_cashback_dollar.jpg) no-repeat top right;
 border: solid 1px #C4C3A7;
}
#specialCartMsg{
 border-collapse: collapse;
 border: 1px solid silver;
 width: 96%;
}
#specialCartMsg td{
 border: 1px inset silver;
 padding: 4px;
}
.error {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: red;
}
#ccTokenErrors{
 display: none;
}
#ccTokenError1{
 display: none;
}
#ccTokenError2{
 display: none;
}
#ccTokenError3{
 display: none;
}
#ccTokenError4{
 display: none;
}
.prWriteContainer{
 width: 65%;
 margin: 0px auto;
}
.prCustReviews a{
 padding: 100px 0px 5px 10px;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 color: #975A5A;
}
body.customBlendWrap {
 background: #fff url(/images/usa/motivesCosmetics/bg-body-custom-blend.jpg) no-repeat top center;
}
.customBlendWrap #header .freeShipping1{
 width: 1004px;
}
#header.customBlendWrap {
 width: 1004px;
 margin: 0 0 0 10px;
 background: #000;
}
#menu.customBlendWrap {
 margin-left: 0;
 width: 1004px;
}
#container.customBlendWrap {
 background: none;
 width: 1004px;
}
.cbDirections {
 color:#666666;
 font: 11pt Verdana, Arial, Helvetica, sans-serif;
 padding-bottom: 10px;
}
#customBlendWrap p.cbConfirmGreeting{
 width: 400px;
 padding: 10px;
}
#customBlendWrap img.cbConfirmGreeting {
 float: left;
 padding: 10px;
}
#footer.custBlendFooter{
 color: #000;
 border-top: solid 3px #e8743d;
}
#footer.custBlendFooter a{
 color: #000;
 outline: medium none;
 text-decoration: underline;
}
#footer.custBlendFooter a:hover{
 color: #000;
 outline: medium none;
 text-decoration: none;
}
#footer.custBlendFooter a:visited{
 color: #000;
 outline: medium none;
 text-decoration: underline;
}
#footer.custBlendFooter #ezCartContainer, #footer.custBlendFooter #footerLinks{
 background: none;
 filter: none;
}
.cbFeatures {
 color: #666666;
}
.maCashBackCB{
 float: left;
 width: 500px;
 padding: 5px 17px 15px 2px;
}
.shopPartnersCB {
 float:left;
 width: 240px;
 padding: 17px;
}
.cbCashBackAlert {
 display: inline-block;
 width: 650px;
 background: #FBEC87;
 border: solid 1px #E4D771;
 padding: 13px 22px;
 margin-bottom: 1.4em;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 font: 20px;
}
.cbInviteText {
 clear: left;
 float: left;
 display: inline-block;
 border: solid 1px #E7743E;
 padding: 13px 25px;
 margin-bottom: 1.4em;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 font: 18px;
}
#customBlendWrap fieldset {
 border: none;
}
#customBlendWrap fieldset label {
 font-weight: bold;
}
.cbContinueDiv {
 clear: both;
 padding: 15px 10px;
}
hr.cbHeaderRow {
 color: #E7743E;
 background-color: #E7743E;
 width: 560px;
 clear: left;
 border: none;
 margin: 20px 10px 10px 0px;
}
#customBlendWrap {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #333;
 width: 935px;
 margin: 0 auto;
 padding: 40px 0 0 0;
}
#customBlendWrap a {
 color: #333;
}
img#productCustomBlend{
 float: right;
 margin-left: 0px;
 margin-right: 70px;
}
#productCustomBlend .image{
 height: 176px;
 width: 406px;
}
#customBlendWrap h2#findTheMatch{
 display: block;
 background: url(/images/usa/motivesCosmetics/find-the-perfect-match.gif) no-repeat 0 0;
 text-indent: -9999em;
 width: 537px;
 height: 43px;
 margin: 0 0 .6em 0;
 padding: 0;
}
#customBlendWrap h2#createTheBlend{
 width: 480px;
 height: 22px;
 margin: 0 0 1.6em 0;
 padding: 0;
 font-family: Arial, "Courier New", Courier, monospace;
 font-stretch: extra-expanded;
 font-size: 1.8em;
 line-height: 1.4em;
}
#customBlendWrap p.cbSubHead {
 color: #E7743E;
 font: 26px bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding: 0px 0px 10px 10px;
 vertical-align: middle;
}
img#cbCmImage {
 float:left;
 padding-right: 12px;
}
#customBlendWrap h3 {
 font-weight: normal;
 font-size: 1.9em;
 margin: 0 0 0.9em 0;
}
#customBlendWrap h4#yourConsultantWill {
 display: block;
 background: url(/images/usa/motivesCosmetics/your-motives-color-consultant-will.gif) no-repeat 0 0;
 text-indent: -9999em;
 width: 480px;
 height: 22px;
 margin: 0 0 1.2em 0;
 padding: 0;
}
#customBlendWrap h4#findYourConsultantNow {
 width: 478px;
 height: 22px;
 margin: 0 0 1.2em 0;
 padding: 0;
}
#customBlendWrap p {
 display: inline-block;
 width: 515px;
 font-size: 1.2em;
 line-height: 1.4em;
 margin: 0 0 1.6em 0;
}
#customBlendWrap p.intenseParagraph {
 font-size: 1.4em;
}
#customBlendWrap ul#consultantSteps {
 margin: 30px 0 0 15px;
}
#customBlendWrap #requiredExplanation {
 font-size: 1.2em;
 color: #D7885D;
 padding-left: 20px;

 background: url(/images/usa/motivesCosmetics/custom-blend-asterisk.gif) no-repeat 0 2px;
}
#customBlendWrap ul#consultantSteps li {
 font-size: 1.2em;
 list-style-type: none;
 margin: 0 0 1.4em 0;
 padding-left: 1.5em;
 background: url(/images/usa/motivesCosmetics/bullet-custom-blend.gif) no-repeat 0 2px;
}
#customBlendWrap ul, #customBlendWrap li {
 margin: 0;
 padding: 0;
}
.question {
 color: #000;
 list-style-type: none;
 font-size: 2em;
 margin: 10px 0;
 padding: 5px 0 5px 40px;
}
.question1 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-01.gif) no-repeat 0 0
}
.question2 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-02.gif) no-repeat 0 0
}
.question3 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-03.gif) no-repeat 0 0
}
.question4 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-04.gif) no-repeat 0 0
}
.question5 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-05.gif) no-repeat 0 0
}
.question6 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-06.gif) no-repeat 0 0
}
.question7 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-07.gif) no-repeat 0 0
}
.question8 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-08.gif) no-repeat 0 0
}
.question9 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-09.gif) no-repeat 0 0
}
.question10 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-10.gif) no-repeat 0 0
}
.question11 {
 background: url(/images/usa/motivesCosmetics/custom-blend-numbers-11.gif) no-repeat 0 0
}
.answerBlock {
 display: inline-block;
 width: 590px;
 background: #FFF5EE;
 border: solid 1px #F2E2DB;
 padding: 15px 33px 5px 33px;
 margin-bottom: 1.4em;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
#customBlendWrap ul.answerBlockSkinTone {
 display: inline-block;
 width: 590px;
 background: #FFF5EE;
 border: solid 1px #F2E2DB;
 width: 817px;
 padding: 35px 0 0 43px;
 margin-bottom: 1.4em;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
#customBlendWrap ul.answerBlock li {
 font-size: 16px;
 margin-right: 1.3em;
 list-style-type: none;
 padding: 10px 0;
 float: left;
}
#customBlendWrap ul.answerBlockSkinTone li {
 display: inline-block;
 width: 163px;
 height: 120px;
 margin: 0 37px 37px 0;
 text-indent: -9999em;
 list-style-type: none;
 padding: 0;
 float: left;
}
#customBlendWrap ul.answerBlockSkinTone li.rowEnd {
 margin-right: 0;
}
.answerBlockSkinTone .tone1 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-01.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone2 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-02.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone3 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-03.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone4 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-04.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone5 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-05.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone6 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-06.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone7 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-07.jpg) no-repeat 0 0;
 }
.answerBlockSkinTone .tone8 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-08.jpg) no-repeat 0 0;
 }
.answerBlockSkinTone .tone9 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-09.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone10 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-10.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone11 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-11.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone12 {
 background: url(/images/usa/motivesCosmetics/custom-blend-tone-12.jpg) no-repeat 0 0;
}
#customBlendWrap ul.answerBlock li input {
 margin-right: 1.1em
}
#customBlendWrap input.tone {
 margin-right: 8px;
 float: right;
}
input#customBlendContinue {
 background: url(/images/usa/motivesCosmetics/button-continue.jpg) no-repeat 0 0;
 border: 0;
 cursor: pointer;
 display: block;
 width: 177px;
 height: 43px;
 line-height: 0;
 text-indent: -9999px;
}
#customBlendWrap form#registration label {
 display: inline-block;
 width: 200px;
 font-size: 1.2em;
 line-height: 1.8em;
 font-weight: bold;
}
#customBlendWrap form#registration div.customBlendReg {
 margin-bottom: 10px;
}
#customBlendWrap .passwordNote{
 font-size: 10px;
 line-height: 0;
 padding: 0 0 0 205px;
 vertical-align: middle;
}
#customBlendWrap .confirm{
 padding: 10px;
}
#customBlendWrap form#registration label span {
 display: inline-block;
 height: 20px;
 width: 25px;
 vertical-align: middle;
 margin-left: 5px;
 background: url(/images/usa/motivesCosmetics/custom-blend-asterisk.gif) no-repeat;
 font-size: 0;
}
#customBlendWrap form#registration label#human span.labelMeta {
 font-size: 1em;
 font-weight: normal;
 text-align: right;
 background: none;
 width: auto;
 display: inline;
}
#customBlendWrap form#registration input, #customBlendWrap form#registration select {
 font-size: 1.1em;
 width: 225px;
 height: 1.5em;
}
.customBlendInput {
 margin: 10px 0 0 203px
}
.cbRegError {
 text-align: left;
 padding: 15px;
 clear: left;
}
#customBlendWrap form#registration input#termsofservice {
 margin-left: 201px;
 width: auto;
}
#customBlendWrap form#registration label#termscheck {
 float: right;
 font-weight: normal;
 width: 350px;
 margin-right: 350px;
}
#customBlendWrap form#registration input#customBlendSubmit {
 background: url(/images/usa/motivesCosmetics/button-meet-your-color-consultant.png) no-repeat 0 0;
 border: 0;
 cursor: pointer;
 display: block;
 width: 347px;
 height: 43px;
 line-height: 0;
 text-indent: -9999px;
 margin: 15px 0 0 200px;
}
#customBlendWrap p#privacyPromise {
 width: 100%;
 font-size: 1em;
 padding: 20px, 5px;
}
#signInCB ol {
 list-style-type: none;
}
.cbCntuActive {
 background: url(/images/usa/motivesCosmetics/button-continue.jpg) no-repeat 0 0;
 border: 0;
 cursor: pointer;
 margin:0px 10px 10px 200px;
 width: 177px;
 height: 43px;
 line-height: 0;
 text-indent: -9999px;
}
.cbCntuInactive {
 background: url(/images/usa/motivesCosmetics/button-continue-inactive.jpg) no-repeat 0 0;
 border: 0;
 cursor: pointer;
 margin: 0px 10px 10px 200px;
 width: 177px;
 height: 43px;
 line-height: 0;
 text-indent: -9999px;
}
.cbCtnuContainer {
 display: inline-block;
 width: 690px;
 background: #FFFFFF;
 border: solid 1px #E7743E;
 vertical-align: middle;
 width: 817px;
 padding: 15px 20px 0 20px;
 margin-bottom: 1.4em;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
.maCashBackEarn{
 font-size: 2em;
 font-stretch: extra-expanded;
 font-family: Arial, "Courier New", Courier, monospace;
 height: auto;
}
.greetingText{
 color: #808080;
 display: inline;
 font-size: 1.3em;
 line-height: 1.4em;
}
#cbSubHead{
 color: #E7743E;
 font: 26px bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #C05D30;
 padding: 0px 0px 10px 0px;
 vertical-align: middle;
}
.imageHangingIndent{
 float: left;
 margin: 0px 20px 108px 0px;
}
.lineSpaced{
 line-height: 26px !important;
}
#fieldsetWide{
 width: 750px;
 *padding-bottom: 20px;
}
input#customBlendFinished{
 background: url(/images/usa/motivesCosmetics/buttonFinished.jpg) no-repeat 0 0;
 border: 0;
 cursor: pointer;
 display: block;
 width: 177px;
 height: 43px;
 line-height: 0;
 text-indent: -9999px;
}
.confirmText{
 font: 14px Arial, "Courier New", Courier, monospace;
 color: #4D4D4D;
 line-height: 150%;
 display: inline;
}
.confirmSub{
 font: 22px Arial, "Courier New", Courier, monospace;
 color: #333;
}
.matchSub{
 font: 20px monospace, "Courier New", Courier;
 font-stretch: extra-expanded;
 color: #4D4D4D;
 line-height: 130%;
}
.orangeSub{
 font: 14px Arial, "Courier New", Courier, monospace;
 color: #C05D30;
}
.italicText{
 font-style: italic;
}
.icon.addItemCB{
 font: 13px Arial, "Courier New", Courier, monospace;
 color: #4D4D4D;
 background-image: url(/images/usa/motivesCosmetics/icoAddGreen.gif);
 background-repeat: no-repeat;
 background-position: 2px 1px;
 margin-left: 15px;
}
img#productCustomBlendReg{
 float: right;
 margin-right: 70px;
 margin-left: 160px;
 *margin-right: 60px;
 *margin-left: 150px;
}
.customBlendSelect{
 height: 23px !important;
}
#signIn #invite textarea#inpAddresses{
 width: 660px;
 height: 70px;
}
#signIn #distSearchContacts{
 clear: left;
 float: left;
 height: 158px;
 margin-left: -30px;
 padding-top: 10px;
 width: 970px;
}
#signIn #distSearchContacts fieldset{
 background-color: #333333;
 border: 1px solid #808080;
 clear: none;
 float: left;
 height: 130px;
 padding: 10px;
 text-decoration: none;
 width: 936px;
}
#signInContacts ul{
 list-style: none;
}
#signInContacts ul li label{
 width: 100px;
 float: left;
}
#signInContacts ul li img{
 float: left;
 padding: 10px 0;
 height: 30px;
 width: 256px;
}
#signInContacts ul li input{
 float: left;
}
#signInContacts{
 background: #333;
 clear: none;
 padding: 0 10px;
 text-decoration: none;
 margin: -17px 0 0 0;
 width: 381px;
 min-height: 175px;
}
#contactsBook{
 clear: both;
 background: #333;
 color: white;
 margin: 0;
 padding: 0 5px;
 width: 390px;
 height: 470px;
 overflow: auto;
}
#contactsBook ul{
 list-style: none;
 padding: 0 14px;
 margin: 35px 0 0 0;
 width: 350px;
}
#contactsBook ul li:first-child{
 height: 27px;
 vertical-align: middle;
 padding: 4px 0 0 0;
 position: fixed;
 display: block;
 top: 0;
 background: #333;
}
#contactsBook ul li:first-child input[type=text]{
 width: 136px;
 height: 11px;
 float: left;
 margin: 3px 8px 0 6px;
}
#contactsBook ul li:first-child input[type=button]{
 margin: 0 -7px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
 #contactsBook ul li:first-child div{
  margin: -21px 0 0;
}
}
#contactsBook ul li{
 line-height: 18px;
 border-bottom: 1px dashed #ccc;
 padding: 2px 0;
}
#contactsBook ul li label{
 overflow: hidden;
}
#contactsBook ul li div{
 float: right;
}
#signInContacts .outlookContacts ul{
 line-height: 30px;
}
#signInContacts .outlookContacts ul li label{
 width: auto;
}
#signInContacts .outlookContacts ul li input{
 float: none;
}
#signInContacts .outlookInstrSuccess h3{
 margin: 10px 0 10px 25px;
}
#signInContacts .outlookInstrSuccess ul{
 list-style: circle;
 margin: 15px 30px 10px 45px;
 -webkit-padding-start: 0;
}
#signInContacts .outlookInstrSuccess ul li{
 margin: 5px 0;
}
#signIn #continue, #signIn #wordVerify{
 margin-bottom: 10px;
 margin-top: 20px;
}
#signIn label[for="inpTOS"], #signIn #inpTOS, #signIn #googleContacts, #signIn #yahooContacts, #signIn #hotmailContacts, #signIn #outlookContacts, #signIn #countrySelectAll{
 clear: none;
 height: 18px;
 line-height: 18px;
 margin: 0px;
 padding: 0px 5px;
 width: auto;
}
#signIn .newPswd{
 padding: 10px 0 0;
}
#signIn .maaTOS{
 float: left;
 margin: 0 0 5px;
 width: 100%;
}
#signIn .maaInpTOS{
 width: auto;
 margin: 0 10px 0 0;
}
#signIn .btnReset{
 padding: 0 0 15px;
}
#signIn #wordVerifyContacts{
 margin-left: -30px;
}
#welcome{
 color: #808080;
 float: left;
 left: 75px;
 position: relative;
 text-align: center;
 top: 35px;
}
#welcomeUSA{
 color: #808080;
 float: left;
 text-align: center;
 padding: 0 20px;
}
#scaMain{
 background-color: #fff;
 color: #555;
 width: 1000px;
 margin: 0 auto;
 padding: 5px;
}
#scaMain a{
 color: #69f;
}
.clearfix{
 display: inline-block;
}
.clearfix:after{
 clear: both;
}
.scaLine{
 border: none;
 height: 1px;
 color: #ccc;
 background-color: #ccc;
}
.rightSection{
 width: 600px;
}
.grayed{
 color: #999;
 font-size: small;
}
h1.scaHeader{
 font-size: 43px;
 font-weight: thin;
 color: #555;
 font-family: Helvetica,sans-serif;
 text-transform: uppercase;
}
h2.scaHeader{
 font-size: 30px;
 color: #555;
 text-transform: uppercase;
}
h3.scaHeader{
 font-weight: bold;
 font-size: large;
}
.scaColor{
 color: #b66;
}
.scaBorder{
 background-color: #fff;
 border: 2px solid #ccc;
 -moz-border-radius: 15px;
 border-radius: 15px;
}
.scaBtnFinish{
 background-image: url(/images/usa/skinCareAnalysis/scaBtnFinish.gif);
 border: none;
 height: 30px;
 width: 80px;
}
.scaBtnNext{
 background-image: url(/images/usa/skinCareAnalysis/scaBtnNext.gif);
 border: none;
 height: 30px;
 width: 80px;
}
.scaBtnPrevious{
 background-image: url(/images/usa/skinCareAnalysis/scaBtnPrevious.gif);
 border: none;
 height: 30px;
 width: 90px;
}
.scaButton, .scaBtnFinish, .scaBtnNext, .scaBtnPrevious{
 cursor: pointer;
 text-decoration: none;
}
.noTop{
 top: 0 !important;
}
.bluePrintButton{
 background-color: #8af;
 color: #fff !important;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding: 5px 10px;
 line-height: 20px;
 font-weight: bold;
 text-decoration: none;
}
.scaBackground{
 background-image: url(/images/usa/skinCareAnalysis/csSCABackground.jpg);
 background-position: right top;
 background-repeat: no-repeat;
}
.scaAddToCartSelection{
 background-color: #eee;
 text-align: center;
 margin-right: 10px;
}
.lower40{
 margin-top: 40px;
}
input.buttonRed{
 background: #D61B1B url(/images/usa/motivesCosmetics/bgRedButton.gif) repeat-x scroll 0 0;
 margin: 0px;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 height: 30px;
 border-color: #CC0000;
}
input.buttonBlue{
 background: #5BA5B2;
 margin: 0px;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 height: 30px;
 border-color: #5BA5B2;
}
a.buttonRed{
 text-align: center;
 width: 100px;
 color: #FFFFFF;
 font-size: 14px;
 line-height: 18px;
 height: 18px;
 padding: 5px;
 margin: 10px 10px 10px 0px;
 border-top: 2px solid #FF9999;
 border-right: 2px solid #661E1E;
 border-bottom: 2px solid #661E1E;
 border-left: 2px solid #FF9999;
 background: #D61B1B url(/images/usa/motivesCosmetics/bgRedButton.gif) repeat-x scroll 0 0;
 text-decoration: none;
}
a.buttonRed:hover{
 color: #FFFFFF;
 border-top: 2px solid #661E1E;
 border-right: 2px solid #FF9999;
 border-bottom: 2px solid #FF9999;
 border-left: 2px solid #661E1E;
 background: #D61B1B url(/images/usa/motivesCosmetics/bgRedButtonLt.gif) top repeat-x;
 text-decoration: none;
}
#browserAlert{
 text-align: center;
 font-size: 14px;
 line-height: 16px;
 width: 800px;
 padding: 5px;
 color: #000;
 background-color: #FBEC88;
 border: 1px solid #FAD42E;
 margin: 15px auto;
}
#browserAlert a{
 color: #4279A2;
 font-size: 14px;
}
p#topBanner img{
 display: block;
 margin: 0px 150px auto;
}
.centerTable{
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 12px;
 margin-left: auto;
 margin-right: auto;
}
.bodyLoginText{
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: none;
 text-align: left;
 line-height: 14pt;
}
.tableContent{
 background: #fff;
 width: 779px;
}
.tableContent tr.wideTopper{
 background: #fff url(/images/usa/motivesCosmetics/tableWideTop.gif) no-repeat 0px 0px;
}
.tableContent tr.wideFooter{
 background: #fff url(/images/usa/motivesCosmetics/tableWideBottom.gif) no-repeat 0px bottom;
}
.csBlockSprite{
 background-image: url(/images/usa/motivesCosmetics/sprites/csBlockSprite.png)!important;
 background-repeat: no-repeat;
 background-position: top left;
}
.portalExplanation{
 background-position: -138px -60px !important;
 width: 400px !important;
 height: 100px !important;
 display: none;
 left: 0;
 top: 0;
 position: fixed;
 z-index: 100;
}
.portalExplanation .portalExplanationIndent{
 padding: 6px 15px 0 45px !important;
}
.portalExplanation .portalExplanationIndent h2{
 font-weight: 700 !important;
 color: #666 !important;
 font-size: 14px;
 padding-bottom: 6px;
}
.portalExplanation p{
 color: #000;
 padding: 0;
 width: 340px !important;
 font-size: 11px;
 margin: 0;
}
#asHoverContent{
 font-size: 10px;
 margin-top: -16px;
}
.autoShipImage{
 background-image: url(/images/usa/motivesCosmetics/click-here-to-add-to-autoship-portal.png);
 width: 150px;
 height: 120px;
 cursor: pointer;
}
.asButtonVerticalPosition{
 margin-top: -25px;
}
.asCashBackPosition{
 margin-bottom: 30px;
}
.floatLeft{
 float: left;
}
.asButtonHorizontalPosition{
 margin-right: 96px;
}
#autoShip{
 border: solid 7px #EBEBEB;
 height: 540px;
 background-color: #FFFFFF;
 padding: 0px 10px 0px 5px;
 width: 820px;
}
#autoShip #error{
 width: 600px;
 padding-bottom: 5px;
 text-align: center;
 color: #FF0000;
}
#autoShip .asTitleContainer{
 margin-top: 10px;
 height: 60px;
}
#autoShip h1.asTitle{
 color: #000000;
 font: 18px "Trebuchet MS",Verdana,sans-serif;
 width: 90%;
 float: left;
}
#autoShip #asSubTitle{
 color: #000000;
 font: bold 14px "Trebuchet MS",Verdana,sans-serif;
 width: 90%;
 float: left;
}
#autoShip a#asCloseBtn{
 float: right;
 display: block;
 border: 1px solid #666666;
 background: #6C6C6C;
 color: #FFF;
 padding: 2px 6px;
}
#autoShip #asProds{
 min-height: 50px;
 max-height: 160px;
 overflow: auto !important;
 width: 815px;
 background-color: #FFF;
}
#autoShip #asProds #asProdGrid{
 border: none;
 border-left: 1px solid #999999;
}
#autoShip #asProdsHdr #asProdGridHdr td, #autoShip #asProds #asProdGrid td{
 padding: 10px 5px 10px 5px;
}
#autoShip #asProdsHdr #asProdGridHdr td.qtyHdr,
#autoShip #asProdsHdr #asProdGridHdr td.codeHdr,
#autoShip #asProdsHdr #asProdGridHdr td.addHdr,
#autoShip #asProdsHdr #asProdGridHdr td.descHdr,
#autoShip #asProdsHdr #asProdGridHdr td.freqHdr,
#autoShip #asProdsHdr #asProdGridHdr td.costHdr,
#autoShip #asProdsHdr #asProdGridHdr td.blankHdr{
 border-right: solid 1px #999999;
 vertical-align: middle;
 text-align: center;
 color: #000000;
 font-weight: bold;
 background-color: #EBEBEB
}
#autoShip #asProds #asProdGrid td.add,
#autoShip #asProds #asProdGrid td.qty,
#autoShip #asProds #asProdGrid td.code,
#autoShip #asProds #asProdGrid td.desc,
#autoShip #asProds #asProdGrid td.freq,
#autoShip #asProds #asProdGrid td.cost{
 vertical-align: top;
 border-right: solid 1px #999999;
 border-bottom: solid 1px #999999;
 text-align: center;
 color: #000000;
}
#autoShip #asProdsHdr #asProdGridHdr td.qtyHdr{
 border-top: solid 1px #999999;
 border-bottom: solid 1px #999999;
 width: 58px;
}
#autoShip #asProdsHdr #asProdGridHdr td.codeHdr{
 border-top: solid 1px #999999;
 border-bottom: solid 1px #999999;
 width: 120px;
}
#autoShip #asProdsHdr #asProdGridHdr td.addHdr{
 border-top: solid 1px #999999;
 border-bottom: solid 1px #999999;
 border-left: solid 1px #999999;
 width: 59px;
}
#autoShip #asProdsHdr #asProdGridHdr td.descHdr{
 border-top: solid 1px #999999;
 border-bottom: solid 1px #999999;
 width: 288px;
}
#autoShip #asProdsHdr #asProdGridHdr td.freqHdr{
 border-top: solid 1px #999999;
 border-bottom: solid 1px #999999;
 width: 151px;
}
#autoShip #asProdsHdr #asProdGridHdr td.costHdr{
 border-top: solid 1px #999999;
 border-bottom: solid 1px #999999;
 width: 55px;
}
#autoShip #asProdsHdr #asProdGridHdr td.blankHdr{
 border-top: solid 1px #999999;
 border-bottom: solid 1px #999999;
 width: 6px;
}
#autoShip #asProds #asProdGrid td.add{
 width: 59px;
 color: #000000;
}
#autoShip #asProds #asProdGrid td.qty{
 width: 58px;
}
#autoShip #asProds #asProdGrid td.cost{
 width: 55px;
}
#autoShip #asProds #asProdGrid td.code{
 width: 120px;
}
#autoShip #asProds #asProdGrid td.desc{
 width: 288px;
}
#autoShip #asProds #asProdGrid td.freq{
 width: 151px;
}
#autoShip #asProds #asProdGrid td.freq .asFreqSelectArea,
#autoShip #asProds #asProdGrid td.freq .asFreqSelectDate{
 min-height: 25px;
 text-align: left;
 padding: 0px;
 float: right;
 margin-right: 3px;
}
#autoShip #asProds #asProdGrid td.freq .asFreqSelectArea input,
#autoShip #asProds #asProdGrid td.freq .asFreqSelectDate input{
 width: 75px;
 /width: 65px;
 margin: 0px 0px 3px 7px;
 float: right;
}
#autoShip #asProds #asProdGrid td.freq .asFreqSelectArea select{
 width: 79px;
 /width: 69px;
 margin: 0px 0px 3px 7px;
 /margin-right: 3px;
 text-align: center;
}
.asGridFormLabel{
 /display: block;
 /float: left;
}
#autoShip h2.asTerms{
 color: #000000;
 margin: 0;
 padding: 0;
 font: 18px "Trebuchet MS",Verdana,sans-serif;
 line-height: 40px;
}
#autoShip h3.asTerms{
 color: #000000;
 margin-top: -10px;
 padding: 0;
 font: 14px "Trebuchet MS",Verdana,sans-serif;
}
#autoShip .shipNote{
 width: 793px;
 padding: 10px 5px 5px 15px;
 background: #E5E5E5;
 border: 1px solid #999999;
 color: #000000;
 font-weight: bold;
}
.asHighlightedRow{
 background-color: #F5F5F5;
}
#autoConfirm{
 height: 540px;
 background-color: #FFFFFF;
 border: solid 7px #EBEBEB;
 padding: 0px 10px 0px 5px;
 width: 820px;
}
#autoConfirm h1.confTitle{
 width: 820px;
 color: #000000;
 text-align: center;
 font: bold 20px "Trebuchet MS",Verdana,sans-serif;
}
#autoConfirm h2.confText{
 width: 820px;
 color: #000000;
 text-align: center;
 padding: 10px 0px 30px 10px;
 font: 18px "Trebuchet MS",Verdana,sans-serif;
 color: #000000;
 line-height: 28px;
}
#autoConfirm .confButtons{
 text-align: center;
 height: 20px;
}
#autoConfirm .confImage{
 background: url(/images/usa/motivesCosmetics/mAutoShipLogoBig.gif) no-repeat right;
 margin-top: 80px;
 float: center;
 height: 65px;
 width: 550px;
 color: #000000;
 padding-bottom: 30px;
}
#autoConfirm .mostRecent{
 font: bold 20px "Trebuchet MS",Verdana,sans-serif;
 text-align: center;
 padding-top: 30px;
 padding-right: 10px;
}
#autoShip .agreeSection{
 height: auto;
 padding-top: 15px;
 width: 350px;
}
#autoShip #asPayColumn{
 margin-top: 5px;
 padding: 0 15px 10px 15px;
 float: right;
 left: 7px;
 line-height: 15px;
 width: 430px;
 background-color: #F5F5F5;
}
#autoShip #asPayAgree{
padding-top: 5px;
}
#autoShip .agreeBox{
 width: 450px;
 float: right;
 color: #000;
}
#autoShip .agreeCheckBox{
 float: right;
 width: 450px;
 color: #000;
 margin-top: 5px;
 margin-bottom: 10px;
}
#autoShip .agreeCheckBoxImage{
 background: url(/images/usa/motivesCosmetics/mAutoShipLogoBig.gif) no-repeat right;
 float: right;
 height: 60px;
 width: 300px;
 color: #000;
}
#autoShip .agree{
 width: 300px;
 float: left;
 line-height: 25px;
}
#autoConfirm a#asCloseBtn{
 float: right;
 display: block;
 border: 1px solid #666666;
 background: #6C6C6C;
 color: #FFFFFF;
 padding: 2px 6px;
 margin-top: 10px;
}
a.autoCartButton{
 text-align: center;
 color: #fff;
 font-size: 12px;
 border-top: 2px solid #999;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 border-left: 2px solid #999;
 background: #262323 url(/images/usa/motivesCosmetics/bgButtonLg.gif) top repeat-x;
 text-decoration: none;
 padding: 5px;
 font-weight: bold;
 width: 125px;
}
a.autoCartButton:active{
 border-bottom: 2px solid #999999 !important;
 border-left: 2px solid #000000 !important;
 border-top: 2px solid #000000 !important;
 border-right: 2px solid #999999 !important;
 padding: 5px !important;;
 width: 125px;
}
a.autoAddNewCard{
 margin-left: 5px;
 text-align: center;
 background: #CCCCCC;
 width: 90px;
 padding: 5px 5px;
 color: #000000;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 border-top: 2px solid #FFFFFF;
 border-right: 2px solid #999999;
 border-bottom: 2px solid #999999;
 border-left: 2px solid #FFFFFF;
}
a#asAdCCDeleteInv{
 color: #000;
}
#asADWrapper{
 padding: 0 0 0 15px;
 width: 775px;
}
.adAutoShipLineHd{
 text-align: right;
 font-weight: bold;
 color: #000;
 font-size: 12px;
}
.adAutoShipLineDetail{
 font-weight: bold;
 color: #000;
 font-size: 12px;
}
.adAutoShipSubHd{
 font-weight: bold;
 color: #000;
 font-size: 14px;
}
#adAutoShip{
 padding: 10px 0 0 5px;
 width: 99%;
}
#asADPageContent{
 width: 800px;
 top: 0;
 clear: both;
 margin: 0 0 10px 0;
 padding: 5px 0 0 0;
}
#asADPageContent textarea.terms{
 width: 670px;
 height: 40px;
}
#adAutoShip #asCurrProds{
 margin: 15px 0 5px 0;
}
#adAutoShip .billShipAddr{
 margin-top: 8px;
}
#adAutoShip .billShipHead{
 margin-bottom: 15px;
}
#asPayProfile #asADCCAdd{
 color: #003366;
 font: bold 12px Arial,Helvetica,sans-serif;
}
#asPayProfile #asQECCAdd .card{
 margin: 0 5px 2px 0;
}
#asPayProfile #asCCAdd{
 width: 155px;
}
#asPayProfile #ccExpMoAdd, #frmPCode{
 width: 75px;
}
#asPayProfile #ccExpYrAdd{
 width: 65px;
}
#asPayProfile #asQECCAddProc{
 margin: 8px 0 25px 0;
 padding: 15px 0 5px 73px;
}
#asPayProfile #ccToken{
 width: 200px;
}
#asPayProfile #asADCCSelect{
 margin: 8px 0 0 0;
 color: #000;
}
#asPayProfile #asADCCSelect .adManage{
 margin: 8px 0 0 0;
 color: #fff;
 font-family: "Trebuchet MS",Verdana,sans-serif;
}
a#asAdCCDelete .adManage{
 color: #000;
}
#frmSubErrors{
 margin: 5px 0 0 0;
 text-align: center;
}
#geoName{
 text-align: center;
 margin: 5px 0 8px;
}
#adAutoShip #asADProds .asADGridWrapper, #adAutoShip #asADRecProds .asADGridWrapper{
 width: 100%;
}
#adAutoShip .asADGridWrapper td{
 padding: 4px 0 3px 3px;
}
#adAutoShip .asADGridWrapper td.add{
 width: 50px;
 text-align: center;
 vertical-align: text-top;
 white-space: nowrap;
 border-color: #ccc;
 border-width: 1px 1px 0 1px;
 border-style: solid;
}
#adAutoShip .asADGridWrapper td.qty{
 width: 30px;
 vertical-align: top;
 text-align: center;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip .asADGridWrapper td.qty input{
 width: 18px;
 text-align: center;
}
#adAutoShip .asADGridWrapper td.qtyHdr{
 width: 30px;
 text-align: center;
 color: #fff;
 font-weight: bold;
}
#adAutoShip .asADGridWrapper tr.remove{
 background-color: #f5f5f5;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
 color: #000;
}
#adAutoShip .asADGridWrapper td.code{
 width: 60px;
 vertical-align: top;
 text-align: center;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip .asADGridWrapper td.codeHdr{
 width: 60px;
 text-align: center;
 color: #fff;
 font-weight: bold;
}
#adAutoShip .asADGridWrapper td.desc{
 vertical-align: top;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip .asADGridWrapper td.descHdr{
 white-space: nowrap;
 color: #fff;
 font-weight: bold;
}
#adAutoShip .asADGridWrapper td.freq{
 width: 150px;
 white-space: nowrap;
 text-align: right;
 padding: 0 3px 0 0;
 vertical-align: top;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip .asADGridWrapper td.freqHdr{
 width: 150px;
 white-space: nowrap;
 color: #fff;
 font-weight: bold;
 padding: 0 5px 0 5px;
}
#adAutoShip .asADGridWrapper td.freq input{
 width: 80px;
 margin: 0 0 3px 0;
}
#adAutoShip .asADGridWrapper td.freq select{
 width: 84px;
 margin: 0 0 3px 0;
}
#adAutoShip .asADGridWrapper td div{
 text-align: right;
}
#adAutoShip .asADGridWrapper td div.other{
 display: none;
}
#adAutoShip .asADGridWrapper td.cost{
 width: 70px;
 text-align: right;
 vertical-align: top;
 padding: 0 2px 0 0;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip .asADGridWrapper td.costHdr{
 width: 70px;
 color: #fff;
 text-align: center;
 font-weight: bold;
}
table#asADFreqGrid{
 width:500px !important;
 border-bottom:1px solid #ccc !important;
}
table#asADFreqGrid tr td.minBdr{
 border-right: 0 !important;
}
#adAutoShip #asCurrProdsFt{
 border-top: 1px solid #ccc;
 padding: 5px;
 text-align: center;
 background-color: #444;
 color: #fff;
 height:50px;
 margin: 0 0 5px 0;
}
#frmSubSpinner{
 margin: 10px 0 5px 0;
}
#asBillProfile{
 width: 300px;
 float: left;
}
#asShipProfile{
 width: 300px;
 float: left;
}
#adAutoShip h1.asADTitle{
 color: #fff;
 font: bold 14px Arial,Helvetica,sans-serif;
 padding: 0 0 5px 0;
}
#asShipProfileEdit{
 margin: 0 0 20px 0;
 clear: both;
 border: 1px solid #ffffff;
 padding: 5px 5px 10px 5px;
}
#asShipProfileEdit #frmSubErrors{
 margin: 5px 0 0 0;
 text-align: center;
}
#closeX{
 background-color: #7d7d7d;
 border: 2px solid #7d7d7d;
 color: #fff;
 padding: 2px 4px;
 font-weight: bold;
 cursor: pointer;
}
#closeX:hover{
 border-color: #7d7d7d;
 color: #fff;
}
#adAutoShip #asTermsSubmit div{
 padding: 5px 0 0 0;
}
#adAutoShip #asTermsCancel div{
 padding: 5px 0 0 0;
}
.right{
 float: right;
}
.thinTableBorder{
 border: 1px solid #ccc;
 background-color: #fff;
}
#adAutoShip .asPrdHdr td{
 background: #fff none repeat scroll 0 0;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 padding: 5px;
 height: 25px;
 vertical-align: middle;
 font-size: 12px;
}
#adAutoShip .asPrdHdrGray td{
 background: #444 none repeat scroll 0 0;
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 padding: 5px;
 height: 25px;
 vertical-align: middle;
}
#adAutoShip #asADProds #asADProdGrid{
 width: 100%;
}
#adAutoShip .asPrdDetail td{
 background: #e2e2e2;
 padding: 5px;
 height: 25px;
 vertical-align: middle;
 font-size: 12px;
}
#adAutoShip #asADProds #asADProdGrid td{
 padding: 2px 0 3px 3px;
}
#adAutoShip #asADProds #asADProdGrid td.add{
 width: 50px;
 text-align: center;
 vertical-align: text-top;
 white-space: nowrap;
 border-color: #ccc;
 border-width: 1px 1px 0 1px;
 border-style: solid;
}
#adAutoShip #asADProds #asADProdGrid td.qty{
 width: 30px;
 vertical-align: top;
 text-align: center;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip #asADProds #asADProdGrid td.qty input{
 width: 18px;
 text-align: center;
}
#adAutoShip #asADProds #asADProdGrid td.qtyHdr{
 width: 30px;
 text-align: center;
 color: #fff;
 font-weight: bold;
}
#adAutoShip #asADProds #asADProdGrid tr.remove{
 background-color: #f5f5f5;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
 color: #000;
}
#adAutoShip #asADProds #asADProdGrid td.code{
 width: 60px;
 vertical-align: top;
 text-align: center;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip #asADProds #asADProdGrid td.codeHdr{
 width: 60px;
 text-align: center;
 color: #fff;
 font-weight: bold;
}
#adAutoShip #asADProds #asADProdGrid td.desc{
 width: auto;
 vertical-align: top;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip #asADProds #asADProdGrid td.cost{
 width: 70px;
 text-align: right;
 vertical-align: top;
 padding: 0 2px 0 0;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
#adAutoShip #asADProds #asADProdGrid td.descHdr{
 width: auto;
 white-space: nowrap;
 color: #fff;
 font-weight: bold;
}
#adAutoShip #asADProds #asADProdGrid td.freqHdr{
 width: 150px;
 white-space: nowrap;
 color: #fff;
 font-weight: bold;
 padding: 0 5px 0 5px;
}
#adAutoShip #asADProds #asADProdGrid td.costHdr{
 width: 70px;
 color: #fff;
 text-align: center;
 font-weight: bold;
}
#adAutoShip #asADProds #asADProdGrid td.freq{
 width: 150px;
 white-space: nowrap;
 text-align: right;
 padding: 0 3px 0 0;
 vertical-align: top;
 border-color: #ccc;
 border-width: 1px 1px 0 0;
 border-style: solid;
}
.adAutoShipGray{
 font-weight: bold;
 color: #a4a4a4 !important;
 font-size: 12px;
}
#adAutoShip .asPrdRows td{
 margin: 0;
}
#adAutoShip #asADProds #asADProdGrid td.freq input{
 width: 80px;
 margin: 0 0 3px 0;
}
#adAutoShip #asADProds #asADProdGrid td.freq select{
 width: 84px;
 margin: 0 0 3px 0;
}
#adAutoShip #asADProds #asADProdGrid td div{
 text-align: right;
}
#adAutoShip .tabShow{
 margin: 0;
 text-align: center;
 z-index: 1;
}
#adAutoShip .tabShow a{
 padding: 5px;
 text-align: center;
 display: inline;
 background-color: #e2e2e2;
 color: #000;
 text-decoration: underline;
}
#adAddress .label{
 text-align: right;
}
#asPayProfile{
 clear: both;
}
.displayInline0, .displayBlock0{
 display: none !important;
}
.displayInline1{
 display: inline;
}
.displayBlock1{
 display: block;
}
#asLink{
 position: relative;
 top: 9px;
 left: 9px;
}
#TB_window{
 z-index: 9999;
}
#asAddWrapper{
 position: absolute;
 left: 0;
 top: 0;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 overflow: scroll;
 background-color: #fff;
 color: #000 !important;
}
#asAddPageContent{
 width: 540px;
 max-width: 540px;
 padding: 0 0 50px 10px;
}
#addAutoShip{
 width: 99%;
 min-height: 370px;
 background-color: #fff;
 padding: 0 0 0 5px;
}
#addAutoShip h2.asADTerms{
 color: #000;
 margin: -10px 0 0 0;
 font: bold 14px Arial,Helvetica,sans-serif;
}
#addAutoShip .terms{
 width: 90%;
}
#addAutoShip #asTermsSubmit div{
 padding: 5px 0 0;
}
#addAutoShip h1.asADTitle{
 color: #000;
 font: bold 14px Arial,Helvetica,sans-serif;
 margin-bottom: 3px;
}
#addAutoShip #asShipProfile{
 width: 255px;
 float: left;
}
#addAutoShip #asBillProfile{
 width: 275px;
 float: left;
}
#addAutoShip #asShipProfile select, #addAutoShip #asBillProfile select{
 max-width: 225px;
}
#addAutoShip #asShipProfileEdit{
 margin: 10px 10px 20px 0;
 clear: both;
 border: 1px solid #369;
 padding: 5px 5px 10px 5px;
 position: relative;
 top: 5px;
}
#addAutoShip #asAddProd dt{
 font-size: 18px;
}
#addAutoShip #asAddProd dd{
 font: bold 12px Arial,Helvetica,sans-serif;
 position: relative;
 left: -40px;
 font-style: italic;
 font-weight: normal;
}
#addAutoShip #asAddProd dd span{
 color: #000;
}
#addAutoShip #asAddProd ul{
 list-style: none;
 margin: 15px 10px 5px 3px;
 padding: 5px;
 background-color: #e3e3e3;
}
#addAutoShip #asAddProd h4{
 list-style: none;
 margin: 3px 10px 10px 4px;
}
#addAutoShip .asADFootImage{
 float: right;
 position: relative;
 left: -15px;
 top: -10px;
}
#addAutoShip #asAddProd li{
 margin: 8px 0;
}
#addAutoShip #asAddProd li label{
 float: left;
 width: 100px;
 font: bold 12px Arial,Helvetica,sans-serif;
}
#addAutoShip #adAddress label{
 width: 75px;
}
#addAutoShip #asAddProd ul input{
 width: 15px;
}
#addAutoShip #asAddProd ul input.asToggleFreq{
 width: 30px;
}
#addAutoShip #asAddProd ul input.datepicker{
 width: 70px;
}
#addAutoShip #asAltTermsSubmit{
 margin: 20px 0 0 20px;
}
#addAutoShip #asAddProd li span{
 font-weight: bold;
 margin: 8px 0;
}
#addAutoShip a.cancel{
 margin: 0 0 0 30px;
}
#asAddPageContent #closePage{
 background-color: #7d7d7d;
 border: 2px solid #7d7d7d;
 cursor: pointer;
 font-weight: bold;
 padding: 2px 4px;
 margin: -10px 2px 0 0;
 /margin: 0 2px 0 0;
}
#asAddPageContent #closePage a{
 color: #000;
}
#asAddPageContent h1.pageTitle{
 background: url(/images/usa/motivesCosmetics/mAutoShipLogoSM.gif) no-repeat scroll top left;
 display: block;
 min-height: 35px;
 max-width: 170px;
 margin-top: 10px;
}
#asAddConfirm{
 width: 95%;
 text-align: center;
}
#asAddConfirm h2{
 color: #529ed4;
 font: bold 20px Arial,Helvetica,sans-serif;
 margin-top: 100px;
 text-align: center;
}
#asAddConfirm h3{
 color: #000;
 font: bold 16px Arial,Helvetica,sans-serif;
 padding: 10px 0 30px 10px;
 text-align: center;
}
#asAddConfirm .confButtons{
 height: 20px;
}
#asAddPageContent.confirm{
 height: 500px;
 left: 0;
 padding: 0 15px;
}
#addAutoShip a{
 color: #5d5d5d;
 font-size: 10px;
}
#frmSubButtons{
 text-align: center;
}
#frmSubSpinner{
 margin: 10px 0 5px 0;
 text-align: center;
}
#asShipProfileEdit #frmSubErrors{
 margin: 5px 0 0 0;
 text-align: center;
}
#addAutoShip .asButtonText{
 color: #fff;
 font-weight: bold;
 font-size: 12px;
}
#quickAdd{
 border: 1px solid #ccc;
 color: #000;
 padding: 0px;
 margin: 0px auto;
}
#quick{
 border-right: 1px solid #ccc;
 height: 525px;
 padding: 5px;
 text-align: left;
 width: 180px;
}
#quick .product{
 display: block;
 max-width: 180px;
 max-height: 180px;
 margin: 0 auto 5px auto;
 border: 0px;
}
#quickDetails{
 width: 65%;
 padding: 0;
 position: relative;
}
#quickDetails .closeWindow{
 position: absolute;
 cursor: pointer;
 top: 0px;
 right: 0px;
 width: 10px;
 height: 10px;
 line-height: 10px;
 outline: none;
 text-indent: -9999px;
 background: url(/images/usa/motivesCosmetics/close.gif);
}
#quickLook #quick .amount{
 color: #c00;
 font-size: 130%;
 font-weight: 700;
}
#quickProductTitle h2{
 color: #000;
}
#quickText{
 height: 310px;
 overflow: scroll;
}
#scaMain .scaQHighlight1{
 background-color: #ffc;
}
#scaMain .width90{
 width: 90%;
}
#scaMain .valueSize{
 width: 100px;
 height: 200px;
}
#scaMain .lower90{
 margin-top: 90px;
}
#scaMain .valueKitSize{
 max-width: 200px;
 max-height: 200px;
}
#scaMain .valueKitArea{
 width: 500px;
}
#scaMain .kitCatDesc{
 width: 390px;
}
.hideCustManagerSearch{
 display: none !important;
}
.increasedCashback{
 height: 25px;
 white-space: nowrap;
 width: auto;
 padding: 9px 5px 9px 45px;
 background: #ff6 url(/images/usa/motivesCosmetics/iconIncreasedCashback.png) no-repeat scroll 7px 50% !important;
 background: #ff6 url(/images/usa/motivesCosmetics/iconIncreasedCashback.gif) no-repeat scroll 7px 50%;
 color: #063;
 display: inline;
 font: bold 12px/50px arial;
}
.increasedCashback .maCashOld{
 color: #856C31;
 text-decoration: line-through;
}
/*Skin Care Analysis EZ Reg*/
#scaEZReg{
 background: url(/images/usa/skinCareAnalysis/ez-reg-header.jpg) #fff no-repeat;
 border: 5px solid #999;
 color: #000;
 height: 500px;
 width: 380px;
}
#scaEZReg div.thickboxClose{
 background: #fff;
 border-bottom: thin solid #ccc;
 border-left: thin solid #ccc;
 float: right;
 padding: 0 0 5px 5px;
}
#scaEZReg div.thickboxClose a{
 text-decoration: none;
}
#scaEZReg div.thickboxClose a span.x{
 color: #000;
 font-weight: bold;
}
#scaEZReg p.scaInfo{
 margin: 80px 0 20px 0;
}
#scaEZReg a{
 color: #8ae;
}
#scaEZReg p{
 padding: 0 10px;
}
#scaEZReg #emailText{
 margin: 0 20px 0 10px;
}
#scaEZReg #email{
 width: 200px;
}
#scaEZReg #continueLink{
 margin: 0 0 0 120px;
}
#scaEZReg p.disclaimer{
 color: #aaa;
}
#scaMain div.error{
 padding: 10px;
}
#scaMain .disclaimer{
 padding: 10px;
}
#scaMain div.questionnaire{
 padding: 0 0 0 20px;
}
#scaMain fieldset.questionSet{
 padding: 20px;
}
#scaMain div.directions{
 padding: 0 0 0 20px;
}
#scaMain div.directions h3{
 padding: 20px 0 0 0;
}
.carousel{
 position: relative;
 left: 11px;
}
.carousel a.button{
 float: right;
}
.carousel .wrapper{
 background: #000;
 height: 135px;
 width: 1000px;
 margin: 0 auto;
 overflow: hidden;
}
.carousel ul{
 list-style: none;
 margin: 0;
 padding: 0 1px;
 height: 135px;
}
.carousel li{
 float: left;
 height: 135px;
 width: 325px;
 padding: 0 1px 0;
 overflow: hidden;
}
.carousel li a{
 display: block;
 height: 135px;
 line-height: 135px;
 text-align: center;
}
.carousel li a img{
 vertical-align: middle;
}
.ie6 .carousel li a img, .ie7 .carousel li a img{
 margin: 5px 0 0 0;
}
.carousel a.prev, .carousel a.next{
 background: url(/images/usa/motivesCosmetics/category-slider-arrow-left.png) no-repeat 0 0;
 display: none;
 height: 135px;
 position: absolute;
 bottom: -4px;
 left: 0;
 width: 48px;
 z-index: 2;
 text-indent: -9999px;
}
.ie6 .carousel a.prev, .ie6 .carousel a.next{
 bottom: 460px;
}
.carousel a.next{
 background: url(/images/usa/motivesCosmetics/category-slider-arrow-right.png) no-repeat 0 0;
 display: block;
 left: auto;
 right: -1px;
}
/*Header Banner*/
#header .noBanner, #header .freeShipBanner, #header .autoShipBanner, #header .autoShipFreeBanner{
 clear: both;
 display: block;
 height: 48px;
 border-top: 10px solid #fff;
 border-bottom: 10px solid #fff;
 margin: 0;
 width: 1020px;
}
#header .noBanner{
 visibility: hidden;
}
#header .freeShipBanner{
 background: url(/images/usa/motivesCosmetics/shippingBanners/free-shipping-banner.jpg) no-repeat scroll left top transparent;
}
#header .autoShipBanner{
 background: url(/images/usa/motivesCosmetics/shippingBanners/auto-shipping-banner.jpg) no-repeat scroll left top transparent;
}
#header .autoShipFreeBanner{
 background: url(/images/usa/motivesCosmetics/shippingBanners/both-shipping-banner.jpg) no-repeat scroll left top transparent;
}
/*Header Mini Cart*/
#miniCartMenu ul.freeShippingBadge{
 display: block;
 width: 182px;
 height: 60px;
 margin: 0 0 0 6px;
 font: 12px Arial, "MS Trebuchet", sans-serif;
 background: #262626 none;
 border-bottom: 1px none #fff;
}
#miniCartMenu ul.freeShippingBadge:hover{
 cursor: pointer;
}
#miniCartMenu li.products{
 background: none repeat scroll 0 0 transparent;
 list-style: none;
}
#miniCartMenu li strong{
 font: bold;
}
#miniCartMenu li.freeShippingImg{
 display: block;
 background: url(/images/usa/motivesCosmetics/freeShipping/free-shipping-small.png) no-repeat scroll left top transparent;
 width: 61px;
 height: 36px;
 margin: 15px 0 0 -35px;
 padding: 0;
 float: left;
}
#miniCartMenu li.freeShippingTxt{
 background: none repeat scroll 0 0 transparent;
 width: 150px;
 height: 25px;
 margin: 13px 0 0 6px;
 padding: 0;
 list-style: none;
 font: 10px Arial, "MS Trebuchet", sans-serif;
 float: left;
}
#miniCartMenu li.freeShippingTxt strong{
 font: 11px Arial, "MS Trebuchet", sans-serif;
 color: #d68080;
}
#miniCartMenu li.freeShippingTxt span.freeShipMet1{
 display: none;
}
#miniCartMenu li.freeShippingTxt span.freeShipMet0{
 display: inline;
}
#miniCartMenu li.freeShippingBott{
 border-bottom: 1px solid #999;
 clear: both;
 width: 200px;
 height: 15px;
 display: block;
 margin: 0 0 0 -30px;
}
/*Product Detail Page*/
#productDetailLayout div#contentArea{
 padding: 100px 100px 200px 100px;
}
#productDetailLayout div.nsAlertBox{
 padding: 40px;
}
#productDetailLayout div.hdrMnu{
 width: 990px;
 margin: 0 0 0 15px;
 height: 1px;
 background: url(/images/usa/motivesCosmetics/bread-crumb-line.png) repeat top fixed;
 clear: both;
}
#productDetailLayout .prodDetail{
 top: 15px;
}
#productDetailLayout .priceLine{
 margin: 2px 0 5px 0;
}
#productDetailLayout .maCashShow0{
 display: none;
}
#productDetailLayout .maCashShow1{
 display: inline;
}
#productDetailLayout .price{
 font: bold 16px "Trebuchet MS", Verdana, sans-serif;
 color: #f00;
 padding: 0;
}
#productDetailLayout .maCashBuck{
 background: transparent url(/images/usa/motivesCosmetics/icoMACash.gif) 0 0 no-repeat;
}
#productDetailLayout .maCashBuckText{
 color: #3f9e40;
 font: bold 12px;
}
#productDetailLayout .maCashBuckDisp{
 margin: 0 0 0 5px;
 padding: 0 0 0 23px;
}
#productDetailLayout .prodTxt{
 top: -15px;
 left: 0;
}
#productDetailLayout .quantity{
 padding: 0 0 0 5px;
}
#productDetailLayout form#addToCart input.button{
 margin: -5px 0 10px;
}
#productDetailLayout input.button.large.red{
 font-size: 16px;
 padding: 6px !important;
 width: 150px !important;
 height: auto !important;
 line-height: auto !important;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
#productDetailLayout .productDesc{
 margin: 0 0 5px 0;
 display: block;
}
#productDetailLayout form#addToCart{
 width: 260px;
}
#productDetailLayout input#productQuantity{
 background: #fff none repeat scroll 0 0;
 border: 0 none;
 font-size: 12px;
 height: 16px;
 line-height: 12px;
 margin: 5px 10px 0 0;
 padding: 0;
 width: 20px;
}
#productDetailLayout a.btnAddCart{
 background: url(/images/usa/motivesCosmetics/btn-add-to-cart.gif) no-repeat 0 0;
 display: block;
 height: 40px;
 width: 160px;
 margin: 0 0 0 110px;
 position: relative;
 top: -5px;
}
.ie7 #productDetailLayout a.btnAddCart{
 top: -30px;
}
#productDetailLayout a.btnAddCart:hover{
 background: url(/images/usa/motivesCosmetics/btn-add-to-cart.gif) no-repeat 0 -40px;
}
#productDetailLayout .shipQual0{
 display: none;
}
#productDetailLayout .shipQual1{
 background: transparent url(/images/usa/motivesCosmetics/freeShipping/free-shipping-prod.png) no-repeat scroll left;
 display: block;
 width: 370px;
 height: 43px;
 padding: 0;
 margin: 10px 0 15px 5px;
 list-style: none;
 border-bottom: 1px solid #4b2d2d;
 border-top: 1px solid #4b2d2d;
 color: #d68080;
 font: 10px Arial, "MS Trebuchet", sans-serif;
}
#productDetailLayout ul.shipQual1:hover{
 cursor: pointer;
}
#productDetailLayout .shipQual1 li{
 margin: 8px 0 0 185px;
}
#productDetailLayout .shipQual1 strong{
 font: bold 10px Arial, "MS Trebuchet", sans-serif;
}
#productDetailLayout ul.buttonLinks, #productDetailLayout ul.buttonLinks li{
 width: 95%;
 display: block;
 list-style: none outside none;
}
#productDetailLayout ul.buttonLinks{
 margin: 15px 0 0 -35px;
}
.ie7 #productDetailLayout ul.buttonLinks{
 margin: 0 0 0 -15px;
}
#productDetailLayout ul.buttonLinks li{
 height: 35px;
 padding: 0 0 15px;
}
#productDetailLayout .submitQnty{
 width: 100px;
 float: left;
}
.ie7 #productDetailLayout .submitQnty{
 width: 80px;
}
#productDetailLayout a#asLink{
 position: relative;
 top: 0;
 left: 0;
 margin: 5px 0 0 0;
 background: url(/images/usa/motivesCosmetics/btn-autoship.gif) no-repeat 0 0;
 display: block;
 height: 30px;
 width: 160px;
}
#productDetailLayout a#asLink:hover{
 background: url(/images/usa/motivesCosmetics/btn-autoship.gif) no-repeat 0 -30px;
}
#productDetailLayout #asLink0{
 position: relative;
 top: 0;
 left: 0;
 background: url(/images/usa/eng/motivesCosmetics/btn-autoship.gif) no-repeat;
 display: block;
 height: 54px;
 width: 455px;
}
#productDetailLayout #asLink1{
 position: relative;
 top: 0;
 left: 0;
 background: url(/images/usa/eng/motivesCosmetics/btn-autoship-discount.gif) no-repeat;
 display: block;
 height: 64px;
 width: 455px;
}
#productDetailLayout a.btnShare{
 position: relative;
 top: 0;
 left: 0;
 float: none;
 margin: 3px 0 0 0;
 background: url(/images/usa/motivesCosmetics/btn-share.gif) no-repeat 0 0;
 display: block;
 height: 30px;
 width: 160px;
}
#productDetailLayout a.btnShare:hover{
 background: url(/images/usa/motivesCosmetics/btn-share.gif) no-repeat 0 -30px;
}
#productDetailLayout .padBott{
 padding: 0 0 5px;
}
#productDetailLayout .padPriceMismatch{
 padding: 20px 0 10px;
}
#productDetailLayout .padInvalidQty{
 padding: 0 0 0 5px;
}
#productDetailLayout div#details{
 margin: 23px 0 40px 18px;
}
.ie7 #productDetailLayout div#details{
 margin: 15px 0 40px 3px;
}
#productDetailLayout div#csReviews{
 margin: 0 0 0 3px;
}
/* thickBox */
#TB_window{
 font: 12px Arial, Helvetica, sans-serif;
 color: #333;
}
#TB_window.override{
 border: 0 !important;
 background: #000 !important;
}
#TB_secondLine{
 font: 10px Arial, Helvetica, sans-serif;
 color: #666;
}
#TB_window a:link{
 color: #666;
}
#TB_window a:visited{
 color: #666;
}
#TB_window a:hover{
 color: #000;
}
#TB_window a:active{
 color: #666;
}
#TB_window a:focus{
 color: #666;
}
/* thickbox settings */
#TB_overlay{
 position: fixed;
 z-index: 101;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
.TB_overlayMacFFBGHack{
 background: url(/images/macFFBgHack.png) repeat;
}
.TB_overlayBG{
 background: #000;
 filter: alpha(opacity=75);
 opacity: 0.75;
}
.ie6 .TB_overlayBG, .ie7 .TB_overlayBG, .ie8 .TB_overlayBG{
 moz-opacity: 0.75;
}
.ie6 html #TB_overlay{
 position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}
#TB_window{
 position: fixed;
 z-index: 102;
 color: #000;
 display: none;
 border: 4px solid #525252;
 text-align: left;
 top: 50%;
 left: 50%;
 padding-right: 2px;
}
.ie6 html #TB_window{
 position: absolute;
 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + "px");
}
#TB_window img#TB_Image{
 display: block;
 margin: 15px 0 0 15px;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #666;
 border-left: 1px solid #666;
}
#TB_caption{
 height: 25px;
 padding: 7px 30px 10px 25px;
 float: left;
}
#TB_closeWindow{
 height: 25px;
 padding: 11px 25px 10px 0;
 float: right;
}
#TB_closeAjaxWindow{
 padding: 7px 10px 5px 0;
 margin: 0 0 1px 0;
 text-align: right;
 float: right;
}
#TB_ajaxWindowTitle{
 float: left;
 padding: 7px 0 5px 10px;
 margin: 0 0 1px 0;
}
#TB_title{
 background #e8e8e8;
 height: 27px;
}
#TB_ajaxContent{
 clear: both;
 padding: 2px 15px 15px;
 overflow: auto;
 text-align: left;
 line-height: 1.4em;
}
#TB_ajaxContent.TB_modal{
 padding: 15px;
}
#TB_ajaxContent p{
 padding: 5px 0;
}
#TB_load{
 position: fixed;
 display: none;
 height: 13px;
 width: 208px;
 z-index: 103;
 top: 50%;
 left: 50%;
 margin: -6px 0 0 -104px;
}
.ie6 html #TB_load{
 position: absolute;
 margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + "px");
}
#TB_HideSelect{
 z-index: 99;
 position: fixed;
 top: 0;
 left: 0;
 background: #fff;
 border: none;
 filter: alpha(opacity=0);
 opacity: 0;
 height: 100%;
 width: 100%;
}
.ie6 #TB_HideSelect, .ie7 #TB_HideSelect, .ie8 #TB_HideSelect{
 -moz-opacity: 0;
}
.ie6 html #TB_HideSelect{
 position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + "px");
}
#TB_iframeContent{
 clear: both;
 border: 3px solid #000;
 margin: 0 0 -3px;
 border-right: 0;
}
.ie6 #TB_iframeContent, .ie7 #TB_iframeContent, .ie8 #TB_iframeContent{
 margin: 0 0 1px;
}
/*autoShip*/
#asAddPageContent .shipPad{
 padding: 0 0 0 10px;
}
#adAutoShip .padEmail, #addAutoShip .padEmail{
 padding: 20px 0 0;
}
#wp_reviewSummary{
 padding: 20px 0 0 5px;
}
#wp_reviewSummary .padPriceMismatch{
 padding: 10px 0;
}
#errInvQty .padOutOfStock{
 padding: 0 0 5px;
}
#asAddPageContent .padErr{
 padding: 0 0 0 10px;
}
#asAddPageContent .padContinueButtons{
 padding: 75px 0 0 105px;
}
#addAutoShip .padPayProfile{
 padding: 10px 0 0;
}
#asADPageContent #asEmailEntry{
 margin: 10px 0 0;
}
#orderingFreeShipWrapper{
 padding: 10px 0;
}
#orderingFreeShipInfo{
 background: #262626;
 border-top: 8px solid #333;
 width: 950px;
 margin: 0 auto 0 0;
}
#orderingFreeShipInfo span{
 color: #d68080;
}
#orderingFreeShipInfo table{
 background: transparent;
}
#orderingFreeShipInfo table td{
 vertical-align: middle;
 font: 16px Arial;
}
#bCrumbProd ul, #bCrumbProd li{
 display: block;
 float: left;
 list-style: none outside none;
 padding: 0;
}
#bCrumbMnuItemList ul, #bCrumbMnuItemList li, #bCrumbProd ul, #bCrumbProd li{
 display: block;
 float: left;
 list-style: none outside none;
 padding: 0;
}
#bCrumbMnuItemList ul{
 width: 95%;
 margin: 10px 0 5px 40px;
}
#bCrumbProd ul{
 width: 95%;
 margin: 5px 10px 5px 15px;
}
#bCrumbMnuItemList li, #bCrumbProd li{
 background: transparent url(/images/usa/motivesCosmetics/ico-breadcrumb-sep.gif) no-repeat right center scroll;
 line-height: 14px;
 margin: 0 5px 0 0;
 padding: 0 10px 0 0;
}
#bCrumbMnuItemList li.prodName, #bCrumbProd li.prodName{
 background: none;
 line-height: 14px;
 margin: 0 5px 0 0;
 padding: 0 10px 0 0;
 color: #ccc;
}
#bCrumbMnuItemList a, #bCrumbProd a{
 color: #ccc;
}
#bCrumbMnuItemList a:hover, #bCrumbProd a:hover{
 color: #d68080;
}
#itemListingContainer{
 width: 100%;
 clear: both;
 margin: 5px 0 0 -10px;
 padding: 0;
}
.ie7 #itemListingContainer{
 margin: 5px 0 0;
}
#itemListingContainer div.hdrMnu{
 width: 940px;
 margin: 0 0 0 50px;
 height: 1px;
 background: url(/images/usa/motivesCosmetics/bread-crumb-line.png) repeat top fixed;
}
#itemListingContainer h1{
 width: 100%;
 margin: 5px 0 0 50px;
}
#itemListingContainer ul li{
 display: block;
 float: left;
 margin: 10px;
 border: 0;
 width: 300px;
}
#itemListingContainer ul li img{
 border: 1px solid #333;
 height: 300px;
 width: 300px;
 display: block;
}
#itemListingContainer ul li img:hover{
 border: 1px solid #eee;
}
#itemListingContainer ul li a{
 text-align: center;
 margin-top: 0;
 padding-top: 3px;
 display: block;
}
#loren{
 margin: 0 0 0 -2px;
 padding: 0;
 background: #000;
 width: 600px;
 height: 720px;
}
#loren .closeBody{
 height: 14px;
 background: #000;
}
#loren .form{
 padding: 5px;
 background: #333;
 height: 696px;
 width: 670px;
}
#loren div.close{
 width: 40px;
 height: 14px;
 text-align: center;
 padding: 3px;
 margin: -16px 0 0 615px;
 background: #585858;
 font: bold 12px Arial, Helvetica, sans-serif;
}
.ui-banner{
 clear: both;
}
#loginHelp{
 text-align: center;
 padding: 25px 0 25px 160px;
}
#loginHelp p{
 width: 83%;
 text-align: center;
}
#loginHelp form{
 line-height: 20px;
 margin: 0 130px 0 0;
}
#loginHelp form .button{
 margin: 0 0 -5px 5px;
}
#loginHelp h1{
 float: left;
 left: -119px;
 position: relative;
}