@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: #fff;
}
h1, h2, h3, h4, h5{
 font-weight: 400;
 padding: 0;
 margin: 0;
}
.related h3{
 color: #666;
}
h1{
 font-size: 22px;
 color: #fff;
}
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: #fff;
 text-decoration: underline;
}
img{
 border: none;
}
a{
 text-decoration: underline;
 color: #ccc;
 outline: none;
}
div.header{
 display: block;
 position: relative;
 top: 0;
 height: 90px;
 margin: 0 0 0 11px;
 background: url(/images/gbr/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/gbr/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: #fff;
}
.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/gbr/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: 0 0 0 10px;
 background: url(/images/gbr/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/gbr/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;
}
.matvLinkLg{
 text-indent: -9999px;
 display: block;
 width: 169px;
 height: 96px;
 float: left;
 background: url(/images/gbr/motivesCosmetics/bgMATVLink.gif) top left;
}
.matvLinkSm{
 margin: 0;
 text-indent: -9999px;
 display: block;
 width: 82px;
 height: 74px;
 float: right;
 clear: right;
 background: url(/images/gbr/motivesCosmetics/bgMATVLinkSm.jpg) top left;
}
#footerLinks{
 position: relative;
 width: 1020px;
 height: auto !important;
 text-align: center;
 margin: -17px 0 0 -16px;
 font-size: 10px;
 padding: 50px 0 0;
}
#footerLinks ul li:last-child{
 border: none !important;
}
#footerLinks ul{
 display: block;
 list-style: none;
 margin: 5px 0 5px 10px;
 padding: 0;
 text-indent: none;
}
#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: #fff;
}
#footerLinks p{
 color: #808080;
 padding: 0 0 0 10px;
}
.ie6 #footerLinks p, .ie7 #footerLinks p{
 margin: -1px 0 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;
}
#trustwaveSealImage{
 position: absolute;
 top: 145px;
 left: 460px;
 padding: 0 0 42px;
}
#lorenBio{
 position: relative;
 height: 80px;
 width: 292px;
 float: right;
 background: #333 url(/images/gbr/motivesCosmetics/loren-lala-small.jpg) no-repeat top left;
 margin: -91px 20px 0 0;
 text-decoration: none;
}
#lorenBio p{
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 margin: 20px 0 0 135px;
 background: transparent;
}
#smear{
 position: relative;
 top: 0;
 left: 0;
 width: 980px;
 min-height: 480px;
 margin: 0 0 30px 10px;
}
#smear div.prodImg img{
 width: 400px;
 height: 400px;
 display: block;
}
.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 #666;
}
#lookSel{
 position: relative;
 float: left;
 width: 360px;
 padding: 25px 10px 10px;
}
#looklayout .lookSel{
 float: right;
}
#lookSel p{
 color: #808080;
}
#lookSel h2{
 color: #fff;
}
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 #000;
}
ul#lookList li a:hover{
 display: block;
 border: 1px solid #fff;
}
a.button{
 text-align: center;
 width: 100px;
 color: #fff;
 font-size: 14px;
 line-height: 18px;
 height: 18px;
 padding: 5px;
 margin: 10px 10px 10px 0;
 border: 2px solid #999;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 background: #262323 url(/images/gbr/motivesCosmetics/bgButton.gif) top repeat-x;
 text-decoration: none;
}
a.button:hover{
 color: #fff;
 border-top: 2px solid #333;
 border-right: 2px solid #999;
 border-bottom: 2px solid #999;
 border-left: 2px solid #333;
 background: #504a4a url(/images/gbr/motivesCosmetics/bgButtonLt.gif) top repeat-x;
 text-decoration: none;
}
input#productQuantity{
 text-align: center;
 background: #fff;
 width: 32px;
 color: #000;
 font-size: 14px;
 line-height: 18px;
 height: 18px;
 padding: 4px;
 margin: 10px 10px 0 0;
 border: 0;
}
.price{
 color: #d68080;
 font-size: 20px;
 padding: 25px 15px 0 0;
}
#smear .zoom{
 position: relative;
 right: 0;
 top: 0;
 text-align: right;
 float: right;
 background: url(/images/gbr/motivesCosmetics/zoom.gif) no-repeat top left;
 width: 125px;
 height: 25px;
}
.prodDetail .swatches label{
 display: block;
 color: #fff;
 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 #000;
}
ul.swatches a:hover{
 border: 1px solid #fff;
}
ul.swatches .selected{
 border: 1px solid #999;
}
.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: 0 0 0 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: 25px 0 0 0;
 font-size: 20px;
 color: #fff;
}
.quantity{
 padding: 0 15px 0 0;
}
#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: 0 0 25px;
}
#privacyLayout h2{
 font-size: 12px;
 font-weight: 700;
 padding: 0;
 clear: both;
 color: #fff;
}
#oppSmear{
 position: relative;
 top: 0;
 left: 1px;
 width: 990px;
 min-height: 470px;
 margin: 10px 0 0 10px;
 background: url(/images/gbr/motivesCosmetics/opp_bkgd.jpg) no-repeat bottom right;
}
#oppLayout{
 position: relative;
 margin: 30px;
}
#oppLayout h2{
 position: relative;
 left: 0;
 color: #fff;
}
#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: #fff;
}
#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: 0 0 5px;
}
#aboutSmear{
 position: relative;
 top: 0;
 left: 0;
 width: 990px;
 min-height: 470px;
 margin: 10px 0 0 10px;
 background: url(/images/gbr/motivesCosmetics/about_bkgd.jpg) no-repeat top left;
}
#aboutMotives{
 position: relative;
 margin: 0 0 0 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: #999;
 font-style: italic;
}
#aboutLoren{
 position: relative;
 margin: 0 0 0 30px;
 background: url(/images/gbr/motivesCosmetics/about_bar.jpg) no-repeat top center;
 padding: 30px 0 0 0;
}
#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: 0 23px 0 0;
 cursor: pointer;
 background: #000 url(/images/gbr/motivesCosmetics/iconLinkIndicator_dn_white.gif) no-repeat right 8px;
}
#miniCartMenu{
 position: absolute;
 right: 0;
 z-index: 99;
 margin: 0;
 width: 234px;
 opacity: 1;
 background: #262626;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -webkit-border-bottom-right-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
}
#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/gbr/motivesCosmetics/icoLock.gif) no-repeat 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/gbr/motivesCosmetics/bullet.gif) no-repeat 3px 12px;
 padding: 10px 0 0 14px;
 margin: 4px;
}
#miniCartMenu ul.products a:hover{
 background: #555 url(/images/gbr/motivesCosmetics/bullet.gif) no-repeat 3px 12px;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -webkit-border-bottom-right-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 text-decoration: none;
}
#miniCartMenu ul.products li .itemMeta{
 display: block;
 clear: both;
 font-size: 12px;
 color: #999;
}
#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: 0 0 1px;
}
.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/gbr/motivesCosmetics/mnuProducts.gif) no-repeat top left;
}
a.getLook{
 width: 98px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuGetLook.gif) no-repeat top left;
}
a.about{
 width: 110px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuAbout.gif) no-repeat top left;
}
a.sell{
 width: 110px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuSell.gif) no-repeat top left;
}
a.contact{
 width: 98px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuContact.gif) no-repeat top left;
}
a.prodList:hover{
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuProducts.gif) no-repeat bottom left;
}
a.getLook:hover{
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuGetLook.gif) no-repeat bottom left;
}
a.about:hover{
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuAbout.gif) no-repeat bottom left;
}
a.sell:hover{
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuSell.gif) no-repeat bottom left;
}
a.contact:hover{
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnuContact.gif) no-repeat bottom left;
}
.sf-menu a, .sf-menu a:visited{
 color: #fff;
}
.sf-menu li ul{
 background: #262626;
 opacity: 1;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
 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: #666;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -webkit-border-bottom-right-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
}
.sf-menu li li li{
 background: #000;
}
.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: 0 2px 0 0;
 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/gbr/motivesCosmetics/arrows-ffffff.png) no-repeat -10px -100px;
}
a > .sf-sub-indicator{
 background: url(/images/gbr/motivesCosmetics/arrows-ffffff.png) no-repeat 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: url(/images/gbr/motivesCosmetics/arrows-ffffff.png) no-repeat -10px -100px;
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{
 background: url(/images/gbr/motivesCosmetics/arrows-ffffff.png) no-repeat -10px 0;
}
.sf-menu ul a > .sf-sub-indicator{
 background: url(/images/gbr/motivesCosmetics/arrows-ffffff.png) no-repeat 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: url(/images/gbr/motivesCosmetics/arrows-ffffff.png) no-repeat -10px 0;
}
/*** shadows for all but IE6 ***/
.sf-shadow ul{
 background: url(/images/gbr/motivesCosmetics/shadow.png) no-repeat bottom right;
 padding: 0 8px 9px 0;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -webkit-border-bottom-left-radius: 4px;
 -webkit-border-bottom-right-radius: 4px;
 -moz-border-radius-bottomleft: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 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: 6px 0 0 0;
}
div#categoryLayout ul li a img{
 height: 120px;
 width: 120px;
 display: block;
 margin: 0 auto;
}
#footer{
 min-height: 96px;
 height: 118px;
 padding: 0;
 width: 1020px;
 border-top: 10px solid #fff;
 margin: 0;
 width: 1020px;
 background: #323232;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-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: -o-linear-gradient(left, #323232 0%, #000 50%, #323232 100%);
 background: -ms-linear-gradient(left, #323232 0%, #000 50%, #323232 100%);
 background: linear-gradient(to right, #323232 0%, #000 50%, #323232 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#323232", endColorstr="#000000", GradientType=0 );
}
.ie9 #footer{
 filter: none;
}
.oldie #footerLinks, .ie9 #footerLinks{
 top: 12px;
}
div#mainLayout ul.bannerSm li + li{
 border: 0;
}
div#calloutBox{
 width: 600px;
 height: 26px;
 font-size: 12px;
 padding: 4px 4px 4px 8px;
 margin: 10px 0 0 25px;
 color: #fff;
 background: #000;
 border: 1px solid #666;
}
img.csPdfIcon{
 position: relative;
 top: 4px;
}
div#miniCartMenu ul.products li{
 display: block;
 text-indent: 0;
 float: left;
 line-height: 14px;
 background: url(/images/gbr/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/gbr/motivesCosmetics/bgCategoryLayout.jpg) no-repeat;
 margin: 0 0 0 10px;
 clear: both;
 padding: 40px;
 border: 0 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 #eee;
}
div#itemListContainer ul li img{
 border: 1px solid #333;
 height: 120px;
 width: 120px;
 display: block;
}
div#itemListContainer ul li a{
 text-align: center;
 margin: 0;
 padding: 3px 0 0 0;
 display: block;
}
div.prodImg{
 width: 400px;
 height: 400px;
}
table.mainProdTable{
 border: 0;
 width: 950px;
}
table.tblMrg, table.cartInfo, table.cartTotals{
 width: 950px;
}
table.mainProdTable h2{
 padding: 0;
 color: #d68080;
}
.priceRed{
 color: #d68080;
}
.priceRedBig{
 color: #d68080;
 font-size: 20px;
}
table.mainProdTable td.lineItemCell{
 background: #262626;
 border: 1px solid #333;
}
.resize100{
 width: 100px;
 height: 100px;
}
div#itemList ul li{
 height: 165px;
}
a: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 #fff;
}
div.prodDetail{
 padding: 0 0 80px 15px;
 width: 560px;
 float: right;
}
div.prodTxt{
 padding: 0 0 0 15px;
}
div.prodDetail input.button{
 margin: -5px 0 10px;
}
#menu a.press{
 width: 60px;
 text-indent: -9999px;
 margin: 5px;
 background: url(/images/gbr/motivesCosmetics/mnu-press.gif) no-repeat top left;
}
#menu a.press:hover{
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnu-press.gif) no-repeat bottom left;
}
#menu a.bestSellers{
 width: 95px;
 left: 7px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/menu-best-sellers.gif) no-repeat top left;
}
#menu a.bestSellers:hover{
 background: url(/images/gbr/motivesCosmetics/menu-best-sellers.gif) no-repeat bottom left;
}
#menu a.learnAndEarn{
 width: 52px;
 margin: 5px 2px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnu-join.gif) no-repeat top left;
}
#menu a.learnAndEarn:hover{
 background: url(/images/gbr/motivesCosmetics/mnu-join.gif) no-repeat bottom left;
}
#menu a.skinCare{
 width: 74px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnu-skin-care.gif) no-repeat top left;
}
#menu a.skinCare:hover{
 background: url(/images/gbr/motivesCosmetics/mnu-skin-care.gif) no-repeat bottom left;
}
#menu a.cosmetics{
 width: 82px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnu-cosmetics.gif) no-repeat top left;
}
#menu a.cosmetics:hover{
 background: url(/images/gbr/motivesCosmetics/mnu-cosmetics.gif) no-repeat bottom left;
}
#menu a.lala{
 width: 140px;
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnumotivesforlala.gif) no-repeat top left;
 height: 20px;
}
#menu a.lala:hover{
 text-indent: -9999px;
 background: url(/images/gbr/motivesCosmetics/mnumotivesforlala.gif) no-repeat bottom left;
}
#pressLayoutImage{
 float: left;
 width: 150px;
 height: 120px;
}
#pressLayoutImageText{
 float: left;
 width: 800px;
 height: 120px
}
#pressLayoutImageText h2{
 width: 800px;
 padding: 5px 0 0 0;
}
#pressLayoutDivClear{
 clear: both;
 height: 1px;
}
#showFooter{
 position: relative;
 width: 1000px;
 height: 96px;
 clear: both;
 margin: 0 0 0 11px;
 top: 0;
 background: url(/images/gbr/motivesCosmetics/bgFooterTop.gif) top left;
}
#hideFooter{
 display: none;
}
.hideMATVLink{
 padding: 0 0 0 15px;
}
.showMATVLink{
 text-decoration: none;
 cursor: text;
 display: none;
}
.bold{
 font-weight: bold;
}
div#details{
 clear: both;
 width: 480px;
 background: #000;
 margin: 23px 0 40px 0;
}
div#details .prodLabelImage{
 text-align: center;
}
div#details .whitePapers{
 overflow: hidden;
 padding: 10px;
}
div#details a.btn{
 margin: 0 10px 10px 0;
 padding: 5px;
 border: solid #262626 1px;
 display: block;
 background: #262626;
 float: right;
 color: #000;
}
div#details a.readMore{
 margin: 0 10px 10px 0;
 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: 0 10px 0 10px;
 clear: both;
}
div#details p{
 padding: 0 10px 0 10px;
}
div#details ul#tabs{
 list-style: none;
 padding: 0;
 margin: 0;
 width: 550px;
 float: left;
 text-align: center;
}
div#details ul#tabs li{
 display: inline;
 padding: 0;
 margin: 0 2px 0 0;
 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: #fff;
 padding: 4px 10px;
 position: relative;
 top: 1px;
 border-bottom: 0;
 display: block;
 background: #000;
 text-decoration: none;
}
div#details ul#tabs li a:hover{
 color: #fff;
}
div#flyout{
 position: absolute;
 top: 0;
 left: 0;
 width: 200px;
 height: 200px;
 background: #333;
 padding: 2px;
 max-width: 200px;
 margin: 0;
 display: none;
 font-size: 9px;
 text-align: left;
 z-index: 100;
}
div#options{
 clear: both;
}
div#prodDetailTexture{
 margin: 0;
 padding: 0;
}
div#tabContentContainer{
 width: 480px;
 border: 1px solid #333;
 clear: both;
 padding: 10px;
}
div.prodTxt h2{
 padding: 8px 0 0 0;
}
div.worksWellWithContainer{
 float: left;
 padding: 0;
 width: 370px;
 margin: 30px 0 0 20px;
}
form#addToCart{
 margin: 15px 0 0 0;
}
span.inlinePrice{
 color: #d68080;
 font-size: 20px;
 font-weight: bold;
 padding: 0 10px 0 0;
}
span.relatedImage{
 display: none;
}
ul#prodSwatches{
 margin: 0 0 25px 0;
 padding: 0;
 width: 440px;
}
ul#whatsRelated{
 width: 370px;
 list-style: none;
 margin: 0;
 padding: 0;
}
ul#whatsRelated li{
 float: left;
 margin: 10px 10px 0 0;
 padding: 0;
 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: 0 8px 0 0;
 font-size: 10px;
 border-bottom: 1px solid #404040;
 border-left: 1px solid #404040;
 -moz-border-radius-bottomleft: 4px;
 float: right;
}
div#countryContainer ul{
 margin: 0;
 padding: 0 0 0 15px;
 list-style: none;
}
div#countryContainer ul li{
 float: left;
}
div#countryContainer ul li.usa{
 background: url(/images/gbr/motivesCosmetics/icoFlagUSA.gif) no-repeat 6px;
 padding: 0 10px 0 26px;
}
div#countryContainer ul li.can{
 background: url(/images/gbr/motivesCosmetics/icoFlagCAN.gif) no-repeat 6px;
 padding: 0 10px 0 26px;
}
div#countryContainer ul li.selected a{
 text-decoration: none;
 color: #aaa;
 background: url(/images/gbr/motivesCosmetics/icoChkGrey.gif) no-repeat center right;
 padding: 0 10px 0 0;
}
div#countryContainer ul li a{
 color: #aaa;
 padding: 0 10px 0 0;
 cursor: pointer;
}
#headerContainer{
 overflow: auto;
 background: #000;
 margin: 0 9px 0 11px;
}
div#imgCol{
 float: left;
 width: 400px;
}
div#infoCol{
 float: right;
 width: 580px;
}
.clear{
 clear: both;
}
.hide{
 display: none;
}
form#addToCart input.button{
 margin: 0;
}
.ezCartButton{
 text-align: center;
 color: #fff;
 font-size: 12px;
 border: 2px solid #999;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 background: #262323 url(/images/gbr/motivesCosmetics/bgButton.gif) top repeat-x;
 text-decoration: none;
 height: 20px;
}
#ezCartBanner{
 position: relative;
 margin: 0;
}
#ezCartBanner .search{
 position: relative;
 width: 1001px;
 height: 96px;
 clear: both;
 margin: 0 0 0 11px;
 background: url(/images/gbr/motivesCosmetics/bgFooterTop.gif) top left;
}
#ezCartBanner form{
 float: left;
 padding: 35px 10px 0 80px;
}
.ezCartInfo{
 padding: 0 0 0 66px;
}
#ezCartInfoLayout{
 position: relative;
 margin: 30px 10px;
}
#ezCartBanner span{
 padding: 42px 0 0 14px;
 display: block;
 font-size: xx-small;
 word-spacing: -1px;
}
div#featuredProdGroup, div#prodGroupList{
 margin: 0 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: 6px 0 0 0;
}
div#viewingHistoryContainer div#nameContainer{
 text-align: center;
 padding: 6px 0 0 0;
}
div#viewingHistoryContainer div#nameContainer a{
 color: #d68080;
}
div#viewingHistoryContainer div#priceContainer{
 text-align: center;
 padding: 6px 0 0 0;
}
div#viewingHistoryItemsContainer div#imageContainer{
 height: 120px;
 width: 120px;
 border: 1px solid #464646;
 background: #000;
}
div#viewingHistoryItemsContainer div#itemContainer{
 float: left;
 margin: 15px 30px;
 width: 120px;
}
div#viewingHistoryTab{
 padding: 8px 14px 0 30px;
 margin: 0;
 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: 15px 0 0 0;
 text-align: left;
}
#maCashFPWrapper{
 width: 650px;
}
#shopping table td.maCashBack{
 text-align: right;
 border: 0;
}
.eachItemGrandTotal{
 font: 12px "Trebuchet MS", Verdana, sans-serif;
 font-weight: bold;
 color: #4f7da1;
 text-align: right;
}
.icoMACash{
 background: url(/images/gbr/motivesCosmetics/icon_pound.gif) no-repeat;
 padding: 2px 0 5px 30px;
 height: 20px;
}
.maCashFPLeft{
 float: left;
}
.maCashFPRight{
 float: right;
 padding: 0 150px 0 0;
}
.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: #f00;
}
a.orderButtonSmlBlue{
 background: transparent url(/images/gbr/motivesCosmetics/btnStdRt.gif) no-repeat scroll top right;
 color: #444;
 display: block;
 float: left;
 font: normal 12px arial, sans-serif;
 height: 22px;
 margin: 0 6px 0 0;
 padding: 0 8px 0 0;
 text-decoration: none;
}
a.orderButtonSmlBlue span{
 background: transparent url(/images/gbr/motivesCosmetics/btnStdLt.gif) no-repeat;
 display: block;
 line-height: 10px;
 font-weight: 700;
 margin: 0;
 padding: 6px 0 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: 0;
}
div#productBlock{
 float: left;
 width: 360px;
 margin: 0 0 0 20px;
}
div#productBlock h2{
 width: 360px;
 padding: 0;
}
#faqs .def .desc{
 display: block;
 position: relative;
 left: 0;
 padding: 0 0 0 30px;
 margin: 0;
}
#faqs .minus{
 background: #000 url(/images/gbr/motivesCosmetics/faqMinus.jpg) no-repeat scroll center left;
}
#faqs .plus{
 background: #000 url(/images/gbr/motivesCosmetics/faqPlus.jpg) no-repeat scroll center left;
}
#faqs li a{
 padding: 5px 0 5px 30px;
 margin: 5px 0;
 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: 0 0 10px 30px;
 margin: 5px 0;
}
#maCashFAQ{
 position: relative;
 left: 30px;
 clear: both;
 margin: 20px 0 0 0;
 width: 700px;
}
#maCashSplash{
 position: relative;
 left: 30px;
 clear: both;
 margin: 20px 0 0 0;
 width: 700px;
}
#maCashSplash #header{
 background: url(/images/gbr/motivesCosmetics/bannerR2.jpg) no-repeat top left;
 width: 960px;
 height: 258px;
 float: left;
 clear: both;
 margin: 0;
}
#maCashSplash #maCashInfo{
 width: 900px;
 clear: both;
 float: left;
 margin: 10px 0 0 60px;
}
#maCashSplash #maCashInfo .infoBlock{
 float: left;
 width: 250px;
 padding: 0;
 margin: 0 50px 30px 0;
}
.ie6 #maCashSplash #maCashInfo .infoBlock{
 margin: 0 20px 30px 0;
}
#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: 0 0 0 15px;
 background: url(/images/gbr/motivesCosmetics/pnlMaCashR3.gif) no-repeat top left;
}
#maCashSplash #maCashInfo .infoBlock .secTitle div{
 float: right;
 font-size: 18px;
 margin: 0 0 0 1px;
 width: 200px;
 display: block;
}
.ie6 #maCashSplash #maCashInfo .infoBlock .secTitle div, .ie7 #maCashSplash #maCashInfo .infoBlock .secTitle div{
 float: none;
 margin: -10px 0 0 10px;
 width: 100px;
 display:
}
#maCashSplash #maCashInfo .infoBlock .secTitle.earn{
 background: 0 -58px;
}
#maCashSplash #maCashInfo .infoBlock .secTitle.spend{
 background: 0 -116px;
}
#maCashSplash #maCashInfo .infoBlock h4{
 font-size: 16px;
 clear: both;
 color: #ccc;
}
#maCashSplash .callout{
 background: #5d5d5d;
 border: 1px solid #333;
 padding: 0 10px 10px 10px;
 margin: 0 10px 0 0;
 width: auto;
 float: right;
}
#maCashSplash .callout h2{
 color: #fff;
}
#maCashSplash h1{
 padding: 0 0 10px 0;
 text-align: left;
}
#maCashSplash h2{
 clear: both;
 color: #fff;
}
.ie6 #maCashSplash h2{
 float: left;
 clear: both;
 width: 170px;
}
#maCashSplash h3{
 clear: both;
 text-align: center;
 width: 960px;
 color: #39f;
}
li.def{
 list-style: none;
}
ul.questionList{
 list-style: none;
 text-indent: none;
 margin: 0;
 padding: 0;
 float: left;
}
ul.questionList li{
 background: url(/images/gbr/motivesCosmetics/icoQuestion.gif) no-repeat 0 6px;
 margin: 0;
 padding: 0 0 0 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/gbr/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: #333;
 color: #fff;
 border: 1px solid #808080;
 margin: 14px 0 0 0;
 padding: 4px;
}
.contentPanel.titled{
 background: transparent;
 color: #000;
 border: none;
 margin: 14px 0 14px 0;
 padding: 0;
}
.contentPanel h2{
 margin: 0 0 5px 5px;
 padding: 0;
 color: #ccc;
}
.contentPanel.titled h2{
 display: block;
 background: #808080;
 color: #fff;
 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: 2px solid #999 !important;
 border-right: 2px solid #000 !important;
 border-bottom: 2px solid #000 !important;
 background: #262323 url(/images/gbr/motivesCosmetics/bgButtonLg.gif);
 text-decoration: none;
 width: auto !important;
 line-height: 30px !important;
 height: 30px !important;
}
.ie6 input.button.large, .ie7 input.button.large{
 line-height: 20px !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: -ms-linear-gradient(top, #e00 0%, #7e0001 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e00), color-stop(1, #7e0001));
 background: -webkit-linear-gradient(top, #e00 0%, #7e0001 100%);
 background: -moz-linear-gradient(top, #e00 0%, #7e0001 100%);
 background: -o-linear-gradient(top, #e00 0%, #7e0001 100%);
 background: linear-gradient(to bottom, #e00 0%, #7e0001 100%);
}
input.button.large.red:hover{
 background: -ms-linear-gradient(top, #e00 0%, #4e0000 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e00), color-stop(1, #4e0000));
 background: -webkit-linear-gradient(top, #e00 0%, #4e0000 100%);
 background: -moz-linear-gradient(top, #e00 0%, #4e0000 100%);
 background: -o-linear-gradient(top, #e00 0%, #4e0000 100%);
 background: linear-gradient(to bottom, #e00 0%, #4e0000 100%);
}
input.button.large.red:active{
 background: #e00;
}
input.button.huge.red{
 text-align: center;
 color: #fff;
 font-size: 20px;
 font-weight: bolder;
 padding: 3px 7px !important;
 border: 3px solid #e00 !important;
 text-decoration: none;
 width: auto !important;
 height: auto !important;
 line-height: auto !important;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 background: #e00;
 background: -ms-linear-gradient(top, #e00 0%, #7e0001 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e00), color-stop(1, #7e0001));
 background: -webkit-linear-gradient(top, #e00 0%, #7e0001 100%);
 background: -moz-linear-gradient(top, #e00 0%, #7e0001 100%);
 background: -o-linear-gradient(top, #e00 0%, #7e0001 100%);
 background: linear-gradient(to bottom, #e00 0%, #7e0001 100%);
}
input.button.huge.red:hover{
 background: -ms-linear-gradient(top, #e00 0%, #4e0000 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e00), color-stop(1, #4e0000));
 background: -webkit-linear-gradient(top, #e00 0%, #4e0000 100%);
 background: -moz-linear-gradient(top, #e00 0%, #4e0000 100%);
 background: -o-linear-gradient(top, #e00 0%, #4e0000 100%);
 background: linear-gradient(to bottom, #e00 0%, #4e0000 100%);
}
input.button.huge.red:active{
 background: #e00;
}
input.button:active{
 border-bottom: 2px solid #999 !important;
 border-left: 2px solid #000 !important;
 border-top: 2px solid #000 !important;
 border-right: 2px solid #999 !important;
 padding: 3px 1px 1px 3px !important;
}
input.button{
 text-align: center;
 color: #fff;
 font-size: 12px;
 font-weight: normal;
 padding: 2px !important;
 margin: 8px 0;
 border: 2px solid #999 !important;
 border-right: 2px solid #000 !important;
 border-bottom: 2px solid #000 !important;
 background: #262323 url(/images/gbr/motivesCosmetics/bgButton.gif);
 text-decoration: none;
 width: auto !important;
 line-height: 22px !important;
 height: 22px !important;
}
.ie6 input.button, .ie7 input.button{
 line-height: 14px !important;
}
a.helpLink, a.helpLink:visited, a.helpLink:hover{
 color: #ccc;
 margin: 0 3px 0 3px;
 text-decoration: none;
 border-bottom: 1px dotted #ccc;
 padding: 0 0 0;
 cursor: help;
}
span.alert{
 color: #ccc;
 border: 1px solid #000;
 padding: 2px;
 height: 19px;
 line-height: 19px;
 background: #fffbc3 url(/images/gbr/motivesCosmetics/bgAlert.gif) repeat 0 0;
}
span.alert span, span.alert span.error{
 background: url(/images/gbr/motivesCosmetics/icoExclSm.gif) no-repeat 6px 5px;
 padding: 6px 6px 6px 28px !important;
 line-height: 19px;
}
span.alert span.maCash{
 background: url(/images/gbr/motivesCosmetics/icon_pound.gif) no-repeat 1px 3px;
 padding: 5px 6px 6px 36px !important;
 line-height: 19px;
 margin: 3px;
}
span.alert span.success{
 background: url(/images/gbr/motivesCosmetics/icoCheck.gif) no-repeat 6px 5px;
 padding: 6px 6px 6px 28px !important;
 line-height: 19px;
}
.icon{
 padding: 0 0 0 22px;
 display: block;
 line-height: 18px;
 min-width: 18px;
 height: 18px;
 clear: none;
 float: left;
}
.icon.print{
 background: url(/images/gbr/motivesCosmetics/icoPrint.gif) no-repeat 2px 5px;
}
.icon.tip{
 background: url(/images/gbr/motivesCosmetics/icoTip.gif) no-repeat 0 0;
 height: 20px;
 line-height: 20px;
 padding: 0 0 0 33px;
 margin: 5px 0 0;
}
.ie6 .icon.tip, .ie7 .icon.tip{
 background: none;
}
.icon.addItem{
 background: url(/images/gbr/motivesCosmetics/icoAdd.gif) no-repeat 2px 1px;
}
.icon.email{
 background: url(/images/gbr/motivesCosmetics/icoEmail.gif) no-repeat 2px 7px;
}
.icon.maCash{
 background: url(/images/gbr/motivesCosmetics/icoMACash.gif) no-repeat 2px 2px;
 padding: 0 0 0 24px;
}
.icon.lock{
 background: url(/images/gbr/motivesCosmetics/icoLock.gif) no-repeat 2px 0;
 padding: 0 0 0 22px;
 line-height: 16px;
}
.icon.accessible{
 line-height: 18px;
 height: 18px;
 padding:0 0 0 24px;
 background: url(/images/gbr/motivesCosmetics/icoWheelChair.gif) no-repeat 4px 1px;
}
/**************************************************/
/* SignInSignUp                                   */
/**************************************************/
#signIn{
 margin: 0 0 0 30px;
}
#signIn #signInPanel fieldset{
 width: 340px;
 float: left;
 clear: none;
 padding: 10px;
 border-right: 1px solid #999;
 height: 115px;
}
#signIn #signInPanel input.button{
 float: right;
 margin: 45px 25px 0 0;
 clear: none;
}
#signIn #signInPanel fieldset#stepOne{
 padding:0 0 0 50px;
 background: url(/images/gbr/motivesCosmetics/stepOne.gif) no-repeat 0 10px;
}
#signIn #signInPanel fieldset#stepTwo{
 padding: 0 0 0 50px;
 background: url(/images/gbr/motivesCosmetics/stepTwo.gif) no-repeat 0 10px;
}
#signIn #signInPanel p{
 margin: 0 0 0 33px;
}
.ie6 #signIn #signInPanel p, .ie7 #signIn #signInPanel p{
 width: 300px;
}
.ie6 #signIn #signInPanel fieldset#stepTwo li, .ie7 #signIn #signInPanel fieldset#stepTwo li{
 width: 320px;
}
#signIn #signInPanel fieldset#stepTwo p{
 float: left;
 clear: both;
 width: 300px;
}
#signIn #signInPanel fieldset#stepTwo label{
 clear: none;
}
.ie6 #signIn #signInPanel fieldset#stepTwo label, .ie7 #signIn #signInPanel fieldset#stepTwo label{
 width: 140px;
}
#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: 0 10px 0 0;
}
#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{
 width: 300px;
 clear: both;
 margin: 1px 0 0 0;
}
#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: 0 0 0 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 .bioContainer{
 float: left;
 width: 47%;
}
#signIn .bioContainer ul{
 list-style: none;
 margin: 0 -35px;
}
#signIn > p{
 padding: 50px 0 0 0;
 margin: 0 20px 0 0;
}
#signIn .bio h2, #signIn .features h2, #signIn .invite h2{
 color: #fff;
 padding: 0 0 15px;
}
#signIn.success{
 background: url(/images/gbr/motivesCosmetics/reg-success-bg.jpg) no-repeat -20px 0;
 height: 740px;
 margin: 0 8px 0 31px;
}
#signIn.success .bioContainer input.button.large{
 margin: 0 0 15px 7px;
 cursor: pointer;
}
#signIn .bio h3{
 padding: 10px 0 0;
}
#signIn .bio, #signIn .features{
 float: left;
 background: #333;
 margin: 5px 0 14px;
 clear: both;
 width: 430px;
 padding: 15px;
}
#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: #999;
}
#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 .features h1{
 padding: 15px 0 21px 79px;
 background: url(/images/gbr/motivesCosmetics/big-cashback-pound.gif) no-repeat left;
 margin: 0 0 15px;
}
#signIn .features ul{
 list-style: circle;
 margin: 0 25px 5px 30px;
 padding: 0;
 text-indent: none;
}
#signIn .features li{
 padding: 10px 0 0 5px;
 margin: 0;
 clear: both;
}
.ie7 #signIn .features li{
 clear: none;
 width: 100%;
}
#signIn .invite{
 float: left;
 background: #333;
 width: 47%;
 margin: 5px 15px;
 padding: 5px 10px 0 15px;
}
#signIn .invite h2{
 clear: none;
 width: auto;
 display: block;
 float: left;
 line-height: 20px;
 height: 20px;
}
#signIn .invite span.alert{
 margin: 0 0 10px;
 float: left;
 clear: none;
 padding: 8px 5px;
}
#signIn .invite div.title{
 width: 100%;
 float: left;
 clear: both;
}
#signIn .invite label{
 font-weight: bold;
 padding: 0 0 3px;
 width: 5%;
}
#signIn .invite textarea{
 border: 1px solid #808080;
 clear: left;
 float: left;
 margin: 0 0 0 5px;
}
#signIn .invite .icon.addItem{
 margin: 4px;
}
#signIn .invite textarea#inpMessage{
 width: 440px;
 height: 118px;
}
#signIn .invite textarea#inpAddresses{
 width: 440px;
 height: 70px;
}
#signIn .invite .button{
 float: right;
 margin: 16px 20px 10px 0;
 clear: none;
}
#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: 0 0 0 10px;
}
.ie6 #signIn #invite a.icon.addItem. .ie7 #signIn #invite a.icon.addItem{
 clear: both;
 margin: 0;
}
#signIn #invite textarea#inpMessage{
 width: 900px;
 height: 118px;
}
#signIn #bioFull .bioText{
 width: 700px;
}
#signIn input, #signIn select{
 margin: 2px 0 0 0;
 border: 1px solid #000;
 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;
}
#signIn .contentPanel#continue{
 background: #111;
 border: 1px solid #333;
 height: 64px;
}
.ie6 #signIn .contentPanel#continue fieldset label{
 width: auto;
 float: left;
 clear: none;
 margin: 0;
}
.ie7 #signIn #chooseUsername{
 margin: 0 0 150px;
}
.ie7 #signIn .contentPanel#continue fieldset label{
 width: 300px;
}
.ie7 #signIn #referal p, .ie7 #signIn #referal label{
 width: 400px;
}
.ie6 #signIn #referal p, .ie6 #signIn #referal label{
 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#bioFull{
 width: 465px;
 float: left;
 clear: none;
 margin: 0;
}
#signIn .contentPanel#bioFull{
 width: 900px;
}
#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 #firstName{
 width: 157px;
}
.ie6 #signIn #firstName{
 width: 150px;
}
#signIn label[for="lastName"], #signIn #lastName{
 width: 207px;
}
.ie6 #signIn label[for="lastName"], .ie6 #signIn #lastName{
 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;
}
.ie6 #signIn #inpZip{
 width: 41px;
}
.ie6 #signIn #inpState{
 width: 120px;
}
#signIn #inpCountry{
 margin: 0 0 0 5px;
}
.ie6 #signIn #personalInfo ol#cityStateZip li, #signIn #personalInfo ol#cityStateZip label{
 width: 100px;
 padding: 0;
}
#signIn label[for="inpZip"]{
 width: 72px;
}
#signIn #inpPhone{
 margin: 2px 0 4px 0;
}
#signIn #inpLanguage{
 margin: 0 0 10px 5px;
}
#signIn #distSearch{
 width: 950px;
 height: 158px;
 float: left;
 clear: left;
 margin: 0;
 padding: 10px 0 0 0;
}
.ie6 #signIn #distSearch{
 width: 937px;
}
#signIn #distSearch fieldset{
 background: #333;
 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 5px 0;
}
#signIn label[for="inpCaptcha"]{
 width: auto;
}
#signIn .captchaImage{
 float: left;
 margin: 10px 0 10px 0;
}
#signIn #wordVerify label{
 width: auto;
}
.ie6 #signIn #wordVerify fieldset{
 width: 500px;
}
#signIn #wordVerify a.helpLink{
 font-size: 12px;
}
.ie6 #signIn #wordVerify a.icon.accessible{
 margin: 0 0 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: 20px 0 0 0;
}
#signIn .icon.lock{
 margin: 10px 0 0 0;
 margin: 0 0 40px;
 float: left;
 clear: both;
}
.ie6 #signIn .icon.lock, .ie7 #signIn .icon.lock{
 width: 900px;
}
#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: #808080;
}
.viewTemplateTable{
 width: 100%;
 padding: 0;
}
#processing{
 font-size: 15px;
 font-weight: 700;
 color: red;
 display: none;
}
.maCashShow0{
 display: none;
}
.maCashShow1{
 display: block;
}
.w99Percent{
 width: 99%;
}
.marginMTAProfileBottom{
 margin: 0 0 8px;
}
.marginMTAProfileLeft{
 margin: 0 0 0 30px;
}
.floatR{
 float: right;
 position: relative;
}
.floatL{
 float: left;
 position: relative;
}
.arrowASC{
 background: url(/images/gbr/arrow_up.gif) no-repeat center;
}
.arrowDESC{
 background: url(/images/gbr/arrow_down.gif) no-repeat center;
}
.formTableBG{
 background: #262626;
 width: 45%;
 padding: 10px;
}
.formTableBGFull{
 background: #262626;
 width: 96%;
 padding: 15px;
}
#container .profileContainer .formTableBGFull input, #container .profileContainer .formTableBG input{
 margin: 0 15px 5px 0;
}
#container .profileContainer .autoShipImg{
 padding: 30px;
 float: left;
}
.loginClr{
 clear: left;
 margin: 1px;
}
.profileContainer{
 width: 80%;
 margin: 0 0 0 30px;
}
.ordHistTable ul{
 float: left;
 margin: 0;
 padding: 0;
}
.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: #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: 0 0 45px;
}
.ordHistTable{
 width: 920px;
 margin: 35px 0 0 50px;
 padding: 0 0 35px;
}
.mtaLastPayout{
 color: #808080;
}
#detailContainer{
 float: left;
 margin: 5px 0 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/gbr/arrowWhite_up.gif) no-repeat center;
 text-decoration: none;
}
.csArrowDESC{
 background: url(/images/gbr/arrowWhite_down.gif) no-repeat center;
 text-decoration: none;
}
.hdrSignIn{
 float: right;
 padding: 0 10px 0 0;
}
#maCashSplash .login{
 position: relative;
 left: 400px;
 top: 190px;
 width: 200px;
 vertical-align: top;
}
#faqs li{
 padding: 0 0 5px 30px;
 margin: 5px 0;
 font: bold 100% "Lucida Grande", verdana, arial, sans-serif;
 color: #fff;
}
.maCashGreenTextBig{
 color: #3f9e40;
 font-weight: bold;
 font-size: 16px;
}
.icoMACashBig{
 background: url(/images/gbr/motivesCosmetics/icoMACashBig.gif) no-repeat;
 padding: 12px 0 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/gbr/webPortals/icoMACashBig.gif) no-repeat 2px 6px;
 padding: 15px 0 15px 60px;
 color: #000;
}
span.alertBig{
 border: 1px solid #d1c75a;
 padding: 15px;
 height: 57px;
 line-height: 57px;
 background: #fffbc3 url(/images/gbr/eng/webPortals/bgAlert.gif) repeat 0 0;
 clear: both;
}
.inviteBtn{
 text-align: center;
 color: #fff;
 font-size: 12px;
 border: 2px solid #999;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 background: #262323 url(/images/gbr/motivesCosmetics/bgButton.gif) top repeat-x;
 text-decoration: none !important;
 height: 20px;
 top: 3px;
 position: relative;
 left: 16px;
 margin: 0 4px;
 padding: 2px;
}
#invite.contentPanel{
 padding: 6px 0 0;
 margin: 75px 0 300px;
}
div#cbBanner{
 position: relative;
 float: left;
 top: 9px;
 left: 16px;
 display: none;
}
#agreements{
 color: #fff;
}
#agreements .agreeWrap{
 color: #000;
 background: #fff;
 line-height: 1.64em;
 height: 200px;
 width: 800px;
 padding: 5px 10px 0 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: 0 0 0 20px;
}
#agreements .ident2{
 padding: 0 0 0 40px;
}
#agreements p{
 margin: 0 0 -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/gbr/motivesCosmetics/dblArrowRt.gif) no-repeat left;
 width: 16px;
 height: 16px;
 line-height: 12px;
 text-indent: -9999px;
 display: block;
 -moz-outline-style: none;
}
.srchResultsMsg{
 color: #808080;
}
div#srchBoxContainer{
 display: inline;
 margin: 0 3px 0 0;
 padding: 0;
 float: right;
 position: relative;
 top: 5px;
}
.greyFrmCtrl{
 background: #ccc;
}
div#srchHdrContainer{
 padding: 32px 80px;
 color: #808080;
}
form#search{
 margin: 0;
 padding: 0;
}
form#search input{
 margin: 0;
 padding: 0;
 width: 120px;
}
div#srchFtrContainer{
 padding: 0 80px 25px;
 color: #808080;
}
.pagePrev1{
 background: url(/images/gbr/motivesCosmetics/dblArrowLt.gif) no-repeat left;
}
.pageNext0, .pagePrev0{
 display: none;
}
.paging{
 clear: both;
 padding: 0;
 margin: 18px 0 0 0;
}
.paging label{
 display: block;
 float: left;
 line-height: 18px;
 margin: 0;
}
.paging fieldset{
 padding: 0;
 margin: 0;
 border: none;
}
.paging select, .paging #jumpTop, .paging #jumpBottom{
 display: block;
 float: left;
 margin: 0 18px 0 4px;
}
.paging .linkList{
 padding: 0 4px;
 line-height: 19px;
}
.paging .linkList li{
 padding: 0 3px;
 line-height: 12px;
 height: 12px;
 margin: 0;
 display: block;
 float: left;
}
.paging #jumpTop, .paging #jumpBottom{
 margin: 3px 0 0 0;
}
.outOfStock{
 color: #911b25;
 font-size: 11px;
}
.results{
 width: 1000px;
 margin: 0 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 0 2px;
 padding: 0 0 10px 0;
 border: 0 solid #333;
 clear: none;
 text-align: center;
 background: #000;
}
.results .product.withIBV1{
 height: 405px;
 min-height: 405px;
}
.product a.prodImage{
 display: block;
 float: left;
 width: 230px;
 height: 200px;
 margin: 5px;
 padding: 0;
 line-height: 200px;
 clear: both;
 overflow: hidden;
 font-size: 1px;
 color: #fff;
 background: #000;
}
.product .detail{
 position: relative;
 padding: 0;
 clear: none;
 display: block;
 width: 230px;
 margin: 0 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: 0 5px;
 padding: 5px;
 border: 1px solid transparent;
 background: #eee;
 border: 1px solid #ccc;
}
.product .prodImage img{
 vertical-align: middle;
 max-width: 190px;
 max-height: 190px;
 margin: 0;
 padding: 0;
}
.product .buttonWrapper{
 background: none;
 z-index: 0;
 padding: 16px 0 0 0;
}
.product .amount{
 display: inline;
 margin: 0;
 padding: 4px 0 4px 0;
 color: #800000;
 font-weight: bold;
 font-size: 14px;
}
img.resize190{
 border: 1px solid #262626;
}
.noResults{
 margin: 0;
}
.results a:visited{
 color: #ccc;
}
.results a:hover{
 color: #fff;
}
.search .noResults #searchTips h2{
 font-size: 16px;
 font-weight: bold;
 vertical-align: bottom;
 padding: 0 0 0 25px;
}
.search .noResults #searchTips .hrDashed{
 width: 752px;
}
.search .noResults #searchTips{
 margin: 0 0 180px -20px;
}
.search.noResults #searchTips ul{
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 12px;
 color: #000;
 text-decoration: none;
}
.search .noResults #searchTips ul li{
 font-weight: bold;
}
.results .product p{
 margin: 5px 0;
}
.search .results table{
 width: auto !important;
}
.maCashbackText{
 position: relative;
 top: -4px;
}
a.linkMediumSelected{
 color: #fff;
 text-decoration: none;
}
select#sortBy, select#numItemsRequested, input#srchProducts{
 background: #ccc;
 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: 0 30px 0 30px;
 padding: 0 0 30px 15px;
}
div #mtgHeader{
 width: 100%;
 float: left;
 font-size: 26px;
}
div #mtgHeader #mtgTitleDsp{
 color: #fff;
 font-size: 28px;
 padding: 15px 0 15px 0;
}
div #mtgImg{
 float: left;
 padding: 0 8px 0 0;
 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/gbr/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: #fff;
}
.mtgWhatsThis{
 font-size: 11px;
 color: #666;
}
.mtgTrainingBtn{
 text-align: center;
 color: #fff;
 font-size: 14px;
 padding: 2px;
 margin: 8px 0;
 border: 2px solid #999;
 border-right: 2px solid #333;
 border-bottom: 2px solid #333;
 background: #262323 url(/images/gbr/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/gbr/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: #000;
 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: 0 30px 0 30px;
 padding: 30px 0 30px 15px;
}
#mtgDtlHeader{
 width: 100%;
 float: left;
 font-size: 26px;
 padding: 0 0 15px;
}
#mtgDtlSpkrHolder{
 float: left;
 padding: 0 8px 0 0;
 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%;
 overflow: auto;
 height: 190px;
}
#mtgDtlSpkr .mtgSpkrImg{
 display: block;
 float: left;
 width: 32%;
 vertical-align: text-top;
}
#mtgDtlSpkr .mtgSpkrText{
 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;
 line-height: 20px;
 margin: 0 0 0 -30px;
}
.ie6. #mtgDtlSpkr .mtgSpkrText ul{
 margin: 0 0 0 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: 0 0 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;
}
.ie6 #mtgDtlTableResults td.spkrColumn{
 padding: 20px 0 20px 0;
}
#mtgDtlTableResults td.firstColumn{
 padding: 0 0 0 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;
 width: 1020px;
 height: 96px;
 clear: both;
 top: 0;
 background: url(/images/gbr/motivesCosmetics/bottomBar.gif) top left;
 border-top: 10px solid #fff;
 border-bottom: 10px solid #fff;
 margin: 0;
 width: 1020px;
}
#ezCartContainer{
 position: static;
 width: 1000px;
 height: 96px;
 clear: both;
 top: 0;
 background: #333;
 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;
}
#ezCartLinks ul{
 position: relative;
 float: right;
 display: block;
 list-style: none;
 margin: 15px 0 0 0;
 padding: 0 10px 0 0;
}
#ezCartLinks ul li{
 display: inline;
 padding: 0 10px;
 margin: 0 0 5px 0;
 border-right: 1px solid #808080;
}
#ezCartLinks img{
 float: left;
 margin: 5px 0 0 30px;
}
#ezCartLinks{
 width: auto;
 float: left;
}
.ie7 #ezCartLinks{
 width: 350px;
}
#ezCartShopNow{
 margin: 11px 10px 0 0;
 float: right;
}
#ezCartShopNow span{
 padding: 0 7px 0 0;
 font-size: 0.92em;
}
a.btnShare{
 clear: both;
 float: right;
 display: block;
 height: 30px;
 width: 150px;
 margin: 0;
 position: static;
 background: url(/images/gbr/motivesCosmetics/btnShare.gif) no-repeat;
}
.oldie a.btnShare{
 margin: 1px 0 0 0;
}
.icoMACashExtended{
 background: url(/images/gbr/motivesCosmetics/icoMACashbackPlus.gif) no-repeat;
 padding: 0 0 0 25px;
}
.maCashExtendedGreenText{
 color: #3f9e40;
 font-weight: bold;
}
.maCashExtendedRedText{
 color: #f00;
 font-weight: bold;
}
span.maCashPlusAlert strike{
 color: #856c31;
 text-decoration: line-through;
}
span.maCashPlusAlert span.maCashPlus{
 background: url(/images/gbr/motivesCosmetics/icoMACashbackPlus.gif) no-repeat 2px 2px;
 padding: 0 0 0 30px;
}
span.maCashPlusAlert{
 border: 1px solid #ffcf5f;
 padding: 2px;
 height: 19px;
 line-height: 19px;
 background: #fff45f;
 clear: both;
 color: #000;
 font-weight: bold;
}
/* SLIMBOX */
#lbOverlay{
 position: fixed;
 z-index: 9999;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: #000;
 cursor: pointer;
}
#lbCenter, #lbBottomContainer{
 position: absolute;
 z-index: 9999;
 overflow: hidden;
 background: #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: 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: 0 71px 0 0;
}
#lbCaption{
 font-weight: bold;
}
.toolbar{
 background: #444;
 height: 28px;
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 z-index: 100;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 0 0 0 5px;
 padding: 7px 0 0 0;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;
 border-top: 1px solid #333;
 border-color: #333;
 text-align: left;
}
.toolbarcollapse{
 background: #444;
 height: 28px;
 position: fixed;
 bottom: 0;
 width: 150px;
 right: 0%;
 z-index: 100;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: #fff;
 padding: 0 0 0 5px;
 padding: 7px 0 0 0;
 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: #333;
}
#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: 0 20px 0 0;
 position: absolute;
 right: 5px;
 bottom: 10px;
}
.linkPage{
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 display: inline;
 cursor: pointer;
 text-decoration: underline;
 color: #fff;
}
.urlBox{
 border: 1px solid #09f;
 border-color: #09f;
 height: 12px;
 background: #fff;
 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: #eee;
}
.addthis_toolbox .hover_menu{
 display: none;
 bottom: 36px;
 left: 5px;
 position: fixed;
 background: #444;
 z-index: 1000;
 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: #999;
 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/gbr/motivesCosmetics/shadow.png) no-repeat scroll top left transparent;
 width: 650px !important;
 height: 500px !important;
}
.quickLookShadow iframe{
 margin: 25px 0 0 38px;
}
#quickLook a.button{
 width: auto;
 margin: 5px 0 0 0;
 margin: 0 0 5px;
}
span.quickLook{
 color: #060;
 background: #ada;
 padding: 4px 10px 4px 8px;
 float: none;
 font-weight: normal;
 position: absolute;
 top: 6px;
 left: 193px;
 cursor: pointer;
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomleft: 10px;
}
#quickLook{
 width: 553px;
 height: 445px;
 background: none repeat scroll 0 0 #fff;
 padding: 5px;
 text-align: left;
 position: relative;
 float: left;
}
#cvvInfo{
 width: 552px;
 height: 400px;
 overflow-x: hidden;
 margin: 0 0 0 8px;
}
.cvvInfoShadow{
 background: url(/images/gbr/motivesCosmetics/shadow480x369.png) no-repeat scroll top left transparent;
 width: 480px !important;
 height: 369px !important;
}
.cvvInfoShadow iframe{
 margin: 25px 0 0 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 #666;
 border-bottom: 1px solid #666;
 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: #f00;
 border: 1px solid #f00;
 background: #fddfed;
 margin: 4px auto;
}
#cookieWarning span{
 font-size: 14px;
 font-weight: bold;
}
#ezHeaderWrap0{
 width: 100%;
 color: #333;
 line-height: 22px;
 background: #fdf5c7 url(/images/gbr/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: 0 auto;
}
.prCustReviews a{
 padding: 100px 0 5px 10px;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 color: #975a5a;
}
body.customBlendWrap{
 background: #fff url(/images/gbr/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: 0;
 width: 1004px;
}
#container.customBlendWrap{
 background: none;
 width: 1004px;
}
.cbDirections{
 color: #666;
 font: 11pt Verdana, Arial, Helvetica, sans-serif;
 padding: 0 0 10px;
}
#customBlendWrap p.cbConfirmGreeting{
 width: 400px;
 padding: 10px;
}
#customBlendWrap img.cbConfirmGreeting{
 float: left;
 padding: 10px;
}
.matvCB{
 background: url(/images/gbr/motivesCosmetics/logo-ma-tv-cb.png) no-repeat 0 0;
}
.custBlendFooter{
 color: #000;
}
.custBlendFooter a{
 color: #000;
 outline: medium none;
 text-decoration: underline;
}
.custBlendFooter a:hover{
 color: #000;
 outline: medium none;
 text-decoration: none;
}
.custBlendFooter a:visited{
 color: #000;
 outline: medium none;
 text-decoration: underline;
}
#ezCartContainerCB{
 background: none;
 border-top: solid 3px #e8743d;
 padding: 10px 0 0 0;
 margin: 30px 0 0 15px;
}
#pageTerminatorCB{
 background: none;
}
.cbFeatures{
 color: #666;
}
.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: 0 0 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: 0 0 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: #e7743e;
 width: 560px;
 clear: left;
 border: none;
 margin: 20px 10px 10px 0;
}
#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: 0 70px 0 0;
}
#customBlendWrap h2#findTheMatch{
 display: block;
 background: url(/images/gbr/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: 0 0 10px 10px;
 vertical-align: middle;
}
img#cbCmImage{
 float: left;
 padding: 0 12px 0 0;
}
#customBlendWrap h3{
 font-weight: normal;
 font-size: 1.9em;
 margin: 0 0 0.9em 0;
}
#customBlendWrap h4#yourConsultantWill{
 display: block;
 background: url(/images/gbr/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: 0 0 0 20px;
 background: url(/images/gbr/motivesCosmetics/custom-blend-asterisk.gif) no-repeat 0 2px;
}
#customBlendWrap ul#consultantSteps li{
 font-size: 1.2em;
 list-style: none;
 margin: 0 0 1.4em 0;
 padding: 0 0 0 1.5em;
 background: url(/images/gbr/motivesCosmetics/bullet-custom-blend.gif) no-repeat 0 2px;
}
#customBlendWrap ul, #customBlendWrap li{
 margin: 0;
 padding: 0;
}
.question{
 color: #000;
 list-style: none;
 font-size: 2em;
 margin: 10px 0;
 padding: 5px 0 5px 40px;
}
.question1{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-01.gif) no-repeat 0 0
}
.question2{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-02.gif) no-repeat 0 0
}
.question3{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-03.gif) no-repeat 0 0
}
.question4{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-04.gif) no-repeat 0 0
}
.question5{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-05.gif) no-repeat 0 0
}
.question6{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-06.gif) no-repeat 0 0
}
.question7{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-07.gif) no-repeat 0 0
}
.question8{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-08.gif) no-repeat 0 0
}
.question9{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-09.gif) no-repeat 0 0
}
.question10{
 background: url(/images/gbr/motivesCosmetics/custom-blend-numbers-10.gif) no-repeat 0 0
}
.question11{
 background: url(/images/gbr/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: 0 0 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: 0 0 1px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
#customBlendWrap ul.answerBlock li{
 font-size: 16px;
 margin: 0 1px 0 0;
 list-style: 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: none;
 padding: 0;
 float: left;
}
#customBlendWrap ul.answerBlockSkinTone li.rowEnd{
 margin: 0;
}
.answerBlockSkinTone .tone1{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-01.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone2{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-02.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone3{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-03.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone4{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-04.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone5{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-05.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone6{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-06.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone7{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-07.jpg) no-repeat 0 0;
 }
.answerBlockSkinTone .tone8{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-08.jpg) no-repeat 0 0;
 }
.answerBlockSkinTone .tone9{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-09.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone10{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-10.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone11{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-11.jpg) no-repeat 0 0;
}
.answerBlockSkinTone .tone12{
 background: url(/images/gbr/motivesCosmetics/custom-blend-tone-12.jpg) no-repeat 0 0;
}
#customBlendWrap ul.answerBlock li input{
 margin-right: 1.1em
}
#customBlendWrap input.tone{
 margin: 0 8px 0 0;
 float: right;
}
input#customBlendContinue{
 background: url(/images/gbr/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: 0 0 10px;
}
#customBlendWrap .passwordNote{
 font-size: 10px;
 line-height: 0;
 padding: 0 0 0 205px;
 vertical-align: middle;
}
#customBlendWrap form#registration label span{
 display: inline-block;
 height: 20px;
 width: 25px;
 vertical-align: middle;
 margin: 0 0 0 5px;
 background: url(/images/gbr/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: 0 0 0 201px;
 width: auto;
}
#customBlendWrap form#registration label#termscheck{
 float: right;
 font-weight: normal;
 width: 350px;
 margin: 0 350px 0 0;
}
#customBlendWrap form#registration input#customBlendSubmit{
 background: url(/images/gbr/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: none;
}
#footerLinksCB{
 position: relative;
 width: 1000px;
 height: 96px;
 text-align: center;
 margin: 20px 0 0 0;
 font-size: 0.92em;
}
#footerLinksCB ul{
 display: block;
 list-style: none;
 margin: 5px 0 5px 10px;
 padding: 0;
 text-indent: none;
}
#footerLinksCB ul li{
 display: inline;
 padding: 0 10px;
 margin: 0;
 border-right: 1px solid #808080;
 text-indent: none;
}
#footerLinksCB a{
 text-decoration: none;
 color: #000;
}
#footerLinksCB a:hover{
 text-decoration: underline;
 color: #333;
}
#footerLinksCB p{
 padding: 0 0 0 20px;
 margin: -1px 0 0 0;
}
.cbCntuActive{
 background: url(/images/gbr/motivesCosmetics/button-continue.jpg) no-repeat 0 0;
 border: 0;
 cursor: pointer;
 margin: 0 10px 10px 200px;
 width: 177px;
 height: 43px;
 line-height: 0;
 text-indent: -9999px;
}
.cbCntuInactive{
 background: url(/images/gbr/motivesCosmetics/button-continue-inactive.jpg) no-repeat 0 0;
 border: 0;
 cursor: pointer;
 margin: 0 10px 10px 200px;
 width: 177px;
 height: 43px;
 line-height: 0;
 text-indent: -9999px;
}
.cbCtnuContainer{
 display: inline-block;
 width: 690px;
 background: #fff;
 border: solid 1px #e7743e;
 vertical-align: middle;
 width: 817px;
 padding: 15px 20px 0 20px;
 margin: 0 0 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: 0 0 10px 0;
 vertical-align: middle;
}
.imageHangingIndent{
 float: left;
 margin: 0 20px 108px 0;
}
.lineSpaced{
 line-height: 26px !important;
}
#fieldsetWide{
 width: 750px;
}
.ie6 #fieldsetWide, .ie7 #fieldsetWide{
 padding: 0 0 20px;
}
input#customBlendFinished{
 background: url(/images/gbr/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: url(/images/gbr/motivesCosmetics/icoAddGreen.gif) no-repeat 2px 1px;
 margin: 0 0 0 15px;
}
img#productCustomBlendReg{
 float: right;
 margin: 0 70px 0 160px;
}
.ie6 img#productCustomBlendReg, .ie7 img#productCustomBlendReg{
 margin: 0 60px 0 150px;
}
.customBlendSelect{
 height: 23px !important;
}
#signIn #invite textarea#inpAddresses{
 width: 660px;
 height: 70px;
}
#signIn #distSearchContacts{
 clear: left;
 float: left;
 height: 158px;
 margin: 0 0 0 -30px;
 padding: 10px 0 0 0;
 width: 970px;
}
#signIn #distSearchContacts fieldset{
 background: #333;
 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;
}
#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;
}
#contactsBook{
 clear: both;
 background: #333;
 color: white;
 margin: 0;
 padding: 0 5px;
 width: 390px;
 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 label[for="inpTOS"], #signIn #inpTOS, #signIn #googleContacts, #signIn #yahooContacts, #signIn #hotmailContacts, #signIn .outlookContacts, #signIn #countrySelectAll{
 clear: none;
 height: 18px;
 line-height: 18px;
 margin: 0;
 padding: 0 5px;
 width: auto;
}
#signIn #wordVerifyContacts{
 margin: 0 0 0 -30px;
}
#signIn .pcSignUpSuccess{
 width: 100%;
 padding: 0;
 margin: 20px auto;
 color: #fff;
 font-family: arial, sans-serif;
 font-size: 14px;
 line-height: 18px;
 overflow: hidden;
}
#signIn .pcSignUpSuccess h1{
 color: #fff;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 36px;
 line-height: 36px;
 padding: 0;
 margin: 0 0 10px;
}
#signIn .pcSignUpSuccess h2{
 color: #fff;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 24px;
 line-height: 24px;
 padding: 0;
 margin: 0 0 30px;
}
#signIn .shopConsultant{
 width: 520px;
 padding: 0 0 30px;
 margin: 0;
 float: left;
 overflow: hidden;
}
#signIn .shopConsultant p{
 color: #fff;
 font-family: arial, sans-serif;
 font-weight: normal;
 font-size: 14px;
 line-height: 18px;
 padding: 0;
 margin: 0 0 30px;
}
#signIn .shopConsultant img{
 margin: 0 30px 30px 0;
 padding: 0;
 float: left;
 width: 100px;
}
#signIn .personalConsultant{
 overflow: hidden;
}
#signIn .inviteFriends{
 width: 330px;
 padding: 30px;
 margin: 0 30px 30px 0;
 float: right;
 overflow: hidden;
 background: #333;
}
#signIn .inviteFriends ol{
 padding: 0;
 margin: 0;
 list-style: none;
}
#signIn .inviteFriends ol li p{
 font-family: arial, sans-serif;
 font-size: 14px;
 line-height: 18px;
 padding: 0;
 margin: 0 0 10px;
}
#signIn .inviteFriends label{
 display: block;
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 14px;
 line-height: 18px;
 padding: 0;
 margin: 0 0 10px;
}
#signIn .inviteFriends textarea#inpMessage{
 display: block;
 width: 330px;
 height: 140px;
 color: #333;
 background: #eee;
 border: 0;
 margin: 0 0 20px;
 padding: 5px;
 font-family: arial, sans-serif;
 font-size: 14px;
 line-height: 18px;
}
#signIn .inviteFriends textarea#inpAddresses{
 display: block;
 width: 330px;
 height: 70px;
 color: #333;
 background: #eee;
 border: 0;
 margin: 0;
 padding: 5px;
 font-family: arial, sans-serif;
 font-size: 14px;
 line-height: 18px;
}
#signIn .privacyPolicy{
 clear: both;
 border-top: solid #333 1px;
 padding: 10px 0;
 margin: 10px 0;
 font-family: arial, sans-serif;
 font-size: 14px;
 line-height: 18px;
}
#signIn .cmMsg{
 width: 405px;
 word-wrap: break-word;
 float: right;
}
#signIn .cmImage{
 width: 105px;
 float: left;
}
#signIn .inviteCaptcha{
 margin: 0 0 0 30px;
}
#welcome{
 color: #808080;
 float: left;
 left: 75px;
 position: relative;
 text-align: center;
 top: 35px;
}
#welcomeGBR{
 color: #808080;
 float: left;
 text-align: center;
 padding: 5px 20px 0;
}
#welcomeGBR .emailContacts{
 color: #fff;
 padding: 0 0 0 4px;
}
#welcomeGBR .name{
 color: #fff;
 padding: 0 4px 0 0;
}
#welcomeGBR .msgDivider{
 color: #fff;
}
#scaMain{
 background: #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: #ccc;
}
.rightSection{
 width: 600px;
}
.grayed{
 color: #999;
 font-size: small;
}
h1.scaHeader{
 font-size: 43px;
 font-weight: lighter;
 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: #fff;
 border: 2px solid #ccc;
 -moz-border-radius: 15px;
 border-radius: 15px;
}
.scaBtnFinish{
 background: url(/images/gbr/skinCareAnalysis/scaBtnFinish.gif);
 border: none;
 height: 30px;
 width: 80px;
}
.scaBtnNext{
 background: url(/images/gbr/skinCareAnalysis/scaBtnNext.gif);
 border: none;
 height: 30px;
 width: 80px;
}
.scaBtnPrevious{
 background: url(/images/gbr/skinCareAnalysis/scaBtnPrevious.gif);
 border: none;
 height: 30px;
 width: 90px;
}
.scaButton, .scaBtnFinish, .scaBtnNext, .scaBtnPrevious{
 cursor: pointer;
 text-decoration: none;
}
.noTop{
 top: 0 !important;
}
.bluePrintButton{
 background: #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: url(/images/gbr/skinCareAnalysis/csSCABackground.jpg) no-repeat right top;
}
.scaAddToCartSelection{
 background: #eee;
 text-align: center;
 margin: 0 10px 0 0;
}
.lower40{
 margin: 40px 0 0 0;
}
input.buttonRed{
 background: #d61b1b url(/images/gbr/motivesCosmetics/bgRedButton.gif) repeat-x scroll 0 0;
 margin: 0;
 font-size: 11px;
 font-weight: bold;
 color: #fff;
 height: 30px;
 border-color: #c00;
}
input.buttonBlue{
 background: #5ba5b2;
 margin: 0;
 font-size: 11px;
 font-weight: bold;
 color: #fff;
 height: 30px;
 border-color: #5ba5b2;
}
a.buttonRed{
 text-align: center;
 width: 100px;
 color: #fff;
 font-size: 14px;
 line-height: 18px;
 height: 18px;
 padding: 5px;
 margin: 10px 10px 10px 0;
 border-top: 2px solid #f99;
 border-right: 2px solid #661e1e;
 border-bottom: 2px solid #661e1e;
 border-left: 2px solid #f99;
 background: #d61b1b url(/images/gbr/motivesCosmetics/bgRedButton.gif) repeat-x scroll 0 0;
 text-decoration: none;
}
a.buttonRed:hover{
 color: #fff;
 border-top: 2px solid #661e1e;
 border-right: 2px solid #f99;
 border-bottom: 2px solid #f99;
 border-left: 2px solid #661e1e;
 background: #d61b1b url(/images/gbr/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: #fbec88;
 border: 1px solid #fad42e;
 margin: 15px auto;
}
#browserAlert a{
 color: #4279a2;
 font-size: 14px;
}
p#topBanner img{
 display: block;
 margin: 0 150px auto;
}
.centerTable{
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 12px;
 margin: 0 auto;
}
.bodyLoginText{
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 12px;
 color: #000;
 text-decoration: none;
 text-align: left;
 line-height: 14pt;
}
.tableContent{
 background: #fff;
 width: 779px;
}
.tableContent tr.wideTopper{
 background: #fff url(/images/gbr/motivesCosmetics/tableWideTop.gif) no-repeat 0 0;
}
.tableContent tr.wideFooter{
 background: #fff url(/images/gbr/motivesCosmetics/tableWideBottom.gif) no-repeat 0 bottom;
}
.csBlockSprite{
 background: transparent url(/images/gbr/motivesCosmetics/sprites/csBlockSprite.png) no-repeat -138px -60px !important;
}
.portalExplanation{
 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: 6px 6px 6px 0;
}
.portalExplanation p{
 color: #000;
 padding: 0;
 width: 340px !important;
 font-size: 11px;
 margin: 0;
}
#asHoverContent{
 font-size: 10px;
 margin: 0;
}
.autoShipImage{
 background: url(/images/gbr/motivesCosmetics/click-here-to-add-to-autoship-portal.png);
 width: 150px;
 height: 120px;
 cursor: pointer;
}
.asButtonVerticalPosition{
 margin: -25px 0 0 0;
}
.asCashBackPosition{
 margin: 0 0 30px;
}
.floatLeft{
 float: left;
}
.asButtonHorizontalPosition{
 margin: 0 96px 0 0;
}
#autoShip{
 border: solid 7px #ebebeb;
 height: 540px;
 background: #fff;
 padding: 0 10px 0 5px;
 width: 820px;
}
#autoShip #error{
 width: 600px;
 padding: 0 0 5px;
 text-align: center;
 color: #f00;
}
#autoShip .asTitleContainer{
 margin: 10px 0 0 0;
 height: 60px;
}
#autoShip h1.asTitle{
 color: #000;
 font: 18px "Trebuchet MS", Verdana, sans-serif;
 width: 90%;
 float: left;
}
#autoShip #asSubTitle{
 color: #000;
 font: bold 14px "Trebuchet MS", Verdana, sans-serif;
 width: 90%;
 float: left;
}
#autoShip a#asCloseBtn{
 float: right;
 display: block;
 border: 1px solid #666;
 background: #6c6c6c;
 color: #fff;
 padding: 2px 6px;
}
#autoShip #asProds{
 min-height: 50px;
 max-height: 160px;
 overflow: auto !important;
 width: 815px;
 background: #fff;
}
#autoShip #asProds #asProdGrid{
 border: none;
 border-left: 1px solid #999;
}
#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{
 border-right: solid 1px #999;
 vertical-align: middle;
 text-align: center;
 color: #000;
 font-weight: bold;
 background: #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{
 vertical-align: top;
 border-right: solid 1px #999;
 border-bottom: solid 1px #999;
 text-align: center;
 color: #000;
}
#autoShip #asProdsHdr #asProdGridHdr td.qtyHdr{
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 width: 58px;
}
#autoShip #asProdsHdr #asProdGridHdr td.codeHdr{
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 width: 120px;
}
#autoShip #asProdsHdr #asProdGridHdr td.addHdr{
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 border-left: solid 1px #999;
 width: 59px;
}
#autoShip #asProdsHdr #asProdGridHdr td.descHdr{
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 width: 288px;
}
#autoShip #asProdsHdr #asProdGridHdr td.freqHdr{
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 width: 151px;
}
#autoShip #asProdsHdr #asProdGridHdr td.costHdr{
 border-top: solid 1px #999;
 border-bottom: solid 1px #999;
 width: 55px;
}
#autoShip #asProdsHdr #asProdGridHdr td.blankHdr{
 vertical-align: middle;
 text-align: center;
 color: #000;
 font-weight: bold;
 background: #ebebeb;
 border-top: solid 1px #999;
 border-right: solid 1px #999;
 border-bottom: solid 1px #999;
 width: 6px;
}
#autoShip #asProds #asProdGrid td.add{
 width: 59px;
 color: #000;
}
#autoShip #asProds #asProdGrid td.qty{
 width: 58px;
}
#autoShip #asProds #asProdGrid td.cost{
 vertical-align: top;
 border-right: solid 1px #999;
 border-bottom: solid 1px #999;
 text-align: center;
 color: #000;
 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: 0;
 float: right;
 margin: 0 3px 0 0;
}
#autoShip #asProds #asProdGrid td.freq .asFreqSelectArea input,
#autoShip #asProds #asProdGrid td.freq .asFreqSelectDate input{
 width: 75px;
 margin: 0 0 3px 7px;
 float: right;
}
.ie6 #autoShip #asProds #asProdGrid td.freq .asFreqSelectArea input,
.ie6 #autoShip #asProds #asProdGrid td.freq .asFreqSelectDate input,
.ie7 #autoShip #asProds #asProdGrid td.freq .asFreqSelectArea input,
.ie7 #autoShip #asProds #asProdGrid td.freq .asFreqSelectDate input{
 width: 65px;
 margin: 0 3px 0 0;
}
.ie6 .asGridFormLabel, .ie7 .asGridFormLabel{
 display: block;
 float: left;
}
#autoShip h2.asTerms{
 color: #000;
 margin: 0;
 padding: 0;
 font: 18px "Trebuchet MS", Verdana, sans-serif;
 line-height: 40px;
}
#autoShip h3.asTerms{
 color: #000;
 margin: -10px 0 0 0;
 padding: 0;
 font: 14px "Trebuchet MS", Verdana, sans-serif;
}
#autoShip .shipNote{
 width: 793px;
 padding: 10px 5px 5px 15px;
 background: #e5e5e5;
 border: 1px solid #999;
 color: #000;
 font-weight: bold;
}
.asHighlightedRow{
 background: #f5f5f5;
}
#autoConfirm{
 height: 540px;
 background: #fff;
 border: solid 7px #ebebeb;
 padding: 0 10px 0 5px;
 width: 820px;
}
#autoConfirm h1.confTitle{
 width: 820px;
 color: #000;
 text-align: center;
 font: bold 20px "Trebuchet MS", Verdana, sans-serif;
}
#autoConfirm h2.confText{
 width: 820px;
 color: #000;
 text-align: center;
 padding: 10px 0 30px 10px;
 font: 18px "Trebuchet MS", Verdana, sans-serif;
 color: #000;
 line-height: 28px;
}
#autoConfirm .confButtons{
 text-align: center;
 height: 20px;
}
#autoConfirm .confImage{
 background: url(/images/gbr/motivesCosmetics/mAutoShipLogoBig.gif) no-repeat right;
 margin: 80px 0 0 0;
 float: center;
 height: 65px;
 width: 550px;
 color: #000;
 padding: 0 0 30px;
}
#autoConfirm .mostRecent{
 font: bold 20px "Trebuchet MS", Verdana, sans-serif;
 text-align: center;
 padding: 30px 10px 0 0;
}
#autoShip .agreeSection{
 height: auto;
 padding: 15px 0 0 0;
 width: 350px;
}
#autoShip #asPayColumn{
 margin: 5px 0 0 0;
 padding: 0 15px 10px 15px;
 float: right;
 left: 7px;
 line-height: 15px;
 width: 430px;
 background: #f5f5f5;
}
#autoShip #asPayAgree{
 padding: 5px 0 0 0;
}
#autoShip .agreeBox{
 width: 450px;
 float: right;
 color: #000;
}
#autoShip .agreeCheckBox{
 float: right;
 width: 450px;
 color: #000;
 margin: 5px 0 10px 0;
}
#autoShip .agreeCheckBoxImage{
 background: url(/images/gbr/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 #666;
 background: #6c6c6c;
 color: #fff;
 padding: 2px 6px;
 margin: 10px 0 0 0;
}
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/gbr/motivesCosmetics/bgButtonLg.gif) top repeat-x;
 text-decoration: none;
 padding: 5px;
 font-weight: bold;
 width: 125px;
}
a.autoCartButton:active{
 border-bottom: 2px solid #999 !important;
 border-left: 2px solid #000 !important;
 border-top: 2px solid #000 !important;
 border-right: 2px solid #999 !important;
 padding: 5px !important;
 width: 125px;
}
a.autoAddNewCard{
 margin: 0 0 0 5px;
 text-align: center;
 background: #ccc;
 width: 90px;
 padding: 5px 5px;
 color: #000;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
 border-top: 2px solid #fff;
 border-right: 2px solid #999;
 border-bottom: 2px solid #999;
 border-left: 2px solid #fff;
}
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: 8px 0 0 0;
}
#adAutoShip .billShipHead{
 margin: 0 0 15px;
}
#asPayProfile #asADCCAdd{
 color: #036;
 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: #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: #444;
 color: #fff;
 height: 50px;
 margin: 0 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 #fff;
 padding: 5px 5px 10px 5px;
}
#asShipProfileEdit #frmSubErrors{
 margin: 5px 0 0 0;
 text-align: center;
}
#closeX{
 background: #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: #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: #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: #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;
}
#asAddWrapper{
 position: absolute;
 left: 0;
 top: 0;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 overflow: scroll;
 background: #fff;
 color: #000 !important;
}
#asAddPageContent{
 width: 540px;
 max-width: 540px;
 padding: 0 0 50px 10px;
}
#addAutoShip{
 width: 99%;
 min-height: 370px;
 background: #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: 0 0 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: #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: #7d7d7d;
 border: 2px solid #7d7d7d;
 cursor: pointer;
 font-weight: bold;
 padding: 2px 4px;
 margin: -10px 2px 0 0;
}
.ie6 #asAddPageContent #closePage, .ie7 #asAddPageContent #closePage{
 margin: 0 2px 0 0;
}
#asAddPageContent #closePage a{
 color: #000;
}
#asAddPageContent h1.pageTitle{
 background: url(/images/gbr/motivesCosmetics/mAutoShipLogoSM.gif) no-repeat scroll top left;
 display: block;
 min-height: 35px;
 max-width: 170px;
 margin: 10px 0 0 0;
}
#asAddConfirm{
 width: 95%;
 text-align: center;
}
#asAddConfirm h2{
 color: #529ed4;
 font: bold 20px Arial, Helvetica, sans-serif;
 margin: 100px 0 0 0;
 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;
}
#addAutoShip .asButtonText{
 color: #fff;
 font-weight: bold;
 font-size: 12px;
}
#quickAdd{
 border: 1px solid #ccc;
 color: #000;
 padding: 0;
 margin: 0 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: 0;
}
#quickDetails{
 width: 65%;
 padding: 0;
 position: relative;
}
#quickDetails .closeWindow{
 position: absolute;
 cursor: pointer;
 top: 0;
 right: 0;
 width: 10px;
 height: 10px;
 line-height: 10px;
 outline: none;
 text-indent: -9999px;
 background: url(/images/gbr/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: #ffc;
}
#scaMain .width90{
 width: 90%;
}
#scaMain .valueSize{
 width: 100px;
 height: 200px;
}
#scaMain .lower90{
 margin: 90px 0 0 0;
}
#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/gbr/motivesCosmetics/iconIncreasedCashback.png) no-repeat scroll 7px 50% !important;
 background: #ff6 url(/images/gbr/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: #fff url(/images/gbr/skinCareAnalysis/ez-reg-header.jpg) 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/gbr/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/gbr/motivesCosmetics/category-slider-arrow-right.png) no-repeat 0 0;
 display: block;
 left: auto;
 right: -1px;
}
/*Header Banner*/
#header .freeShipping0{
 display: none;
}
#header .freeShipping1{
 clear: both;
 background: url(/images/gbr/motivesCosmetics/freeShipping/free-shipping-banner.jpg) no-repeat scroll left top transparent;
 display: block;
 height: 49px;
 border-top: 10px solid #fff;
 border-bottom: 10px solid #fff;
 margin: 0;
 width: 1020px;
}
/*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/gbr/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/gbr/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/gbr/motivesCosmetics/icon_pound.gif) no-repeat 0 0;
 display: inline-block;
 height: 20px;
 width: 28px;
 left: 10px;
 position: relative;
 top: 5px;
 margin: 0 15px 0 0;
}
#productDetailLayout .maCashBuckText{
 color: #3f9e40;
 font: bold 12px;
}
#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: none repeat scroll 0 0 #fff;
 border: 0 none;
 font-size: 12px;
 height: 16px;
 line-height: 12px;
 margin: 5px 10px 0 0;
 padding: 0;
 width: 20px;
}
#productDetailLayout .shipQual0{
 display: none;
}
#productDetailLayout .shipQual1{
 background: transparent url(/images/gbr/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: 0 0 0 -35px;
}
.ie7 #productDetailLayout ul.buttonLinks{
 margin: 0 0 0 -15px;
}
#productDetailLayout ul.buttonLinks li{
 height: 35px;
}
#productDetailLayout .submitQnty{
 width: 100px;
 float: left;
}
.ie7 #productDetailLayout .submitQnty{
 width: 80px;
}
#productDetailLayout a#asLink{
 position: relative;
 top: 0;
 left: 0;
 margin: 5px 0 0;
 background: url(/images/gbr/motivesCosmetics/btn-autoship.gif) no-repeat 0 0;
 display: block;
 height: 30px;
 width: 160px;
}
#productDetailLayout a#asLink:hover{
 background: url(/images/gbr/motivesCosmetics/btn-autoship.gif) no-repeat 0 -30px;
}
#productDetailLayout a.btnShare{
 position: relative;
 top: 0;
 left: 0;
 float: none;
 margin: 3px 0 0;
 background: url(/images/gbr/motivesCosmetics/btn-share.gif) no-repeat 0 0;
 display: block;
 height: 30px;
 width: 160px;
}
#productDetailLayout a.btnShare:hover{
 background: url(/images/gbr/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;
 z-index: 9999;
}
#TB_secondLine{
 font: 10px Arial, Helvetica, sans-serif;
 color: #666;
}
#TB_window :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: 0 2px 0 0;
}
.ie6 html #TB_window{
 position: absolute;
 margin: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + "px") 0 0 0;
}
#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: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + "px") 0 0 0;
}
#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;
}
#adAutoShip .asADProdGridTotals td{
 padding: 2px 2px 3px 1px;
}
#wp_reviewSummary{
 padding: 20px 0 0 5px;
}
#wp_reviewSummary .padPriceMismatch{
 padding: 10px 0;
}
#errInvQty .padOutOfStock{
 padding: 0 0 5px 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;
}
/* Padding ordering styles */
#standardContent .orderingPadding10{
 padding: 10px;
}
#standardContent .orderingPaddingB10{
 padding: 0 0 10px 0;
}
#standardContent .orderingPaddingT10{
 padding: 10px 0 0 0;
}
#standardContent .orderingPaddingT5{
 padding: 5px 0 0 0;
}
#standardContent .orderingPaddingTBL10{
 padding: 10px 0 10px 10px;
}
#standardContent .orderingPaddingR3{
 padding: 0 3px 0 0;
}
#standardContent .orderingPaddingR5{
 padding: 0 5px 0 0;
}
#standardContent .orderingPadding5{
 padding: 5px;
}
#standardContent .orderingPaddingR8{
 padding: 0 8px 0 0;
}
#standardContent .orderingPaddingTB5LR0{
 padding: 5px 0;
}
#standardContent .orderingPaddingTB3LR0{
 padding: 3px 0;
}
#standardContent .orderingPaddingT3R5B3L0{
 padding: 3px 5px 3px 0;
}
#standardContent .orderingPaddingT5R0B3L4{
 padding: 5px 0 3px 4px;
}
#standardContent .orderingPaddingT3R8B0L0{
 padding: 3px 8px 0 0;
}
#standardContent .orderingPaddingT3{
 padding: 3px 0 0 0;
}
#standardContent .orderingPaddingT12{
 padding: 12px 0 0 0;
}
#standardContent .orderingPaddingT10{
 padding: 10px 0 0 0;
}
#standardContent .placeOrder{
 text-align: right;
}
#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/gbr/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/gbr/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: 0;
 padding: 3px 0 0 0;
 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;
}