/* base elements */ /* ------------------------------------- */ body{background:none repeat scroll 0 0 #ffffff; color:#333333;font-family:Corbel;font-size:13px; outline:none; } a{color:#0188cb;outline:medium none;overflow:hidden;text-decoration:none;cursor: pointer; outline:none; } a:active, a:focus,input, input:active, input:focus{ outline: 0; outline-style:none; outline-width:0; } a:active, a:focus,button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; } fieldset{border:0 none;margin:0;padding:0;} table{width:100%;} th{text-align:left;} td{padding:1em;vertical-align:top;} .clear { clear:both;} .hideFavIcon { visibility: hidden;} .showFavIcon { display: block;} /* helper classes */ /* ------------------------------------- */ .GrayLink a{ color:#4C4C4C; font-family:Corbel; font-size:13px; text-decoration:none;} .clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;} .visually-hidden{border:0 none;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} .no-display{display:none;} .ie7 .visually-hidden{width:1px !important;} ul.menu{float:left;margin:0;padding:0;} ul.menu li{float:left;list-style:none outside none !important;} ul.menu li.M-Menu a{color:#333333;font-weight: bold;} ul.menu li.M-Menu-public a{color:#0188cb;font-weight: bold;} ul.menu-no-border{float:left;margin:0;padding:0;} ul.menu-no-border li{float:left;list-style:none outside none !important;} .info{background: url("../images/interface/info_icon.png") no-repeat left top;margin: 0px 10px 0px 0px;cursor: pointer;width: 20px;float: right;} .info:hover div.info-pop {display:block; } .show-mobile,.hide-desktop {display:none;} div.info-pop{background: url("../images/interface/proclub_number.png") no-repeat center center #ffffff;box-shadow: 0 3px 3px rgba(0,0,0,0.2); border: 1px solid #d9d9d9; display: none; margin: 0;position: absolute;width: 210px;height: 220px;left: 440px;} .clearall {float:right;padding-right: 5px;padding-top: 5px;} .viewall {float:left;padding-left: 20px;padding-top: 35px;} .search-results-content{height:500px;} textarea, select, button, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; } /* page layouts */ /* ------------------------------------- */ #main {padding-top: 0px;} #wrapper{ background: url("../images/header/header-bg.png") repeat-x 0 0 #f9f9f7;margin:auto;width:100%; max-width:1400px; } header {position:relative;margin-left:10px;margin-right:10px;} .WhatNew{float:left; width: 100%;} .primary-content{float:right;margin-left:-1px;padding:0 0 20px;position:relative;width:850px;margin-top: 5px;}/*border-left:1px solid #D9D9D9;*/ .primary-content-login{float:right;margin-left:-1px;padding:20px 20px 20px 10px;position:relative;width:470px;} .secondary-content-login{float:left;margin-left:-1px;padding:20px 0px 20px 20px;width:530px;} #secondary{float:left;width:195px;padding-left: 15px;}/*background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;border-right:1px solid #D9D9D9;*/ #secondary nav {padding-left:10px; padding-right:10px;} #secondary nav a { color:#000; }/*margin-left:15px;*/ .primary-focus #secondary{background:none repeat scroll 0 0 transparent;border:0 none;float:right;width:290px; margin-top:40px;} .full-width .primary-content{border:0 none;width:100%;} .page-content .primary-content{padding-left:3%;width:800px;} .left { float:left; } .show-content {display:block !important;} /* Firefox only */ @-moz-document url-prefix() { .primary-content-login{float:right;margin-left:-1px;padding:0 20px 20px 10px;position:relative;width:470px;} .secondary-content-login{float:left;margin-left:-1px;padding:0px 0px 20px 20px;width:530px;} .vsu_signup .vsu-mainform input[type='checkbox']{width:auto !important;} } /* IE only */ .ie9 .primary-content-login{float:right;margin-left:-1px;padding:0 20px 20px 10px;position:relative;width:470px;} .ie9 .secondary-content-login{float:left;margin-left:-1px;padding:0px 0px 20px 20px;width:530px;} /* IE10+ only */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .primary-content-login{float:right;margin-left:-1px;padding:0 20px 20px 10px;position:relative;width:470px;} .secondary-content-login{float:left;margin-left:-1px;padding:0px 0px 20px 20px;width:530px;} #cart-table .item-quantity input{padding-bottom:8px !important;} .pt_account .paymentSetting .section-header-note{position:static;} .cart-coupon-code .error{float:left; padding-left: 0 !important;} #cart-table .item-user-actions{max-width: 100% !important} #cart-table .item-user-actions div.in-wishlist{max-width: 100% !important} .vsu_signup .vsu-mainform input[type='checkbox']{width:auto !important;} .welComelogin #dwfrm_login{width: 100%; float: left;} } /* jQuery Ui */ /* ------------------------------------- */ .ui-widget-overlay{background:url("../images/interface/ui-overlay-shadow.png") repeat scroll top left transparent;opacity:0.8;} .ui-dialog{background:none repeat scroll 0 0 #FFFFFF; border: 2px solid #333;} .ui-dialog .ui-widget-header{background:none repeat scroll 0 0 #FFF;border:0 none;border-radius:0 0 0 0;height:23px;}/*F3F3F3 text-transform:uppercase;*/ .ui-dialog .ui-dialog-title{font-weight:bold;} .ui-dialog .ui-icon-closethick{background-image:url("../images/interface/icon-ui-close2.png");background-position:left top;height:32px;width:32px;} .ui-dialog .ui-dialog-titlebar-close{border:0 none;border-radius:0 0 0 0;height:32px;margin:0;padding:0;right:0;top:0;width:32px;} .ui-dialog .ui-dialog-titlebar-close span{margin:0;padding:0;} .ui-dialog h1,.ui-dialog h2{font-size:1.8em;font-weight:500;margin:5px 158px 5px 0;text-transform:uppercase;}/*font-family:Corbel;font-style:italic;*/ .ui-dialog h3{font-size:1.8em;font-weight:500;margin:5px 50px 5px 0;} .ui-dialog .dialog-required{font-weight:400;position:relative;text-transform:none;} .ui-accordion .ui-accordion-content{padding:0;} .ui-tabs .ui-tabs-nav{background:none repeat scroll 0 0 transparent;border:0 none;height:2.45em;padding:0;} .ui-tabs .ui-tabs-nav li{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #EFEFEF;border-color:#D9D9D9 #D9D9D9 #FFFFFF;border-style:solid;border-width:1px;font-family:Corbel;font-style:italic;list-style:none outside none !important;margin:0 1px -1px 0;} .ui-tabs .ui-tabs-nav li.ui-state-active{background:none repeat scroll 0 0 #FFFFFF;} .ui-tabs .ui-tabs-nav li.ui-state-active a{color:#666666;} .ui-tabs .ui-tabs-nav li a{color:#999999;} .ui-tabs .ui-tabs-panel{background:none repeat scroll 0 0 #FFFFFF;border-color:#D9D9D9;border-radius:0 0 0 0;border-style:solid;border-width:1px;box-shadow:4px 2px 10px 0 rgba(66,66,66,0.1);color:#414141;font-size:0.9em;line-height:1.5em;margin:0;padding:20px 10px;} .no-close .ui-dialog-titlebar-close {display: none;} /* form components */ /* ------------------------------------- */ /*.button,a.buttonstyle{background:none repeat scroll 0 0 #FFFFFF;border-color:#CCCCCC #CCCCCC #D0D0D0;border-style:solid;border-width:1px 1px 4px;color:#0188cb;cursor:pointer;display:inline;font-size:1.1em;font-weight:700;padding:0.6em 2em 0.5em;text-align:center;} button,a.buttonstyle{background:none repeat scroll 0 0 #FFFFFF;border-color:#CCCCCC #CCCCCC #D0D0D0;border-style:solid;border-width:1px 1px 4px;color:#0188cb;cursor:pointer;display:inline;font-size:1.1em;font-weight:700;padding:0.6em 2em 0.5em;text-align:center;} input[type="button"]{background:none repeat scroll 0 0 #FFFFFF;border-color:#CCCCCC #CCCCCC #D0D0D0;border-style:solid;border-width:1px 1px 4px;color:#0188cb;cursor:pointer;display:inline;font-size:1.1em;font-weight:700;padding:0.6em 2em 0.5em;text-align:center;} */ .button,a.buttonstyle{background:none repeat scroll 0 0 #333333;border-color:#FFF;border-style:double;border-width:5px;color:#FFFFFF;cursor:pointer;display:inline;font-size:1.1em;font-weight:700;padding:0.6em 1.5em 0.5em;text-align:center;text-transform:uppercase;} button,a.buttonstyle{background:none repeat scroll 0 0 #000000;border-color:#FFF;border-style: none;border-width:5px;color:#FFFFFF;cursor:pointer;display:inline;font-size:1.0em;font-weight:700;padding:0.5em 1.5em 0.5em;text-align:center;text-transform:uppercase;vertical-align: super; } button,a.buttonstyle, #validateRequiredImage {/* background:none repeat scroll 0 0 #333333;border-color:#FFF;border-style:double;border-width:5px;*/color:#FFFFFF;cursor:pointer;display:inline;font-size:1.0em;font-weight:700;padding:0.5em 1.5em 0.5em;text-align:center;text-transform:uppercase;vertical-align: super;} #validateRequiredImage { float: left; margin-left: 27px; } #vsu-license-form #imageUploadError { float: left; width: 100%; margin-top: -105px; color: red; margin-left:0px; } input[type="button"]{background:none repeat scroll 0 0 #333333;border-color:#FFF;border-style:double;border-width:5px;color:#FFFFFF;cursor:pointer;display:inline;font-size:1.1em;font-weight:700;padding:0.6em 1.5em 0.5em;text-align:center;text-transform:uppercase;} button.rightarrow{background-image: url("../images/button_right_arrow.png");background-repeat: no-repeat; background-position: 90% 50%;} .link-button{background:none repeat scroll 0 0 #333333;border-color:#FFF;border-style:double;border-width:5px;color:#FFFFFF;cursor:pointer;display:inline;font-size:1.1em;font-weight:700;padding:0.6em 2em 0.5em;text-align:center;text-transform:uppercase;} .link-button-small{background:none repeat scroll 0 0 #333333;border-color:#FFF;border-style:double;border-width:5px;color:#FFFFFF;cursor:pointer;display:inline;font-size:.9em;font-weight:500;padding:0.3em 0.7em;text-align:center;text-transform:uppercase;} button[disabled],input[disabled]{color:#CCCCCC;} /*.button-fancy-small{background:url("../images/interface/ui-wht-tran-grad-52.png") repeat-x scroll 0 0 #01A4E4;color:#FFFFFF !important;font-size:1em;font-weight:400;text-transform:uppercase;} .button-fancy-medium{background:url("../images/interface/ui-wht-tran-grad-52.png") repeat-x scroll 0 0 #01A4E4;color:#FFFFFF !important;font-weight:400;text-transform:uppercase;} .button-fancy-large{background:url("../images/interface/ui-wht-tran-grad-52.png") repeat-x scroll 0 0 #01A4E4;color:#FFFFFF !important;font-size:1.75em;font-weight:400;padding:0.5em 1em;text-transform:uppercase;} */ button[disabled] { opacity: 0.5; } .button-fancy-small{background:none repeat scroll 0 0 #000000;border-style:none;color:#FFFFFF;cursor:pointer;display:inline;font-size:.9em;font-weight:500;padding:0.3em 0.7em;text-align:center;text-transform:uppercase;} .button-fancy-medium{background:none repeat scroll 0 0 #000000;border-style:none;color:#FFFFFF;cursor:pointer;display:inline;font-family: Raleway;font-size:14px;font-weight:700;padding:0 0 ;text-align:center;text-transform:uppercase;line-height: 30px} .button-fancy-large{background:none repeat scroll 0 0 #000000;border-style:none;color:#FFFFFF;cursor:pointer;display:inline;font-size:1.1em;font-weight:700;padding:0.6em 2em 0.5em;text-align:center;text-transform:uppercase;} .button-fancy-small[disabled]{opacity:0.5} .button-fancy-medium[disabled]{opacity:0.5} .button-fancy-large[disabled]{opacity:0.5} .button-text{background:none repeat scroll 0 0 transparent;border:0 none;font-weight:200;padding:0;color:#0188cb;text-transform:none;} .button-full-width{padding-left:0;padding-right:0;text-align:center;width:100%;} .js button.simple-submit{display:none;} legend{border-bottom:1em solid #FFFFFF;font-size:1.1em;font-weight:700;margin:0;padding:14px 2% 10px;position:relative;text-transform:uppercase;width:96%;} /*background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #EFEFEF;*/ .ie7 legend{width:94%;} legend span{font-size:12px;font-weight:400;position:relative;text-transform:none;padding:0 .5;} legend span em{color:#333333;} span em{color:#333333;} h2 span{font-size:12px;font-weight:400;position:relative;text-transform:none;float:right;padding:0 0;} h2 span em{color:#333333;} h1 span{font-size:12px;font-weight:400;position:relative;text-transform:none;float:right;padding:2px 0px;} h1 span em{color:#333333;} .dialog-required{font-size:12px;font-weight:400;position:relative;float:right;padding:2px 0;} .dialog-required em{color:#333333;} label,.form-label-text,.emailLabel{display:block;float:left;font-size:1.1em;font-weight:700;padding:0.35em 0 0;text-align:right;width:25%;} .form-label-text span{margin-right:5px;} .form-row{clear:both;margin:0 0 1em; float:left; width:100%; } .form-row-button{margin-left:24.5%;width:62%;} input[type="text"],input[type="password"],textarea{border:1px solid #AAAAAA;padding:0.5em 0.4em;text-indent:0;width:49.5966%;outline:none; -webkit-appearance: none; -webkit-border-radius: 0;} input[type="text"].error,input[type="password"].error,textarea.error{background-color:#F1E6E6;border-color:#990000 !important; color:#990000;outline:none;} .rightAlignLabel label {float:none;} select{ text-indent: 0.01px; overflow:hidden; text-overflow: ''; -ms-appearance: none; -o-appearance: none; appearance: none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ background:url("../images/interface/dropdown_icon.png") no-repeat scroll right top transparent; height:25px;border:1px solid #AAAAAA;margin-left:2%; padding: 0 28px 0 3px;width:51.6%; padding: 0px 0px 0px 3px\0/ !important; padding: 0 0 0 .4em; background:none\9 !important; outline:none; } .ie9 select{ text-indent: 0.01px; overflow:hidden; text-overflow: ''; -ms-appearance: none; -o-appearance: none; appearance: none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ height:25px;border:1px solid #AAAAAA;margin-left:2%;padding: 0 28px 0 3px;width:51.6%; padding: 0px 0px 0px 3px !important; background:none !important; } .ie8 select{ text-indent: 0.01px; overflow:hidden; text-overflow: ''; -ms-appearance: none; -o-appearance: none; appearance: none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ height:25px;border:1px solid #AAAAAA;margin-left:2%;padding: 0 28px 0 3px;width:51.6%; padding: 0px 0px 0px 3px !important; background:none !important; } @-moz-document url-prefix() {select{ background:none !important;}} .selectRefinements {width: 180px;} .ie9 .selectRefinements {width: 180px;} select::-ms-expand { display: none;} .search-result-options select {height:25px;font-family:Corbel;font-size:12px;} .contactus-select{width: 69%;margin-left: 1px;} .ie9 .contactus-select{width: 69%;margin-left: 1px;} .ie8 .contactus-select{width: 69%;margin-left: 1px;} .topic{width:100%;} .tdtopic{width:23%;padding-right:0;padding-top: 1px;padding-bottom: 1px;} .tdtopicSelect{padding-right:0;padding-top: 1px;padding-bottom: 1px;} .tdtopicValue{padding-right:0;padding-top: 7px;padding-bottom: 20px;padding-left: 17px;} .Padding-Right{padding-right:25px;} input[type="checkbox"]{margin:1em 2%;} input[type="radio"]{margin:1em 2%;} /* Reviews */ /* ------------------------------------- */ .stars { background: url("../images/stars.png") repeat-x 0 0; width: 150px; margin: 0 0 10px 110px;} .stars input[type="radio"] { position: absolute; opacity: 0; filter: alpha(opacity=0);} .stars input[type="radio"].star-5:checked ~ span { width: 100%;} .stars input[type="radio"].star-4:checked ~ span { width: 80%;} .stars input[type="radio"].star-3:checked ~ span { width: 60%;} .stars input[type="radio"].star-2:checked ~ span { width: 40%;} .stars input[type="radio"].star-1:checked ~ span { width: 20%;} .pdp-main .rating .stars label { display: block; width: 30px; height: 30px; margin: 0!important; padding: 0!important; text-indent: -999em; float: left; position: relative; z-index: 10; background: transparent!important; cursor: pointer; min-width: 30px;} .pdp-main .rating .stars label:hover ~ span { background-position: 0 -30px;} .pdp-main .rating .stars label.star-5:hover ~ span { width: 100% !important;} .pdp-main .rating .stars label.star-4:hover ~ span { width: 80% !important;} .pdp-main .rating .stars label.star-3:hover ~ span { width: 60% !important;} .pdp-main .rating .stars label.star-2:hover ~ span { width: 40% !important;} .pdp-main .rating .stars label.star-1:hover ~ span { width: 20% !important;} .pdp-main .rating .stars span { display: block; width: 0; position: relative; top: 0; left: 0; height: 30px; background: url("../images/stars.png") repeat-x 0 -60px; -webkit-transition: -webkit-width 0.5s; -moz-transition: -moz-width 0.5s; -ms-transition: -ms-width 0.5s; -o-transition: -o-width 0.5s; transition: width 0.5s;} .rating input[type="text"],textarea{border:1px solid #AAAAAA;margin-left:2%;padding:0.5em 0.4em;text-indent:0;width:62%;} .pdp-main .rating label{padding:0;text-align:left;text-transform:capitalize;width:auto;min-width: 100px;} .review-results {border: 1px solid #AAAAAA;margin-left: 2%;padding: 0.5em 0.4em;text-indent: 0;overflow-y: scroll;max-height: 270px;} .review-results-section {border-bottom: 1px solid #AAAAAA;padding: 0.5em 0.4em;margin-bottom: 5px;} .review-overallRating-0-0 {color:red;background: url("../images/reviewstars/ReviewStars-0star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px; } .review-overallRating-0-5 {color:red;background: url("../images/05stars.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px; } .review-overallRating-1-0 {color:red;background: url("../images/reviewstars/ReviewStars-1star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-1-5 {color:red;background: url("../images/15stars.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px; } .review-overallRating-2-0 {color:red;background: url("../images/reviewstars/ReviewStars-2star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px; } .review-overallRating-2-5 {color:red;background: url("../images/25stars.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px; } .review-overallRating-3-0 {color:red;background: url("../images/reviewstars/ReviewStars-3star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px; } .review-overallRating-3-5 {color:red;background: url("../images/35stars.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px; } .review-overallRating-4-0 {color:red;background: url("../images/reviewstars/ReviewStars-4star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-4-5 {color:red;background: url("../images/45stars.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-5-0 {color:red;background: url("../images/reviewstars/ReviewStars-5star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-0 {color:red;background: url("../images/reviewstars/ReviewStars-0star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-1 {color:red;background: url("../images/reviewstars/ReviewStars-1star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-2 {color:red;background: url("../images/reviewstars/ReviewStars-2star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-3 {color:red;background: url("../images/reviewstars/ReviewStars-3star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-4 {color:red;background: url("../images/reviewstars/ReviewStars-4star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-overallRating-5 {color:red;background: url("../images/reviewstars/ReviewStars-5star.png") no-repeat scroll left center transparent;display: inline-block;width: 90px;line-height: 16px;} .review-title {font-weight: bold;} .review-comments {} .review-nickName {font-style: italic;} /* ------------------------------------- */ .label-inline label{display:inline-block;float:none;font-size:1em;font-weight:400;text-align:left;width:90%; padding:0 0 0 .5em;} .label-inline input{float:left;margin:0.8em 2%;} .label-above label{float:none;text-align:left;width:auto;} .label-above input{margin-left:0;} .label-above select{margin-left:0;} .label-above textarea{margin-left:0;} .label-above .form-caption{margin-left:0;width:auto;} .label-removed label{left:-999em;position:absolute;} .label-hidden label{text-align:left;text-indent:-999em;} .form-indent{margin-left:24%;} .form-indent .form-caption{margin-left:0;} .form-caption{display:block;margin:1% 0 1% 0;width:auto;} .error-message {border:2px solid #990000;background-color:#F1E6E6;padding:0.7em 0.5em;text-indent:0;width:50%;} .form-caption.error-message.card-exist { border: none;background-color: transparent;color: #990000;font-weight: bold; } .reg-box-content .error-message { border:none;background-color:#FAFAFA;padding: 5px 0 0 5px; } .error, .select-error{background-color:#F1E6E6;border-color:#990000;color:#990000;} span.error{background:none repeat scroll 0 0 transparent; margin:1% 2% 0% 0%;} .tdloginid-input span.error {background: none repeat scroll 0 0 transparent;display: inline-block;margin: 1% 2% 0% 3%;} span.red{color:#990000;} div.error{background:none repeat scroll 0 0 transparent;} .error-form{margin:1em 0;padding: 0 0;color: #F6161A;}/*background:url("../images/interface/icon-alert.png") no-repeat scroll left top transparent;*/ .errorMessage{text-align: center; border: 1px solid #e0e0e0; margin-top: 25px;} .ui-dialog-content .error-form{padding:0.5em 0 0 0;} .form-inline form{background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left bottom transparent;padding:0 0 2em;width:98%;} .form-inline .form-row{clear:none;float:left;margin:5px 2% 0 0;width:28%;} .form-inline label{padding:0 0 0.75em;text-transform:uppercase;width:auto;} .form-inline input[type="text"]{margin-left:0;width:95%;} .form-inline select{margin-left:0;width:95%;} .form-inline .form-row-button{float:left;margin:30px 0 0;width:10%;} .form-inline button{padding-left:0;padding-right:0;width:100%;} .login-box-content .remember-me{padding:0px;} .login-portal-msg{font-size: 14px; margin-bottom: 20px;} .login-box-content label{font-size:1.1em;width:26%;} .messaging-options { width:100%; } .login-box-content input[type="text"]{margin-left:4;width:51%;float:left;} .login-box-content input[type="password"]{margin-left:4;width:51%;float:left;} .login-box-content textarea{margin-left:4;width:51%;} .login-box-content .form-row .loginid-input{width: 72%;} .tdloginid{width: 26%; vertical-align: middle;padding-right: 0px;padding-bottom: 3px;} .tdloginid label{width: auto; float: right;} .tdloginid-input {padding-left: 0px;padding-bottom: 3px;} .account-pre-reg {margin-top: 20px;} .account-pre-reg, .diversion-policy{padding: 10px 0 10px 20px; border: 1px solid #999; margin-bottom: 15px; width: 70%;} .account-prereg-main .diversion-policy span.red{ width: 100%; float: left; font-size: 14px;} .account-prereg-main .diversion-policy legend{margin: 6% 0 20px 0;} .account-prereg-main .diversion-policy .form-row{position : relative; padding-bottom: 20px;} .account-prereg-main .diversion-policy .form-row span.error {position: absolute; bottom: -8px; left: 0; margin: 0 !important;} .account-prereg-btn{padding-left: 30px;} .prereg-mobile{font-style:italic;} .prereg-bottom{text-align: center; padding-right: 220px;} .account-prereg-main{width: 100%;} .pre-reg-confirm-message {margin: 1% 0 1% 27%;} .account-pre-reg .dialog-required{display: none;} .account-pre-reg .account-info {display:none;} .diversion-policy .required-indicator {display: none;} #successPreregistrationMessage { margin-top: 10%; font-family: lato;color: #000;} #successPreregistrationMessage h1 {font-size: 20px; font-weight: bold;text-transform: capitalize; border: none; text-align: left;} #successPreregistrationMessage span {font-size: 16px; } #successPreregistrationMessage p { text-transform:capitalize;font-weight:bold;margin:2px 0; font-size: 16px;} #successPreregistrationMessage legend {border: none; padding: 0; text-transform: capitalize; font-size: 20px; margin-bottom: 1%;} #RegistrationForm .account-pre-reg, .diversion-policy{ padding: 0; border: none;} #RegistrationForm {font-family: lato !important; color: #000; margin-bottom: 10%;} #RegistrationForm .account-pre-reg h1{text-align: left;font-size: 20px;text-transform: uppercase;border: none;} #RegistrationForm .backlink{display: none;} #RegistrationForm legend{font-size: 20px;padding: 0; margin-top: 6%; border: none;} #RegistrationForm .diversion-policy .form-indent.label-inline{margin:10px 0 0;} #RegistrationForm .diversion-policy .form-indent.label-inline label{ float: right; width: 95%;} #RegistrationForm .diversion-policy .input-checkbox.required {position: absolute;float: left;} #RegistrationForm .accounteditbtn {margin: 35px 0 0 0px; width: 100%;} #RegistrationForm .accounteditbtn .primaryButtn{width: 28%;} #RegistrationForm span.red {font-size:16px; color: #bd0e0e;} #RegistrationForm .account-prereg-main .prereg-bottom{padding: 0; width: 100%; float: left;text-align: left;} .primary-content .passwordreset{padding-top: 10px;} .primary-content .passwordreset a{text-decoration: underline;} /* .login-box-content label{font-size:1.1em;} .login-box-content input[type="text"]{margin-left:0;width:70%;float:right;} .login-box-content input[type="password"]{margin-left:0;width:70%;float:right;} .login-box-content textarea{margin-left:0;width:50%;} */ .login-box-content input[type="checkbox"]{margin:0;} .login-box-content select{margin-left:0;} .mobile-message{display:none;} .login-sectionheadermobile{display:none;} /* Firefox only */ @-moz-document url-prefix() { .login-box-content input[type="text"]{margin-left:0;width:60%;float:right;margin-right:45px;} .login-box-content input[type="password"]{margin-left:0;width:60%;float:right;margin-right:45px;} } .reg-box-content label{font-size:1.1em;width: 26%;} .reg-box-content input[type="text"]{margin-left:0;width:69%;float:right;} .reg-box-content input[type="password"]{margin-left:0;width:69%;float:right;} .reg-box-content textarea{margin-left:0;width:50%;} .reg-box-content input[type="checkbox"]{margin:0;} .reg-box-content select{margin-left:0;} .login-box .reg-box-content .form-row{padding:.3em; margin:0px;} .login-box-content .form-caption{margin-left:0;} .login-box-content .form-row-button{margin-left:0;width:auto;} .login-box .form-row{padding:.5em; margin:0px;} .login-box .registration-subheader{padding:0 0 10px 20px;} .row-inline{display:inline;} .row-inline label{width:auto;} .require-dialog{font-weight:400;position:absolute;right:1em;text-transform:none;top:1em;} .required-indicator{color:#ff0008;}/*#0188cb*/ .form-field-tooltip{float:right;margin:-36px 0 0;width:21%;} .with-helper-text{margin-top:-59px;} .char-count{display:block;margin-left:24%;color: red;} /* tables used for product lists (wishlist, gift reg) */ /* ------------------------------------- */ /* .wish-list{border-bottom:1px solid #ededed; padding-bottom:20px;} .wish-list-print{margin-left:200px;} */ .wish-list-select-title{color:#585858;} table.item-list tr.cart-row{border-top:1px solid #666;} table.item-list tr.first{border-bottom:0 none;} table.item-list tr.order-total{border-bottom:0px;} table.item-list tr.headings{display:none;} table.item-list td{padding:1em;vertical-align:top;} table.item-list .order-totals-table td{padding:.4em;vertical-align:top;} th.section-header{padding:1em;} .order-confirmation-details th.section-header{padding:1em .5em .1em .5em;} td.item-details a {color:#333;} td.item-details a.blue {color:#0188cb;} td.item-details .product-list-item .name{font-family:Corbel;font-size:1.2em;font-weight:bold;} td.item-details .product-list-item .value{font-weight:700;} td.item-details .product-list-item .promo{color:#990000;} td.item-details .product-list-item .price-standard{color:#999999;text-decoration:line-through;} td.item-details .bundleImage {width: 80px; height: 80px;} td.item-availability ul{list-style:none outside none;margin:0;padding:0;} td.item-quantity-details ul{list-style:none outside none;margin:0;padding:0;} td.item-dashboard{color:#585858;width:250px;} td.item-dashboard .label{display:inline;float:none;font-size:1em;font-weight:400;padding:0;width:auto !important;} td.item-dashboard label{display:inline;float:none;font-size:1em;font-weight:400;padding:0;width:auto !important;} td.item-dashboard .input-text{margin:0;text-align:center;} td.item-dashboard .input-select{margin:0;padding:8px;width:auto !important;} td.item-dashboard .input-checkbox{margin:0 5px;} td.item-dashboard .item-option{clear:both;font-size:1em;margin:0 0 0.5em;} td.item-dashboard .item-option .form-row{display:inline;} td.item-dashboard .option-date-added .value{color:#585858;font-weight:300;} td.item-dashboard .option-quantity-desired input{padding:0;width:20px;} td.item-dashboard .option-priority .label{color:#585858;font-weight:700;} td.item-dashboard .option-priority label{color:#333333;font-weight:700;} td.item-dashboard .option-add-to-cart .label{color:#333333;font-size:1.1em;font-weight:700;text-transform:uppercase;} td.item-dashboard .option-add-to-cart label{color:#585858;font-size:1.1em;font-weight:300;text-transform:uppercase;} td.item-dashboard .option-add-to-cart input{padding:.2em;width:25px;} td.item-dashboard .option-quantity-purchased span.exceeded {color:#ff0000} .pt_wish-list td.item-dashboard .option-add-to-cart input {width: 45px;} .pt_gift-registry td.item-dashboard .option-add-to-cart input {width: 45px;} /* base tool tip */ /* ------------------------------------- */ .pt_product-search-result .refinements .showViewAll.hide { display:none !important;} .tooltip{position:relative;} .tooltip .tooltip-content{background:none repeat scroll 0 0 rgba(0,0,0,0.8);border-radius:3px 3px 3px 3px;color:#FFFFFF;display:none;font-size:12px;font-style:normal;left:100%;max-width:300px;min-width:200px;opacity:0;padding:1em;position:absolute;text-decoration:none;top:100%;visibility:hidden;z-index:10;} .tooltip:hover .tooltip-content{display:block;opacity:1;overflow:visible;visibility:visible;} .js .tooltip-content{display:none !important;} #tooltip{background-color:#FFFFFF;border:1px solid #111111;opacity:0.95;padding:5px;position:absolute;z-index:3000;} #tooltip .small{width:300px;} #tooltip .medium{width:500px;} #tooltip .recommendation-tooltip-header{background:none repeat scroll 0 0 #CCCCCC;font-size:1.2em;font-weight:bold;padding:10px;} #tooltip .recommendation-tooltip-header .product-price .price-standard{color:#999999;text-decoration:line-through;} #tooltip .recommendation-tooltip-description{padding:10px;} #tooltip .recommendation-tooltip-attributes{padding:10px;} /* content assets and slots */ /* ------------------------------------- */ .content-slot img{height:auto;max-width:100%;} .slot-grid-header p{margin:0;padding:0;} .product-listing-1x4{background:none repeat scroll 0 0 #FFFFFF;overflow:hidden;padding:10px 0;} .product-listing-1x4 ul.search-result-items .grid-tile{margin:0 1% 0 2%;width:18%;} .account-nav-asset{line-height:1.5em;margin:20px 10px;padding:10px 0;}/*background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;*/ .account-nav-asset h2{font-family:Corbel;font-style:italic;font-weight:400;margin:14px 0 20px;} .content-asset p{line-height:1.6em;margin:1em 0;} .content-asset ul{line-height:1.6em;margin:1em 0;padding:0 1.5em;} .content-asset ol{line-height:1.6em;margin:1em 0;padding:0 1.5em;} .content-asset address{margin:1em 0;} .content-asset .hyphen-list ul {list-style-type: none; margin-left: 1.5em; padding-left: 1em; text-indent: -0.85em;} .content-asset .hyphen-list ul li:before {content: "- "; position:relative; left:-7px;} /*.content-asset ul li{list-style:square outside none !important;} .content-asset ol li{list-style:decimal outside none;}*/ .content-asset ul.account-options{margin:0;padding:0;} .content-asset ul.account-options li{border-bottom:1px solid #D9D9D9;float:left;height:80px;list-style:none outside none !important;margin:0 0 0 4%;padding:20px 0 0;position:relative;width:46%;} .content-asset ul.account-options li a{display:block;font-size:1.5em;line-height:30px;padding:0 0 0 55px;} .content-asset ul.account-options li img{left:0;position:absolute;top:10px;} .content-asset ul.account-options li p{margin:0;padding-left:55px;} .browser-compatibility-alert{background:url("../images/interface/icon-alert.png") no-repeat scroll 1em 1em #FAEDED;border:1px solid;color:#9E0F0F;margin:1em;padding:0.5em 4em;} /* header components */ /* ------------------------------------- */ #top-menu {height:29px;position:relative;background:none repeat scroll 0 0 #373737;} #bottom-menu {height:29px;position:relative;background:none repeat scroll 0 0 #373737;margin-right: 0.05em;} #header{position:relative;} .ie7 #header{z-index:200;} #header .primary-logo{text-align:center;padding-left:400px;padding-right:400px;} #header .primary-logo a{display:block; overflow: inherit;} #header .primary-logo span{} .header-banner{clear:both;width: 700px;margin: 0;float:right;font-size:1.2em;margin:0 6px;} .ie7 .header-banner{width:350px;} #mini-cart{float:left;margin:0;position:relative;z-index:200; } #mini-cart a{color:#FFFFFF; text-indent: 0px;} #mini-cart .mini-cart-name a{color:#000000; text-indent: 0px; font-size: 12px;} .mini-cart-label{margin:0 5px 0 0; } .mini-cart-empty{margin:0 15px 0 0; } .mini-cart-total, .mini-cart-total.store-pickup-total{font-size:1em;font-weight:700;text-transform:uppercase; color:#FFFFFF; vertical-align:top; font-family:Corbel; } .mini-cart-total-label{vertical-align:top; } .mini-cart-content{background:none repeat scroll 0 0 #FFF;border:2px solid #CCCCCC;display:none;position:absolute;right:-15px;top:25px;width:250px;}/*F3F3F3*/ #mini-cart .mini-cart-expand:hover .mini-cart-content{display:block;} .mini-cart-expand{vertical-align:top; } .mini-cart-header{border-color:#FFFFFF;border-style:solid;border-width:1px 1px 0;font-size:1.1em;font-weight:700;letter-spacing:1px;padding:12px;text-transform:uppercase;} .mini-cart-close{background:url("../images/interface/icon-mini-cart-close.png") no-repeat scroll left top transparent;display:none;height:20px;text-indent:-999em;width:19px;} .mini-cart-products{max-height:360px;overflow:auto;} .mini-cart-product{background:none repeat scroll 0 0 #FFFFFF;border-color:#FFFFFF;border-style:solid;border-width:1px 1px 0;overflow:hidden;padding:10px;} .mini-cart-product a{color:#333; font-weight:bold;} .mini-cart-product.collapsed{background:none repeat scroll 0 0 #FFF;}/*E8E8E8*/ .mini-cart-product.collapsed .mini-cart-name,.mini-cart-product.collapsed .mini-cart-attributes,.mini-cart-product.collapsed .mini-cart-pricing,.mini-cart-product.collapsed .product-availability-list{width:90%;} .mini-cart-image{float:left;width:50%;} .mini-cart-name{float:right;font-family:Corbel;width:50%;}/*font-style:italic;*/ .mini-cart-attributes{float:right;font-size:0.9em;font-weight:bold;width:50%;} .mini-cart-product .product-availability-list{float:right;font-size:0.9em;font-weight:bold;width:50%;} .mini-cart-pricing{clear:right;float:right;font-size:0.9em;width:50%;} .mini-cart-subtotals{font-weight:700;padding:10px;text-align:center;background:none repeat scroll 0 0 #F3F3F3;border:solid #D0D0D0; border-width:1px 0;} .mini-cart-subtotals .label{margin:0 20px 0 0;} .mini-cart-slot{background:none repeat scroll 0 0 #E8E8E8;border:1px solid #D0D0D0;font-size:0.9em;font-style:italic;margin:20px;padding:10px;text-align:center;} .mini-cart-link-cart{display:block;margin:20px;width:auto;} .mini-cart-link-checkout{clear:both;display:block;padding:20px 0 10px;text-align:center;} .menu-utility{clear:both;color:#8F8F8F;float:right;font-size:0.8em;letter-spacing:1px;margin:10px 0;padding:0;text-transform:uppercase;} .ie7 .menu-utility{width:350px;} .menu-utility-user{color:#0188cb;font-size:0.8em;letter-spacing:1px;margin:6px 10px 0 0;padding:0;text-transform:uppercase; cursor:pointer; } .menu-utility li{border-right:1px solid;float:left;list-style:none outside none;padding:0 6px;} .menu-utility-user li{float:left;list-style:none outside none;padding:0 6px; }/*border-right:1px solid;*/ .menu-utility li.last{border:0 none;} .menu-utility-user li.last{border:0 none;} .top-menu-utility{clear:both;color:#FFFFFF;float:left;font-size:0.8em;letter-spacing:1px;margin:10px 0;padding:0;text-transform:uppercase;min-width: 770px;} .ie7 .top-menu-utility{width:350px;} .top-menu-utility-user{color:#FFFFFF;float:right;font-size:0.8em;letter-spacing:1px;margin:6px 10px 0 0;padding:0;text-transform:uppercase;} .top-menu-utility li a{color:#FFFFFF;} .top-menu-utility li{float:left;list-style:none outside none;padding:0 8px;} .top-menu-utility-user li{border-right:1px solid;float:left;list-style:none outside none;padding:0 8px;} .top-menu-utility li.last{border:0 none;} .top-menu-utility-user li.last{border:0 none;} .top-menu-utility2{color:#FFFFFF;float:left;font-size:0.77em;letter-spacing:1px;margin:10px 0;padding-left:10px;min-width: 150px;} .top-menu-utility2 li a{color:#FFFFFF;} .top-menu-utility2 li{border-right:1px solid;float:left;list-style:none outside none;padding:0 6px;} .top-menu-utility2 li.last{border:0 none;} .top-menu-utility2 li.empty{width: 65px;border-right-width: 0px;} .bottom-menu-utility{clear:both;color:#FFFFFF;float:left;font-size:0.8em;letter-spacing:1px;margin:10px 0;padding:0;} .ie7 .bottom-menu-utility{width:350px;} .bottom-menu-utility-user{color:#FFFFFF;float:right;font-size:0.8em;letter-spacing:1px;margin:6px 10px 0 0;padding:0;} .bottom-menu-utility li a{color:#FFFFFF;} .bottom-menu-utility li{float:left;list-style:none outside none;padding:0 0 0 140px;} .bottom-menu-utility-user li{border-right:1px solid;float:left;list-style:none outside none;padding:0 0 0 140px;} .bottom-menu-utility li.last{border:0 none;} .bottom-menu-utility-user li.last{border:0 none;} .bottom-menu-utility2{color:#FFFFFF;float:left;font-size:0.77em;letter-spacing:1px;margin:10px 0;padding-left:50px;} .bottom-menu-utility2 li a{color:#FFFFFF;} .bottom-menu-utility2 li{border-right:1px solid;float:left;list-style:none outside none;padding: 0 2px 0 3px;} .bottom-menu-utility2 li.last{border:0 none;} .bottom-menu-mobile-utility2{color:#FFFFFF;float:left;font-size:0.77em;letter-spacing:1px;margin:10px 0 0 0;padding-left:60px;} .bottom-menu-mobile-utility2 li a{color:#FFFFFF;} .bottom-menu-mobile-utility2 li{border-right:1px solid;float:left;list-style:none outside none;padding:0 9px;} .bottom-menu-mobile-utility2 li.last{border:0 none;} .header-search{position:relative; float:left; } .header-search input[type="text"]{background:none repeat scroll 0 0 #FFFFFF;border:2 solid;color:#646464;height:12px;margin:0;width:130px;vertical-align:middle;} .header-search input[type="submit"]{background:url("../images/interface/icon-search.png") no-repeat scroll center center transparent;border:0 none;height:30px;padding:0px 0;text-indent:-999em;width:30px;vertical-align:middle;} .header-search legend{background:none repeat scroll 0 0 transparent;} #wrapper #header .header-search label.visually-hidden { visibility: hidden; } .CustomerInfo {position: relative; float:left;} /*.CustomerInfo {position: absolute;right: 140px;top: 35px;float: right;clear: both;}*/ #helpHopup {background-color:white;position:relative;float:right;top:0px;right:130px;z-index:999;padding:8px;font-family: Corbel;box-shadow: 0 3px 3px rgba(0,0,0,0.2);border: 1px solid #d9d9d9;} #helpHopup .usaphone{background:url("../images/USAFlag.gif") no-repeat scroll left center transparent;padding: 5px 5px 2px 30px;} #helpHopup .canphone{background:url("../images/CANFlag.gif") no-repeat scroll left center transparent;padding: 5px 5px 2px 30px;} #helpHopup .call{text-align: center;padding: 0 0 2px 0;font-weight: bold;} #helpHopup .contactus{text-align: center;padding: 10px 0 0 0;} .canada-dialog {display:none; text-align:center; height:110px!important;} .canadaDialog .ui-dialog-titlebar-close {display:none;} .canadaDialog .ui-dialog-buttonset {width:57%; margin:0 auto;} /* primary catalog navigation */ /* ------------------------------------- */ #navigation{width:auto; float:left; } ul.level-1{ padding:0;margin: 0;} ul.level-1 div {} .ie7 ul.level-1{height:30px;} ul.level-1 li{float:left; padding: 0; width: 100%; text-align: center; margin: 3px 0; line-height: 12px;} div.level-3 {display: none;} ul.level-1 li:hover a.level-1{ color:#fff;padding:0; } a.level-1:focus + .level-2{display:block;} a.level-2:focus + .level-3{display:block;} ul.level-1 li:hover div.level-2{display:block; } ul.level-2 li:hover div.level-3{display:block; } #navigation .second-cat{display: block;} ul.level-1 a{color:#fff; display:inline-block;font-size:1.1em; font-weight:700; font-family:Corbel; text-transform:uppercase;} /* ul.level-1 .-p a{color:#fff; display: block;font-size: 20px;font-weight: 700;font-family: Didot Bold; text-transform: lowercase;} ul.level-1 .-p:hover a.level-1{color:#fff; display: block;font-size: 20px;font-weight: 700;font-family: Didot Bold; text-transform: lowercase;} */ div.level-2{background:#000;display:none;margin:0;padding:0; } .ie7 div.level-2{width:452px;} /* .-m div.level-2{background:none repeat scroll 0 0 #EFEFEF;box-shadow:6px 8px 5px -6px rgba(66,66,66,0.5);display:none;margin: 0 0 0 -60px; padding: 2px;position: absolute;width: 245px;} .-w div.level-2{background:none repeat scroll 0 0 #EFEFEF;box-shadow:6px 8px 5px -6px rgba(66,66,66,0.5);display:none;margin: 0 0 0 -60px; padding: 2px;position: absolute;width: 270px;} .-m .notlogin {margin: 20px 60px;} .-w .notlogin {margin: 20px 70px;} .please {line-height: 12px;} */ div.level-2 .menu-wrapper{background:none repeat scroll 0 0 #FFFFFF;box-shadow:6px 8px 5px -6px rgba(66,66,66,0.5);overflow:hidden;} div.level-2 ul.level-2{float:left;margin:0;padding:0;} /* div.level-2 ul.level-2-w li{float: left;min-width: 100px;padding: 5px 5px;} div.level-2 ul.level-2-m li{float: left;min-width: 100px;padding: 5px 5px;} */ div.level-2 ul.level-2 a{line-height:18px;color:#0188cb;font-size:1em;font-weight:700;padding:0;margin: 0;width: 50px;text-transform: capitalize;} div.level-2 ul.level-2 .toshop{margin: -20px 0px 0px 74px;line-height: 16px;} div.level-2 ul.level-2 .level-3 a{line-height:normal;} div.level-2 .custom{float:right;text-align:center;} div.level-2 .custom img{height:auto !important;width:auto !important;} div.level-2.menu-horizontal ul.level-2{float:none;} div.level-2.menu-horizontal li{float:left !important;height:100%;} div.level-2.menu-horizontal li li{border-color:#EFEFEF;border-style:solid;border-width:0 1px 0 0;float:none !important;height:100%;} div.level-2.menu-horizontal li.last li{border-width:0 !important;} div.level-2.menu-horizontal .custom{clear:both;} div.level-3 ul.level-3{margin:0;padding:0;} a.level-1:focus + .level-2-w{display:block;} a.level-2:focus + .level-3-w{display:block;} ul.level-1 li:hover div.level-2-w{display:block; } ul.level-2 li:hover div.level-3-w{display:block; } div.level-2-w{background:none repeat scroll 0 0 #EFEFEF;box-shadow:6px 8px 5px -6px rgba(66,66,66,0.5);display:none;margin:0;padding:2px;position:absolute;width:1060px;left: -65px;} div.level-2-w .menu-wrapper{background:none repeat scroll 0 0 #FFFFFF;box-shadow:6px 8px 5px -6px rgba(66,66,66,0.5);overflow:hidden;} div.level-2-w ul.level-2-w{float:left;margin:0;padding:0;} div.level-2-w ul.level-2-w li{float: left;min-width: 100px;padding: 3px 1px 2px 5px;} div.level-2-w ul.level-2-w li.last{padding-top: 30px;} div.level-2-w ul.level-2-w a{line-height:18px;color:#323232;font-size:1em;font-weight:700;padding:0;font-family:Corbel;text-transform:uppercase;} div.level-2-w ul.level-2-w .level-3 a{line-height:normal;} a.level-1:focus + .level-2-m{display:block;} a.level-2:focus + .level-3-m{display:block;} ul.level-1 li:hover div.level-2-m{display:block; } ul.level-2 li:hover div.level-3-m{display:block; } div.level-2-m{background:none repeat scroll 0 0 #EFEFEF;box-shadow:6px 8px 5px -6px rgba(66,66,66,0.5);display:none;margin:0;padding:2px;position:absolute;width:1060px;left: -65px;} div.level-2-m .menu-wrapper{background:none repeat scroll 0 0 #FFFFFF;box-shadow:6px 8px 5px -6px rgba(66,66,66,0.5);overflow:hidden;} div.level-2-m ul.level-2-m{float:none;margin:0;padding:0;} div.level-2-m ul.level-2-m li{min-width:160px;padding: 2px 2px 1px 7px;} div.level-2-m ul.level-2-m a{line-height:18px;color:#323232;font-size:1em;font-weight:700;padding:0;font-family:Corbel;text-transform:capitalize;} div.level-2-m ul.level-2-m .level-3 a{line-height:normal;} .ie9 div.level-2-m ul.level-2-m{float:left;margin:0;padding:0;} .ie9 div.level-2-m ul.level-2-m li{float:left; min-width:160px;padding: 5px 2px 1px 7px;} @-moz-document url-prefix() { div.level-2-m ul.level-2-m{float:left;margin:0;padding:0;-moz-columns: 1;} } div.level-3 ul.level-3-w{margin:0;padding:0;} div.level-3 ul.level-3-w li{padding: 2px 5px 1px 5px;width: auto;float: none;} div.level-3 ul.level-3-w a{color:#0188cb;font-weight:400;text-transform:none;} hr.style-2 {height: 3px;border: 0;box-shadow: inset 0 10px 10px -14px rgba(0,0,0,0.8);width: 80%;margin: 0 auto 3px;} hr.style-3 {border: 0;border-bottom: 1px dashed #ccc; background: #999;width: 80%;margin-left: 0px;} /* breadcrumbs */ /* ------------------------------------- */ .breadcrumb{font-size:12px;line-height:3.5em;margin:1px 0 9px;padding:0 10px;float:left;width:100%;} .breadcrumb li, .breadcrumb-mobile li{display:inline;list-style:none outside none;} .breadcrumb a{background:url("../images/interface/icon-breadcrumb-separator.png") no-repeat scroll right center transparent;padding:0 0.8em 0 0; color: #333;} .breadcrumb-mobile a{background:url("../images/interface/icon-breadcrumb-separator.png") no-repeat scroll right center transparent;padding:0 0.8em 0 0; color: #333;} .breadcrumb h1{display:inline;font-size:1em;font-weight:normal;} .breadcrumb h1 .paging-current-page{left:-999em;position:absolute;} .breadcrumb .paging-current-page{left:-999em;position:absolute;} .breadcrumb-refined-by {font-family: Corbel;font-weight: bold;font-size: 14px;float: left;padding-right: 5px;} .breadcrumb-refinement-name{background:none repeat scroll 0 0 transparent !important;font-family:Corbel;font-style:italic;float: left;padding-left: 1px;padding-right: 5px;color:black ;text-decoration: underline;} .breadcrumb-refinement-value{background:none repeat scroll 0 0 transparent !important;font-family:Corbel;font-style:italic;float: left;padding-left: 3px;padding-right: 0px;} a.breadcrumb-relax{background:none repeat scroll 0 0 transparent !important;font-family:Corbel;font-style:italic;padding:0 5px 0 0;} .breadcrumb-last{background:none repeat scroll 0 0 transparent !important;}/*font-family:Corbel;font-style:italic;*/ .breadcrumb-result-text a,.breadcrumb a.searchphraselink{background:none repeat scroll 0 0 transparent;color:#0188cb;font-family:Corbel;font-style:italic;padding:0;} .refined {float: right;} .product-filters {float: right;margin: 8px 5px 0px 0px;} /* primary region elements */ /* ------------------------------------- */ .primary-content .mobile-my-account a{color:#000;} .primary-content a.link-button{color:#FFF;} .primary-content a.link-button-small{color:#FFF;} .primary-content a{color:#000000;} .primary-content h1,#secondary h1{font-family:Corbel;font-size:1.75em;font-weight:400;margin:0 0 14px;}/*font-style:italic;*/ .primary-content h2{font-size:1.3em;} .primary-content h3{font-size:1.15em;} .primary-content dl{clear:both;overflow:hidden;} .primary-content dl dt{clear:both;float:left;margin:2% 0 0;min-width:15%;} .primary-content dl dd{float:left;margin:2% 0 0;padding:0 0 0 5%;} .col-1{float:left;margin:4px 0;width:48%;} .col-2{float:right;margin:4px 0;width:48%;} .content-header{font-family:Corbel;font-size:1.75em;font-style:italic;font-weight:400;margin:0 0 14px;} .content-header span{font-size:0.75em;font-style:normal;font-weight:400;} .section-header{font-size:1.8em;font-weight:600;margin:0;font-family: raleway;padding:1em 1em 1em 0;position:relative;}/*text-transform:uppercase;*/ .section-header a{font-family: raleway;} .order-shipment-table .section-header{text-transform: uppercase;} .mini-shipment .section-header{text-transform: uppercase; font-weight:normal;padding:0.5em 1em;border-bottom:none;} .mini-billing-address .section-header{text-transform: uppercase; font-weight:normal;padding:0.5em 1em;border-bottom:none;} .mini-payment-instrument .section-header{text-transform: uppercase; font-weight:normal;padding:0.5em 1em;border-bottom:none;} /*background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #EFEFEF;*/ .section-header-note{font-size:0.9em;font-weight:400;position:absolute;left:25em;text-transform:none;} .mini-shipment .section-header-note{left:20em;} .mini-billing-address .section-header-note{left:20em;} .mini-payment-instrument .section-header-note{left:20em;} .order-shipment-table .section-header-note{left:18em;} .back{display:block;margin:10px 0 10px;} /* secondary region elements */ /* ------------------------------------- */ #secondary a{color:#0188cb;}/*3EBAEA*/ #category-level-1 a.refinement-link{background:none repeat scroll 0 0 transparent;padding:0 0 0 10px;} #category-level-1 a.active{font-weight:bold;} #category-level-1 li.active{background-position:-490px 5px;} #category-level-2 a.active{color:#000000;font-family:Corbel;font-style:italic;font-weight:normal;} #category-level-2 a.refinement-link{margin:0 0 0 30px;padding:0;} /*#category-level-2 li.expandable{background:url("../images/interface/icon-refine-link-arrow.png") no-repeat scroll left 6px transparent;}*/ #category-level-2 li.active{background-position:left -47px;color:#000000;font-family:Corbel;font-style:italic;} #category-level-3{padding:5px 0 0;} #category-level-3 a.refinement-link{font-style:normal;margin:0 0 0 15px;padding:0;} #category-level-3 a.active{} .refinement{position:relative;display: inline-block;padding-right: 3px;padding-left: 5px;width: 180px;} #secondary .refinement ul li a{color:#000000;} /*#secondary .refinement li.selected a{color:#0188cb;}*/ /* #secondary .refinement ul li a{color:#000000;background: url("../images/bullet-unsel.gif") no-repeat scroll left 3px transparent;padding: 0 0 0 17px;} #secondary .refinement li.selected a{background: url("../images/bullet-clear.gif") no-repeat scroll left 3px transparent;padding: 0 0 0 17px;} #secondary #category-level-1 li.expandable a{background:url("../images/interface/icon-category-expand-off.png") no-repeat scroll -20px 0px transparent;} #secondary #category-level-2 li.expandable a{background:url("../images/interface/icon-refine-link-arrow.png") no-repeat scroll -20px 0px transparent;} */ .headerLeft{width:100%; float:left;} .refinement-header{display:block;font-size:1.1em;font-weight:bold;letter-spacing:1.5px;margin:0;padding:14px 9px 9px;text-transform:uppercase;} .refinement h3{font-size:1.1em;letter-spacing:1.5px;margin:0;padding:14px 9px 9px;text-transform:uppercase;} .ie7 .refinement h3{clear:both;} .refinement h3 span{background:url("../images/interface/icon-refinement-block-arrow.png") no-repeat scroll left -87px transparent;padding:0 0 0 20px;} .refinement h3.expanded span{background-position:left top;} .refinement ul{list-style:none outside none;margin:0;padding:8px 7px 5px;} .refinement li{padding:3px 2px 5px 5px;} .refinement.active ul#category-level-2 { float: left; width: 100%;overflow-y: hidden; } /*.refinement li.selected a{border-color: #0188cb;border-width: 2px;border-style: solid;padding: 2px 4px;}*/ .refinement li.selected a {font-weight: bold;background-color: #eeeeee;} .refinement ul.swatches li{float:left;padding:2px;} .refinement ul.swatches li a{border:2px solid #D9D9D9;border-radius:6px 6px 6px 6px;display:block;padding:0.2em 0.8em;} .refinement ul.swatches li.selected a{border-color:#0188cb;font-weight:bold;}/*#0188cb*/ .refinement ul.swatches li.unselectable a{background-image:url("../images/interface/icon-color-swatch-unselectable.png");background-position:right top;} .refinement ul.Color li a{height:23px;padding:0; } .refinement .clear-refinement{position:absolute;right:0.7em;top:1.9em;} .refinement .refinement-link{background:url("../images/interface/icon-refine-link-check.png") no-repeat scroll left top transparent;border:0 none;padding:0 0 0 1.5em;} .refinement .selected .refinement-link{background-position:left bottom;} .refinement .refinement-top-level{padding:12px;} .scrollable{height:10em;overflow:auto;} .nav ul{border:0 none;list-style:none outside none;margin:7px 0;padding:0 0 0 23px; } .nav ul li{list-style:none outside none !important;margin:0 0 7px;} .nav .toggle{background:url("../images/interface/icon-toggle-arrow.png") no-repeat scroll left 12px transparent;border:0 none;display:block;font-size:1em;font-weight:700;margin:10px 0 7px;padding:8px 0 0 15px;text-transform:uppercase;} .nav .expanded{background-position:left -96px;} .nav .toggle span{background:none repeat scroll 0 0 transparent;} /* footer */ /* ------------------------------------- */ #footer{ clear:both;font-size:0.9em;padding:2em 0;text-align:center; margin-top:20px; }/*background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;*/ .pt_storefront #footer { margin-top:0; } #footer .menu-footer{float:none;margin:1em 0;padding:0;text-align:center;text-transform:uppercase;} #footer .menu-footer li{display:inline;float:none;padding:0 0.5em;} #footer a:hover{text-decoration:underline;} .copyright{color:#999999;} .postscript{color:#999999;font-family:Corbel;font-style:italic;} /* color swatches */ /* ------------------------------------- */ .swatch-black a{background-color:#000000 !important;} .swatch-beige a{background-color:#F5F5DC !important;} .swatch-blue a{background-color:blue !important;} .swatch-purple a{background-color:purple !important;} .swatch-red a{background-color:red !important;} .swatch-brown a{background-color:#783201 !important;} .swatch-green a{background-color:green !important;} .swatch-grey a{background-color:#8F979D !important;} .swatch-pink a{background-color:#FE249A !important;} .swatch-orange a{background-color:orange !important;} .swatch-white a{background-color:#FFFFFF !important;} .swatch-yellow a{background-color:#FFFF00 !important;} .swatch-navy a{background-color:navy !important;} .swatch-miscellaneous a{background:url("../images/interface/icon-color-swatch-misc.png") no-repeat scroll left top transparent;} .unselectable.swatch-miscellaneous a{background:url("../images/interface/icon-color-swatch-misc-unselectable.png") no-repeat scroll left top transparent !important;} /* product tiles */ /* ------------------------------------- */ .product-tile{color:#333333;position:relative;text-align:center;} .product-tile img{ max-width:100%; width:100%; } .product-tile .product-image{height:218px; max-width:218px; position:relative; margin: 0 auto;} .product-tile .product-image a {display: block;} .product-tile .product-name{font-family:Corbel;font-size:13px;font-weight:bold;margin:13px 0 0px;text-transform:uppercase;} .product-tile .brand-name{font-family:Corbel;font-size:13px;font-weight:normal;margin:0px 0 2px;} .product-tile .product-pricing {font-family:Corbel;font-size:13px;font-weight:normal;} .product-tile .product-swatches{/*bottom: 35px;position:absolute;right: 15px;left: 15px;*/font-family:Corbel;font-size:13px;font-weight:normal;text-transform:uppercase;padding: 10px;} .product-primary-image .new-badges, .product-tile .product-image .new-badges {position: absolute; right:0; bottom: 5px; background: url('../images/newbadge.png')no-repeat; background-size: 100%; width: 60px; height:60px;} .product-primary-image .new-badges{right: 5px; bottom: 5px;} .product-tile .product-name h2{font-size:13px !important;margin-bottom:0px;} .product-tile .product-name h2 a{color:#333333;} .product-tile .product-pricing .product-standard-price{text-decoration:line-through;} .product-tile .product-swatches-all{cursor:pointer;font-size:0.9em;} .product-tile .product-swatches ul{list-style:none outside none;margin:0;overflow:hidden;padding:0;} .product-tile .product-swatches ul.swatch-toggle{background:none repeat scroll 0 0 #FFFFFF;display:none;position:absolute;z-index:1;} .product-tile .product-swatches:hover ul.swatch-toggle{display:block;} .product-tile .product-swatches li{float:left;} .product-tile .product-swatches .swatch{display:block;width:16px;} .product-tile .product-swatches .swatch img{border:1px solid #FFFFFF;height:12px;padding:1px;width:12px;} .product-tile .product-swatches .selected img{border-color:#12ABE7;} .product-tile .product-swatches ul.swatch-list li .selected img{border-color: #f0f0f0;} .product-tile .product-swatches img:hover{border-color:#000000;} .product-tile .product-promo{font-size:0.8em;margin:6px 0;text-transform:uppercase;} .product-tile .product-compare{bottom:-5px;left:5px;position:absolute;width:40px;line-height:11px;} .product-tile .product-compare label{float:right;font-weight:400;padding:0;width:50%;} .product-tile .product-compare input{float:left;margin:0;} .product-tile .pr_stars{height:auto;position:relative;left:8px;} .product-tile .prSnippetTitle {float:left;} .product-tile .prSnippetReadReviews {display:none;} .product-tile .prSnippetRatingUnclickable {float:left;} .product-tile .prSnippetNumberOfRatingsText {display:none;} .product-tile .pr-snippet-review-count{display:none;} .product-tile .pr-snippet-read-write{display:none;} .product-tile .pr-snippet-social-bar{display:none;} .product-tile .pr-clear{display:none;} .product-tile .pr-snippet-stars{float:none;margin:0 auto;width:115px;} .capture-product-id{left:-999em;position:absolute;} .product-image-overlay{position:absolute; bottom:5px; left:5px} .item-list .item-image .product-image-overlay img{width: auto !important;height: auto !important;max-width: 80px;max-height: 80px;} .product-image-overlay img{width: auto !important;height: auto !important;max-width: 80px;max-height: 80px;} .pt_cart .cart-row .product-image-overlay{ bottom: -10px;} .ui-dialog .account-shipping { width: 941px; text-align: left; float: left; margin-bottom: 50px; } .ui-dialog .account-shipping .shipping-pavmsg { text-align: left; font-family: 'Raleway'; font-weight: 700;font-size: 16px;color: #ff0000;margin-bottom: 25px; } .ui-dialog .account-shipping .address-select-txt { font-family: 'Raleway'; font-weight: 700; font-size: 16px; color: #000; float:left; margin-top: 10px; } .ui-dialog .account-shipping select#shop_address_list { width: 67%; padding: 0 2%; margin: 0 20px; float:left; font-family: 'Lato'; font-weight: 700; font-size: 16px; } .ui-dialog .account-shipping .address-select button { float:left; padding: 11px 43px; font-family: 'Raleway'; font-weight: 600; font-size: 16px; } .ui-dialog .account-shipping select#shop_address_list option { font-family: 'Lato'; font-weight: 400; font-size: 16px; } /* PLCC session expire modal*/ .plcc_seesion_expire_modal * {box-sizing: border-box;} .plcc_seesion_expire_modal.ui-dialog .ui-dialog-titlebar.ui-widget-header {background-color:#fff; padding-top: 30px;} .plcc_seesion_expire_modal .ui-dialog-titlebar.ui-widget-header .ui-dialog-title {margin:0} #plcc_seesion_expire_modal_body section {font-size: 16px;color: #000;margin: 0 0 25px;font-family: 'Lato'; display: inline-block;font-weight: 400;} #plcc_seesion_expire_modal_body {padding: 0 25px 20px;} #plcc_seesion_expire_modal_body .text-right {text-align: center;} #plcc_seesion_expire_modal_body .text-right .primaryButtn {margin-left: 20px; } /* search results, grid layout */ /* ------------------------------------- */ .pt_product-search-result .primary-content{background:none repeat scroll 0 0 #FFFFFF;} .pt_product-search-result .breadcrumb{border-bottom: none;margin-bottom:0;} .pt_content-search-result .primary-content{background:none repeat scroll 0 0 #EFEFEF;} .pt_product-search-result .primary-content h1.content-header{padding-left:15px;} .category-main-banner img{max-width:100%;} .no-hits-search-term{color:#ff0000; word-wrap: break-word; } .fewKeyword{width:100%; float: left;} .no-hits-search-term-suggest{color:#990000;font-style:italic;} .no-hits-footer{ margin:20px 0;padding:20px 0;} .search-result-bookmarks{margin:15px;} .search-result-bookmarks .first{border-right:1px solid #999999;padding-right:5px;} .search-result-options{margin:17px 0 21px;overflow:hidden;width:100%;}/*border-bottom:1px solid #C2C2C2; border-top:1px solid #C2C2C2;*/ .sort-by{background:none repeat scroll 0 0 #FFFFFF;float:left;margin:0 0 0 20px;padding:5px 5px;} .items-per-page{background:none repeat scroll 0 0 #FFFFFF;float:right;margin:0 20px 0 20px;padding:5px 5px;} .sort-by label{display:none;} .items-per-page label{display:block; white-space: nowrap; padding: 4px 10px 0px 10px; width: 110px;} .sort-by select{font-size:14px;margin:0 6px 0 0;width:auto;} .items-per-page select{font-size:14px;margin:0 6px 0 0;width:auto;} .sort-by button{background:none repeat scroll 0 0 #C2C2C2;border:0 none;color:#333333;font-size:0.9em;padding:0.3em;width:auto;vertical-align: top;margin: 2px 0;} .items-per-page button{background:none repeat scroll 0 0 #C2C2C2;border:0 none;color:#333333;font-size:0.9em;padding:0.3em;width:auto;vertical-align: top;margin: 2px 0;} .pagination .results-hits{color:#666666;float:left;padding:10px 0px 0px 150px; } .pagination .results-hits .toggle{float: right; color: #333333;font-family: Corbel;} .pagination .results-hits .toggle label{width:35px; padding: 0; text-align:left;} .item-count {float:left;padding:0 0 0 25px;text-align: center;} .pages-numbers {float:left;padding:5px 0 0 15px;} .pages-numbers ul{float:right;margin:0;padding:0;} .pages-numbers li{display:block;float:left;list-style:none outside none;padding: 0.3em 0.2em;} .pages-numbers li.first-last a{background-color:#00A4E3;color:#FFFFFF;font-size:0.9em;padding:0 2px;} .pages-numbers li a{color:#000000;} .pages-numbers li.current-page{color:#0188cb;} .pages-numbers li.first-last {} .pages-numbers li.first-last a.page-next{background:url("../images/interface/rightarrow_small_icon.png") repeat-x scroll left top transparent; width:20px;} .pages-numbers li.first-last a.page-previous{background:url("../images/interface/leftarrow_small_icon.png") repeat-x scroll left top transparent; width:20px;} .pagination ul{float:right;margin:0;padding:0;} .pagination li{display:block;float:left;list-style:none outside none;padding:0.5em;} .pagination li.first-last a{background-color:#00A4E3;color:#FFFFFF;font-size:0.9em;padding:0 2px;} ul.search-result-items{margin:0;padding:0;} ul.search-result-items li{list-style:none outside none;} ul.search-result-items .new-row{clear:both;} ul.search-result-items .grid-tile{background:none repeat scroll 0 0 #FFFFFF;float:left;list-style:none outside none;margin:0 0 2% 20px;padding:17px;width:18%;height: 330px;} ul.search-result-items .grid-tile .product-tile {padding-top:5px;} ul.search-result-items .invisible{display:none;} .search-result-content{clear:both;} .search-promo{padding:20px;} h1#results-content{background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;padding-top:30px;} ul.folder-content-list{margin:0;overflow:hidden;padding:0 20px;} ul.folder-content-list li{float:left;list-style:none outside none;margin:0;padding: 2% 4% 3% 0;width: 46%;font-size: 14px;} ul.folder-content-list .content-title{display:block;font-size: 18px;} .no-results{ padding:5px 0; float:left; } .toggle-grid{background:url("../images/interface/icon-toggle-grid.png") no-repeat scroll left top transparent;cursor:pointer;display:block;float:left;height:11px;margin:2px 10px 0 0;text-indent:-999em;width:24px;} .wide-tiles ul.search-result-items .grid-tile{width:91%;} .wide-tiles .product-tile{height:166px !important;} .wide-tiles .product-tile .product-image{float:left;width:40%;} .wide-tiles .product-tile .product-name,.wide-tiles .product-tile .product-pricing,.wide-tiles .product-tile .product-promo,.wide-tiles .product-tile .pr_stars,.wide-tiles .product-tile .product-swatches{float:left;text-align:left;width:55%;margin-bottom:5px;} .wide-tiles .product-tile .product-name {margin-top:0px;} .wide-tiles .product-tile .pr-snippet-stars{margin:0;} .wide-tiles .product-tile .pr_stars{left:-5px;} .wide-tiles .product-tile .product-compare{left:40.5%;width:32px;bottom:5px;line-height:12px;} .wide-tiles .product-tile .product-swatches{bottom:auto;left:auto;position:relative;right:auto;margin-top:5px;} .wide-tiles .product-tile .product-swatches li{float:left;} /* infinite scroll amendments */ /* ------------------------------------- */ .infinite-scroll .pagination ul{display:none} .infinite-scroll .pagination .current-page-label{display:none} .infinite-scroll .items-per-page {display:none} .infinite-scroll div.search-result-content .infinite-scroll-loading {text-align: center; background: url("../images/infinite-loading-indicator.gif") center no-repeat; height: 35px; width: 100%} .disable-infinite-scroll div.search-result-content .page-element {display:none} /* compare tools */ /* ------------------------------------- */ .compare-item-remove{display:none;} .active .compare-item-remove{display:inline;} .compare-item{background:none repeat scroll 0 0 #E6E6E6;float:left;height:55px;margin-right:13px;overflow:hidden;position:relative;width:55px;} .compare-item-0{background-image:url("../images/interface/icon-compare-placeholder-1.png");} .compare-item-1{background-image:url("../images/interface/icon-compare-placeholder-2.png");} .compare-item-2{background-image:url("../images/interface/icon-compare-placeholder-3.png");} .compare-item-3{background-image:url("../images/interface/icon-compare-placeholder-4.png");} .compare-item-4{background-image:url("../images/interface/icon-compare-placeholder-5.png");} .compare-item-5{background-image:url("../images/interface/icon-compare-placeholder-6.png");} .compareitems{background:none repeat scroll 0 0 #D9D9D9;clear:both;margin:3.5em 2em 0;overflow:hidden;padding:0 1em 1em;} .compareitems h2{font-size:0.9em;margin:0.5em 0;text-transform:uppercase;} .compareitemcount{color:#CCCCCC;font-size:3em;left:30%;position:absolute;top:15%;z-index:1;} .compareproduct{max-width:100%;position:absolute;z-index:2;} .compareitemremove{position:absolute;right:1px;top:1px;z-index:3;} .compare-buttons{padding:0.7em 0 0;} .compare-print{float:right;margin:0 0 10px;} #compare-table td{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:-moz-use-text-color #D9D9D9 #D9D9D9;border-style:none solid solid;border-width:0 1px 1px;} #compare-table tr.evenattributerow{background:none repeat scroll 0 0 #F3F3F3;} #compare-table td .product-tile{font-size:0.9em;width:100px;margin-bottom:12px;padding-bottom:12px;} #compare-table td .product-tile .product-image{height:100px;} #compare-table td .product-tile .product-image img{height:100px;} #compare-table td .product-tile .product-swatches {float:none;} #compare-table td.product button{font-size:0.9em;} #compare-table .section-header{font-size:0.9em;padding:1em;text-transform:none;} #compare-table .selectcategory label{display:block;font-size:0.9em;margin:1em 0;text-transform:none;} #compare-table .selectcategory select{margin:0;width:100px;} #compare-table .comparelists{padding:0;} #compare-table .remove-link{background:url("../images/interface/icon-mini-close.png") no-repeat scroll right top transparent;display:block;padding:0 20px 0 0;text-align:right;} #compare-table .add-to-wishlist,#compare-table .add-to-gift-registry{padding:0.2em 0;text-align:center;} #compare-table .compare-lists label,#compare-table .compare-lists select{float:none;text-align:left;width:100%;} /* power reviews */ /* ------------------------------------- */ body .pr-snippet-wrapper{background:none repeat scroll 0 0 transparent;border:0 none;} body .pr-snippet-stars{border:0 none;} body .pr-snippet-review-count{display:none;} body .pr-snippet-read-write{border:0 none;clear:none;float:left;font-size:1.1em;margin:0;padding:4px 0;} body .pr-snippet-read-write p{display:none;} body .pr-snippet-read-write a.pr-snippet-link{color:#0188cb;}/*#0188cb*/ body .review-image{float:left;margin:0 20px;} /* product detail page (pdp) */ /* ------------------------------------- */ .backtotop {cursor:pointer;} #product-nav-container{overflow:hidden;position:absolute;right:0;width:160px;} #product-nav-container div{float:left;text-align:center;width:77px;} #product-nav-container img{max-height:100%;max-width:80%;} #product-nav-container span{display:block;height:65px;} #product-nav-container .divided span{border-right:1px solid #E0E0E0;padding-right:5px;} #product-nav-container div.product-pdp-badge{text-align:center;width:100%;padding: 10px 0 0 0;font-size: 16px;font-weight: bold;} .pdp-main ul{list-style:none outside none;margin:0;padding:0;} .pdp-main label{padding:0;text-align:left;text-transform:uppercase;width:auto;} .pdp-main label[for="va-voc"]{ padding: 14px 5px 0 0; } .pdp-main .product-col-1{float:left;width:400px;margin-left:1%;margin-top: -20px;} .pdp-main .awards_header{font-family: Raleway; font-weight: 600; font-size: 18px; color: #000000; border-top: 1px solid #E0E0E0; margin-top: 30px; padding-top: 20px; padding-bottom: 8px;} .pdp-main .show-on-mobile .awards_header{width:100%; float:left;} .pdp-main .product-col-1 #tab8 iframe{width: 100%; height: 330px;} .pdp-main .show-on-mobile #tab8 iframe{width: 100%; height: 330px; margin-top:10px; } .pdp-main .product-primary-image{max-width:100%;padding:0;text-align:center;} .primary-image{max-width:100%;} .pdp-main .product-thumbnails{clear:both;display:inline-block;padding:0px 0.5em;} .pdp-main .product-thumbnails li{border-top:5px solid #FFFFFF;float:left;margin:0 5px 0 0;padding:3px 0 0;width:55px;} .pdp-main .product-thumbnails li.selected{border-color:#00A4E4;} .pdp-main .product-thumbnails li img{border:1px solid #CCCCCC;max-width:53px;} .pdp-main .product-thumbnails h2{text-transform:uppercase;text-transform: uppercase;font-family: Arial, sans-serif;font-size: 1.5em;font-style: normal;font-weight: bold;margin: .83em 0;} .pdp-main .product-col-2{float:right;width:59.1%;} .pdp-main .QuickViewFull{clear: both;float: right;} .pdp-main form .input-select{width:auto;} .pdp-main .product-name{float:right;font-family:Corbel;font-size:17px;font-weight:bold;margin:0px 170px 4px 0;width:43%;text-transform: none;} .pdp-main .product-brand{float:right;font-family:Corbel;font-size:13px;font-weight:normal;margin:26px 170px 4px 0;width:43%;text-transform: none;} .pdp-main .product-brand-QuickView{float:right;font-family:Corbel;font-size:13px;font-weight:normal;margin:26px 170px 0px 0;width: 38.5%;text-transform: none;} .pdp-main .product-number{color:#666666;font-size:0.9em;margin:0 0 0.9em 0;} .pdp-main .product-video-icon{background-image: url("../images/pdp-images/video-play-icon.png");z-index: 99;width: 15px;height: 17px;position: absolute;right: 16px;left: 52%;top: 48%;transform: translate(-50%,-50%);} .pdp-main a.productthubmbnailvideourloverlay{position: relative;display: block;} .pdp-main a.productthubmbnailvideourloverlay img{width: 53px;} .thumbnail-mainvideo-popup .thumb-pop-main{width: 100%} .video-link {list-style-type: none !important; } .video-link li {padding-bottom: 10px !important;} .price-sales{color:#000000;padding-left: 20px;font-family: 'Lato'; font-weight: 400;font-size: 20px; text-decoration: line-through;} .price-your{color:#990000;padding-left: 10px;} .price-your-black{color:#000000;padding-left: 10px;} .price-salon{color:#000000;padding-left: 12px;} .price-save{color:gray;padding-left: 21px;} .price-sales-msg{color:#000000;font-family: 'Lato'; font-weight: 400;font-size: 20px;} .price-your-msg{color:#990000;} .price-your-msg-black{color:#000000;} .price-salon-msg{color:#000000;} .onsale-msg{color:#990000;} .price-save-msg{color:gray;} .price-sales-save{color:#999999;text-decoration:line-through;padding-left: 20px;} .price-salon-save{color:#999999;text-decoration:line-through;padding-left: 12px;} .price-standard .mobile-your-price {} .price-sales .mobile-your-price {color:#990000; float: left;} .pdp-main .product-price{font-size:16px;margin:0;padding-top:8px;padding-bottom: 24px;width:40%;} .pdp-main .product-price .price-standard{color:#000000;} .pdp-main .product-col-2 .price-standard{padding-left:15px;} .pdp-main .product-price .price-tiered{color:#990000;font-size:0.6em;line-height:1.5em;} .pdp-main .product-review-links{overflow:hidden;} .pdp-main .product-review-links li{margin-right:1em;} .pdp-main .attribute{margin:1em 0;overflow:hidden;padding:0;position:relative; padding-right:1px; } .pdp-main .attribute h3,.pdp-main .attribute .label{clear:both;float:left;font-size:1em;font-weight:bold;margin:0;padding:4px 0 0;text-transform:uppercase;width:25%;} .pdp-main .attribute .value{float:right;width:74%;} .pdp-main .attribute ul{width:100%;} .pdp-main .product-size-swatch li.attribute {list-style: none;} .pdp-main .attribute .selected-value{border:0 none;color:#666666;font-family:Corbel;font-style:italic;padding:4px 0 0 2px;clear: both;} .pdp-main .attribute .selected-value:hover {border: 0px solid #FFFFFF;} .pdp-main .attribute .selected-value-bundle{border:0 none;color:#666666;font-family:Corbel;font-style:italic;padding:0.5em 0 0 1em;} .pdp-main .attribute .size-chart-link{clear:both;float:none;} .pdp-main .attribute .size-chart-link a{border-color:#FFFFFF !important;padding:0;} .pdp-main .swatches li:hover a{} .pdp-main .swatches li.selected a{border-color:#000000;padding: 2px 3px;border-width: 2px;} .pdp-main .swatches li.unselectable a{opacity:0.5;} .pdp-main .swatches li.unselectable:hover a{border-color:#E0E0E0;} .pdp-main .swatches li.unselectable:hover{border-color:#E0E0E0;} .pdp-main .swatches li a, .pdp-main .Color a {-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color: #666666;border-style: solid;border-width: 1px;display:inline-block;margin: 0 3px 1px 3px;padding: 3px 4px;color: #000000;} .pdp-main .swatches.size li { float:left; } .pdp-main .Color li{border:2px solid #FFFFFF;} .pdp-main .Color li:hover{border:2px solid #FFFFFF;} .pdp-main .Color li.selected{border:1px solid #000000;} .pdp-main .Color li.selected:hover{border:1px solid #000000;} .pdp-main .Color li:hover a{border: 1px solid #E0E0E0;} .pdp-main .Color li.selected a{border-color:#FFFFFF;padding: 0px 0px; border-width: 2px;} .pdp-main .Color li.selected a:hover{border-color:#FFFFFF;} .pdp-main .Color li a, .pdp-main .Color a {border:1px solid #E0E0E0;height:22px;margin:0;padding:0;text-indent:-999em;width:32px;} .pdp-main .product-main-attributes .attribute{padding:0.2em 0;} .pdp-main .product-main-attributes .label{padding:0;} .pdp-main .product-variations {margin-left:0;clear: both;} .pdp-main .product-variations-bundle {margin-left:0;clear: both;} .product-set .product-add-to-cart{display:block; position: relative;} .pdp-main .product-add-to-cart .inventory{float:left;width:14%;} .pdp-main .product-add-to-cart .inventory label{float:none;} .pdp-main .product-add-to-cart .inventory input{margin:0.7em 0;width:38px;text-align: center;} .pdp-main .product-add-to-cart .product-price{float:left;font-size:20px;margin:0;padding-top:8px;width:27%;} .pdp-main .product-add-to-cart #add-to-bag-bar a{display: none;} .pdp-main .product-col-wrapper .quickview-sdd-label{display: none;} .pdp-main .product-price { font-size:13px; } .pdp-main .productsubinfo .product-price { padding-bottom:0; float:left; width: 55%;} .pdp-main .productsubinfo .menu-no-border { float:left; } .pdp-main .ui-tabs .ui-tabs-nav li { border-color:#000; font-style:normal; background-color:transparent; height:auto; } .pdp-main .ui-tabs .ui-tabs-panel { border-color:#000; width:100%; box-sizing: border-box; } .pdp-main .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom:1px solid #000; padding-bottom:1px; background-color:#fff; } .pdp-main .ui-tabs .ui-tabs-nav li a { color:#000; } .pdp-main .ui-tabs .ui-tabs-nav { height:31px; } .ui-dialog .pdp-main .promotion { margin: 20px 0 0 0;} .pdp-main .colorselectbox { width:100%; border:5px solid #e0e0e0; overflow-y:hidden; padding:5px 0px; box-sizing:border-box; } .pdp-main .colorselectboxheight {height:auto; } .colorselectboxheight #variations_table_paginate{ display: none; } .colorselectboxheight #variations_table_length{ display: none; } /*.pdp-main .bordertop {border-top: 1px solid #D9D9D9;}*/ .pdp-main .tableborderbottom {border-top: 1px solid #D9D9D9;} .pdp-main .colorselectboxheight.colorswatchesHeight .ui-dialog.quickview .pdp-main table.dataTable tbody td{float: left;} .pdp-main .colorswatchesHeight .qty-theader {display: none;} .pdp-main .colorswatchesHeight .swatch-theader{display: none;} .pdp-main .colorswatchesHeight .colorselectbox table.dataTable thead .sku-theader {padding-left:17%;} .pdp-main .colorswatchesHeight .productunavailable{display: none;} .pdp-main .colorswatchesHeight td{float: left;} .pdp-main .tableinfo {padding-top: 10px;} .pdp-main .tableinfo a{color: #000;} .pdp-main .tableinfo .seeallItem {float: right; border-bottom: 1px solid #000; color: #000; margin: 0 0 10px 0;} .pdp-main .tableinfo .seeallItem span .dataTables_info { display: none; margin: 0 ; padding: 0 3px 0 6px; text-decoration: none;} .pdp-main .tableinfo .seelessItem {float: right; text-decoration: underline; } .pdp-main .colorselectbox td { vertical-align:middle; text-align:left; } .pdp-main .colorselectbox td.Color a { width:36px; height:36px; float:right; } .pdp-main .colorselectbox table.dataTable thead th { border:none; padding-left:12px; display: none; } .pdp-main .colorselectbox table.dataTable thead td { padding:0; } .pdp-main .colorselectbox .dataTables_info { margin-left:15px; display: none;} .pdp-main .colorselectbox .input-text { text-align:center; } .pdp-main .colorselectbox label { text-transform:none; } .pdp-main .colorselectbox .productunavailable { font-size:11px; font-style:italic; } .pdp-main .colorselectbox .variantQty { width:50px; } .pdp-main .colorselectbox .product-price { display:none; } .pdp-main .colorselectbox td { cursor:pointer; } .pdp-main .colorselectbox td.wishlistUrl { cursor:default; display: none; } .pdp-main .colorselectbox td.wishlistUrl .wlremove { display:none; padding-left:17px; background:url(../images/checkmark.png) left 0px no-repeat; font-style:italic; } .pdp-main .colorselectbox td.wishlistUrl.added .wlremove { display:block; } .pdp-main .colorselectbox td.wishlistUrl.added .wladd { display:none; } .pdp-main .colorselectbox .dataTables_wrapper .dataTables_filter { float:left; width:100%; box-sizing:border-box; } .pdp-main .colorselectbox .dataTables_wrapper .dataTables_filter label { width:100%; } /*.pdp-main .colorselectbox table.dataTable thead .sorting { background:url("../images/sortarrows.png") no-repeat center right; }*/ .product-variations table.dataTable thead .sorting { background:none; } .pdp-main .colorselectbox table.dataTable thead .sorting_desc { background:url("../images/sortarrowsdesc.png") no-repeat center right; } .pdp-main .colorselectbox table.dataTable thead .sorting_asc { background:url("../images/sortarrowsasc.png") no-repeat center right; } .pdp-main .colorselectbox table.dataTable thead .sku-theader { background-position:50px center; } .pdp-main .colorselectbox table.dataTable thead .color-theader { background-position:90px center; display: none; } .pdp-main .colorselectbox table.dataTable tbody tr.selected { background-color:#e0e0e0; } .pdp-main .colorselectoractions { width:70%; } .pdp-main .colorselectoractions a.logintoviewprice { width: auto; margin: 20px 0 10px; padding: 0;} /* .pdp-main .colorselectoractions .product-add-to-cart { float:right; clear:none; } */ .pdp-main .colorselectoractions .product-add-to-cart .product-actions{padding-top:0;} .pdp-main .colorselectoractions .product-actions { float:left; background:none; clear:none; line-height:40px; } .pdp-main .colorselectoractions .menu-no-border > li > .send-to-friend { line-height:40px; } .pdp-main #variations_table { box-sizing: border-box;padding-top:0px; margin:0; border: 1px solid #D9D9D9; background-color: #FFF;} .pdp-main #variations_table tr.variations_table-headings th { display:none;} .pdp-main #variations_table tr td.variantId { float: left; text-align: left; vertical-align: top;} .pdp-main #variations_table .header{display: none;} .pdp-main #variations_table_filter input { border:1px solid #000; /*background:url("../images/searchicon.png") no-repeat center right;*/ padding:3px 5px; width: 431px; margin-bottom: 10px; margin-left: 0px; } .viewlessbundleproduct{display: none; width: 100%; float: left; text-align: center; margin-top: 25px; color: #000;} .pdp-main .product-add-to-cart .product-your-price{float:left;font-size:14px;margin:0;padding-top:18px;width:47%;} .pdp-main .product-add-to-cart button{float: left;} .pdp-main .product-add-to-cart .availability{position:relative;clear:both;float:left;padding:20px 0 20px 70px;} .pdp-main .product-add-to-cart .availability .label{position:absolute;left:0px;} .availability .availability-msg p {margin-top:0px; display:inline;} .availability .availability-msg{display:inline;} .availability .in-stock-msg {color:black} .availability .not-available-msg {color:red} .availability .preorder-msg {color:blue} .availability .backorder-msg {color:green} .availability .in-stock-date-msg {color:red} .pdp-main .product-actions{background:url("../images/interface/icon-singel-line-header.png") repeat-x scroll left top transparent;clear:both;overflow:hidden;padding:7px 0;} .pdp-main .product-actions .social-actions{float:right;} .pdp-main .product-actions .social-actions li{margin:0 0.2em;} .pdp-main .product-actions .addthis_toolbox{float:right;display:none;} .pdp-main .recommendations{clear:left;padding:2em 0;width:350px;} .pdp-main .recommendations li{float:left;width:100px;} .pdp-main .recommendations .product-tile{padding:0 0.5em;} .pdp-main .recommendations .product-image{height:90px;} .pdp-main .recommendations .product-price{font-size:1em;width: 100%;} .pdp-main .recommendations .product-price .price-your-msg{font-size:1em;width: 100%;color:#990000;display: block;} .pdp-main .recommendations .product-price .price-your{font-size:1em;width: 100%;color:#990000;padding: 0;} .pdp-main .recommendations .jcarousel-clip{margin:auto;overflow:hidden;width:300px;} .pdp-main .recommendations .jcarousel-prev{background:url("../images/interface/icon-jcarousel-horiz-arrow-left.png") repeat scroll 0 0 transparent;cursor:pointer;height:17px;left:0;position:absolute;top:20%;width:9px;} .pdp-main .recommendations .jcarousel-next{background:url("../images/interface/icon-jcarousel-horiz-arrow-right.png") repeat scroll 0 0 transparent;cursor:pointer;height:17px;position:absolute;right:0;top:20%;width:9px;} .pdp-main .recommendations .jcarousel-prev-disabled{background:none repeat scroll 0 0 transparent;} .pdp-main .recommendations .jcarousel-next-disabled{background:none repeat scroll 0 0 transparent;} .pdp-main .recommendations .product-tile:hover .recommendation-tooltip{display:block !important;} .js .pdp-main .recommendations .product-tile .recommendation-tooltip{display:none !important;} .pdp-main .recommendations .recommendation-tooltip{background:none repeat scroll 0 0 #FFFFFF;border:1px solid;left:50%;position:absolute;text-align:left;top:50%;width:300px;z-index:100;} .pdp-main .promotion{clear:both;padding:0; margin: 10px 0 10px 0; color: #000; font-size: 14px;} .pdp-main .promotion .promotion-title{color:#999999;display:inline-block;font-size:14px;line-height:1em;text-transform:uppercase;vertical-align:top;width:18%;} .pdp-main .promotion .promotion-title-QuickView{color:#999999;display:inline-block;font-size:14px;line-height:1em;text-transform:uppercase;vertical-align:top;width:22%;} .pdp-main .promotion .promotion-callout span {color: #000; font-size: 14px;text-transform: capitalize;} /* .pdp-main .promotion .promotion-callout{color: #999999;display:inline-block;line-height:1em;vertical-align:top;width:77%;} gana */ .pdp-main .product-tabs{border:0 none;margin:15px 0 0; width: 650px;} .print-page {cursor:pointer;} .pdp-main .product-tabs .print-page {float:right;color:#ffffff;margin-left: 20px;} .list-table-header .print-page {font-size: 13.2px;float:right;} .pt_gift-registry .list-table-header .print-page {margin-top:-0.5em;} .pdp-main .product-tabs .tab-content {min-height:130px;padding-right: 15px;} .pdp-main .product-tabs .tab-content-award {min-height:130px;float: left;} .pdp-main .product-tabs .tab-content-review1 {width:57%;float:left;} .pdp-main .product-tabs .tab-content-review2 {width:40%;float:left;padding-left: 15px;} .pdp-main .product-tabs .tab-content ul{list-style-type:disc;margin-left: 2em;} .pdp-main .product-tabs .tab-content ol{list-style-type: decimal;margin-left: 2em;padding: 0px;} .pdp-main .product-tabs .tab-content-award .award{float: left;padding:0 5px;margin-top: -10px;} .pdp-main .product-set-list{ margin:0 0 0 6px;} .pdp-main .product-set-list .product-set-item{border-top:1px solid #D9D9D9;clear:both;margin:0.5em 2em 0.5em 0;;overflow:hidden;padding:0.5em 0 0;} .pdp-main .product-set-list .product-set-item:nth-of-type(1) { border-top:none;} .pdp-main .product-set-list .product-set-image{float:left;width:22%;} .pdp-main .product-set-list .product-set-details{float:left;width:78%;} .pdp-main .product-set-item .product-size-swatch .attribute .value {float:left;} .pdp-main .product-set-list li.attribute-bundle {list-style: none outside none; } .pdp-main .product-set-list li.attribute-bundle h3.swatch-size { display: none;} .pdp-main .attribute h3,.pdp-main .attribute .label{width:25%;} /* .pdp-main .product-set-list .product-name{float:none;font-size:1.3em;margin:0;width:auto;} */ .pdp-main .product-set-list .promotion-title{font-size:1.2em;width: auto; padding-right: 15px;} .pdp-main .product-set-list .block-add-to-cart{clear:both;overflow:hidden;padding:0.5em 0;} .pdp-main .product-set-list .block-add-to-cart .inventory{float:left;margin-left:40%;width:17%;} .pdp-main .product-set-list .block-add-to-cart label{padding:0.7em 0;text-align:left;width:40%;} .pdp-main .product-set-list .block-add-to-cart .input-text{width:35px;} .pdp-main .product-set-list .block-add-to-cart .product-price{float:left;font-size:14px;margin:0;padding:6px 0 0;text-align:right;width: 23%;} .pdp-main .product-set-list .block-add-to-cart button{float:right;font-size:0.9em;margin:0px 7px 0 0;padding-left:1em;padding-right:1em;} .pdp-main .product-set .product-add-to-cart .product-price{} button.add-to-cart[disabled],button.add-all-to-cart[disabled]{opacity:0.5;} button.add-all-to-cart{display:block;} .js button.add-all-to-cart{display:inherit;} /* available in rich ui. */ #ps-add-all-to-cart{float:right;} /* product set */ /* ------------------------------------- */ .product-set-list .product-name {float:left;font-family:Corbel;font-size:15px;font-weight:bold;margin:0px 0px 0px 0;width:100%;} .product-set-list .product-name a{color:#000000;} .product-set-list .product-brand{float:left;font-family:Corbel;font-size:13px;font-weight:normal;margin:0px 0px 0px 0;width:100%;} .product-set-list .product-number{color:#666666;font-size:0.9em;margin:0 0 0.5em 0;} .product-set-list .attribute h3,.product-set-list .attribute .label{width:100%;padding-bottom: 3px;} .product-set-list .attribute .label-bundle{clear: both;float: left;font-size: 1em;font-weight: bold;margin: 0;padding: 4px 0 0;text-transform: uppercase;width:15%;} .product-set-list .attribute-bundle h3{width:15%;padding-bottom: 3px;} .pdp-main .attribute .value-bundle{float:right;width:82%;} .product-set-list .promotion .promotion-callout{color: #999999;line-height: 1.35em;vertical-align: top;width: auto;} .pdp-main .product-set .QuickViewFull{clear: both;float: left;padding-bottom: 10px;} .product-set-list .product-set-details-list .product-name {float:left;font-family:Corbel;font-size:15px;font-weight:bold;margin:0px 0px 0px 0;} .product-set-list .product-set-details-list .product-number{color:#666666;font-size:0.9em;margin:0 0 0.5em 0;float: left;width: 20%;} .product-set-list .product-set-details-list .attribute-bundle h3{ width:15%; } .product-set-details-list .attribute .selected-value-bundle{border:0 none;color:#666666;font-family:Corbel;font-style:italic;padding:0 0;} .product-set-details-list .attribute {width:25%;float: left;margin: 0 0 10px 0;} .product-set-list .product-set-details-list .product-quantity{float: left;width: 15%;} .product-set-list .product-set-details-list .attribute .product-variations.bundle-variations{margin:0; width: 100%;} .product-set-list .product-set-details-list{display: flex; flex-wrap: wrap;} .product-set-list .product-set-details-list .product-name {order:2;} /* bonus products */ /* ------------------------------------- */ .select-bonus-btn, .no-bonus-btn{float:left;margin:0 5px 0 0;} .buttonbar{margin:11px 0;overflow:hidden;width:336px;} .bonus-product-list .bonus-product-item{border-bottom:1px solid #E0E0E0;clear:both;} .bonus-product-list .product-name{float:none;margin:1em 0;} .bonus-product-list .product-add-to-cart button{float:left;margin-top:24px;} .bonus-product-list-footer{clear:both;} .bonus-product-list-footer button{float:right;} /* send to friend */ /* ------------------------------------- */ .menu-no-border > li > .send-to-friend {letter-spacing: 0px;text-transform: none;font-size: 13px;font-family: Corbel;display: block;line-height: 14px;padding: 0px 10px 0px 10px;cursor: pointer;} .menu-no-border > li > .wl-action {letter-spacing: 0px;text-transform: none;font-size: 13px;font-family: Corbel;display: block;line-height: 14px;padding: 0px 10px 0px 10px;margin-top: 12px;cursor: pointer;} .no-border-last {border-right:none;} .menu-no-border > li.no-border-last > .wl-action {border-right:none;} .menu-no-border > li:last-child > .wl-action{border:0 none;} .pdp-main .menu-no-border {padding-top:6px;padding-left: 10px;} .pdp-main .menu-no-border-QuickView {padding-top:3px;padding-left: 0px;clear: both;} .menu-no-border-QuickView > li > .send-to-friend {letter-spacing: 0px;text-transform: none;font-size: 13px;font-family: Corbel;display: block;line-height: 14px;padding: 0px 10px 0px 10px;cursor: pointer;} .menu-no-border-QuickView > li > .wl-action {letter-spacing: 0px;text-transform: none;font-size: 13px;font-family: Corbel;display: block;line-height: 14px;padding: 0px 10px 0px 10px;border-right: 1px solid #0188cb;margin-top: 12px;cursor: pointer;} .menu-no-border-QuickView > li:last-child > .wl-action{border:0 none;} ul.menu-no-border-QuickView{float:left;margin:0;padding:0;} ul.menu-no-border-QuickView li{float:left;list-style:none outside none !important;} .send-to-friend-product{border-bottom:1px solid #E0E0E0;border-top:1px solid #E0E0E0;margin-bottom:20px;margin-top:20px;margin-right: 22%;overflow:hidden;padding:20px 0;} .send-to-friend-product .product-image{float:left;width:36%;} .send-to-friend-product .product-image img{max-width:80%;} .send-to-friend-product .features { margin-top:10px; } .send-to-friend-product .product-description{float:left;width:63%;} .send-to-friend-product .product-description h2 {margin-right:0;} .send-to-friend-product .product-description .value {font-weight:bold;} .send-to-friend-product .product-description h2{font-size:1.2em;font-style:italic;} .send-to-friend-product .product-description h3{font-size:1.2em;font-style:italic; font-weight: bold;} .send-to-friend-product .product-description dt {clear:both;float:left; margin:10px 0 0 0;width: 100px;} .send-to-friend-product .product-description dd {float:left;margin:10px 0 0 0; width: 200px;} #send-to-friend-main .send-to-friend-sender-label{padding-top:0;} #send-to-friend-main .send-to-friend-sender{margin-left: 2%;padding: 0.7em 0.5em;text-indent: 0;width: 49.5966%;} #send-to-friend-dialog .send-to-friend-login-message{padding: 2em 0em 2em;} .product-description .label-bundle{font-size: 1em;font-weight: bold;text-transform: uppercase;} /* size charts */ /* ------------------------------------- */ .sizinginformation{border:0 none;padding:10px;} .sizinginformation th{background:none repeat scroll 0 0 #F3F3F3;} .sizinginformation td,.sizinginformation th{border-bottom:1px solid #F3F3F3;padding:10px;} .sizinginformation td{border-left:1px solid #F3F3F3;} .sizinginformation .ui-tabs-nav{height:33px;} .sizinginformation .sizing-charts{border:0 none;} .sizinginformation .tips-list{padding:0 !important;} .sizinginformation .tips-list li{list-style:none outside none !important;} /* shopping cart */ /* ------------------------------------- */ #carttop table td {padding:0;} .fullborder{border: 1px solid #333;} .cart-address{padding:10px; margin: 5px 0 10px 0; width:auto; display: block;} /*#cart-table {border: 1px solid #333;}*/ #cart-table th {border-bottom: 1px solid #333; background-color:#E8E8E8;} /*#cart-table td {border: 1px solid #333;}*/ #cart-table .header-total-price{text-align:right;} #cart-table .item-quantity input{margin:0;text-indent:0;width:2em;} #cart-table .item-quantity input[type="number"]{max-width:45px;border: 1px solid #000000; font-family: lato; font-size: 16px; color: #444444; outline: none; -webkit-appearance: none; -moz-appearance: textfield; -webkit-border-radius: 0;} #cart-table .item-quantity input[type=number]::-webkit-inner-spin-button, #cart-table .item-quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #cart-table .item-user-actions{width:100px;} #cart-table .item-user-actions a{display:block;font-size:1em;} #cart-table .item-user-actions button{display:block;font-size:1em;} #cart-table .item-price{font-weight: 700;} #cart-table .price-promotion .price-sales{color:#990000;} #cart-table .price-promotion .price-sales .discounted-price { margin-left: 40px; font-size: 16px; line-height: 12px;} #cart-table .bonus-item{color: #000000;float: left;} #cart-table .bonus-item.applied{color: #000000;} #cart-table .bonus-item.notapplied{color: #000000;} #cart-table .price-promotion .price-standard{margin:0 1em 0 0;text-decoration:line-through;} #cart-table .item-total{font-weight:700;text-align:right;word-wrap:break-word;} #cart-table .item-total .promo-adjustment{width:120px;} #cart-table .price-unadjusted{color:#666666;display:block;margin:0 0 5px;} #cart-table .price-unadjusted span{text-decoration:line-through;} #cart-table .price-adjusted-total{color:#666666;display:block;margin:5px 0 0;} #cart-table .price-adjusted-total span{color:#000;} #cart-table .gift-cert-delivery{color:#990000;} #cart-table .notavailable {display:block;} .cart-promo{background:url("../images/interface/ui-promo-bg-gray-diag.png") repeat scroll 0 0 transparent;color:#333333;font-family:Corbel;font-style:italic;margin:0.3em 0;padding:1em;} .cart-promo .bonus-item-actions{font-size:1em !important;text-align:right;vertical-align:middle;} .cart-footer{margin:10px;overflow:hidden;} .cart-footer-left-col{float:left;width:40%;clear:left;} .cart-coupon-code label{float:none;font-size:1.1em;text-align:left;width:auto;line-height:2em;text-indent:0.5em;padding-top:0px;}/*text-transform:uppercase;*/ .cart-coupon-code .input-text{margin:2px 10px 0 0;width:55%;} .cart-coupon-code .error{font-style:italic; padding-left:8px;} .cart-coupon-code #add-coupon{vertical-align: middle;} .cart-order-totals{float:right;width:55%;margin-top:5px;} .cart-order-totals button{float:right;} .cart-order-totals td{padding:0 5px 0 0;} .order-totals-table th{display:none;} .order-totals-table td{padding:2px 0;text-align:right ; width:45%;} .order-totals-item{width:60%;} .order-totals-value{width:40%;} /*.order-subtotal{font-weight:700;}*/ #secondary .order-totals-table .order-shipping a {display:none;} /* .cart-action-checkout{float:right;} gana */ .cart-action-continue-shopping{float:right;} .cart-action-continue-shopping button.button-text{line-height:50px;padding-right:1em;} .cart-error{color:#F6161A;font-size:14px;} .error-right{text-align:right;padding:10px;} .promo-adjustment{color:#990000;} ul.product-availability-list{margin:0;padding:0;} ul.product-availability-list li{list-style:none outside none;margin:3px 0;} .pt_cart ul.product-availability-list li.is-in-stock { display:none; } ul.product-availability-list .on-order,ul.product-availability-list .not-available{color:#990000;font-size:0.9em;} .account-welcome .welcome-message{font-family:Corbel;font-size:1.2em;font-style:italic;} .account-welcome .not-user{margin:10px 0;} .last-visited h2{font-family:Corbel;font-size:1.2em;font-style:italic;font-weight:normal;} .last-visited .jcarousel-clip{margin:0 20px;overflow:hidden;width:167px;} .last-visited .jcarousel-item{width:167px;} .last-visited .jcarousel-next{background:url("../images/interface/icon-jcarousel-horiz-arrow-right.png") no-repeat scroll left top transparent;cursor:pointer;height:20px;position:absolute;right:0;top:50%;width:10px;} .last-visited .jcarousel-prev{background:url("../images/interface/icon-jcarousel-horiz-arrow-left.png") no-repeat scroll left top transparent;cursor:pointer;height:20px;left:0;position:absolute;top:50%;width:10px;} .last-visited .jcarousel-prev-disabled,.last-visited .jcarousel-next-disabled{background-image:none;} /* checkout */ /* ------------------------------------- */ .checkout-progress-indicator{font-size:1.2em;overflow:hidden;position:absolute;right:0;text-align:right;top:6px;} .checkout-progress-indicator span{font-weight:700;text-transform:uppercase;} .checkout-progress-indicator a{color:#333333;} .checkout-progress-indicator .active{font-weight:700;} .checkout-progress-indicator .step-3{background:none repeat scroll 0 0 transparent;padding-right:0;} .step-3 .paymentmethod-sec { width:42.9%; float:left; } .step-3 .editpayment { width:57%; float:left; margin-top: 60px; padding-left: 0; box-sizing: border-box; } .step-3 .editpayment a { float:left; width: 166px; text-align: center; } #fieldset_billing_address_select .select-address{padding:.5em 0;} .checkout-button{float:right; margin-top:15px;} .select-address{padding:2em 0;} .shipping-method{padding:22px 0 0 28%; float:left;} .shipping-method label{display:inline;float:none !important;padding-right:5px !important;} .shipping-method .shipping-description{display:inline;} .redemption{color:#990000;} .redemption span.error{margin-left:0;} .payment-method-options{padding-left:0;} .payment-method-options .form-row{clear:none;float:left;width:30%;} .payment-method-options .form-row.cardsec{clear:none;float:left;width:200px; margin:20px 30px 10px 0;} .payment-method-options .form-row.cardsec label {cursor:pointer; width: 100%; float: left; padding: 14px 0; text-align: center; text-transform: uppercase; background: #000; line-height: 12px; color: #fff; font-size: 16px; } .payment-method-options .form-row.cardsec input[type="radio"] { display:none;} .payment-method-options label{width:auto;} .payment-method-options input[type="radio"] {margin: .7em 2%;} .payment-method{clear:both;display:none;} .payment-method-expanded{display:block;} .payment-method-header {font-size: 18px;font-weight: bold;padding: 30px 10px 30px 15px;} .payment-method-billing{padding: 0 0 25px 160px;} .cvn-tip-error{float:left;margin:-78px 0 0 40%;width:auto;} .month,.year,.day{clear:none;float:left;margin:0 0 2% 2%;} .month select,.year select,.day select{margin:0;width:80px;} .month .form-caption{margin-left:0;} .bml-terms-and-conditions{border:1px solid #AAAAAA;font-size:0.8em;height:400px;overflow:auto;padding:1em;} .bml-table-col-1{width:25%;} .checkout-mini-cart{background:none repeat scroll 0 0 #EFEFEF;max-height:330px;overflow:auto;} .checkout-order-totals .order-totals-table{width:90%;} .place-order-totals{clear:both;} .place-order-totals .order-totals-table{float:right;width:50%;} .place-order-totals .content-asset{} .mini-shipment{ background-color:#EFEFEF;} .order-component-block{margin:35px 0 60px;} .order-component-block .section-header a{float:right;font-weight:normal;} .order-component-block .details{background:none;color:#333;padding:0.5em 1em;}/*E8E8E8*/ .order-summary-footer{position:relative;} .order-summary-footer h2{font-family:Corbel;font-size:2em;font-style:italic;font-weight:normal;} .submit-order{clear:both;display:block;padding:20px 0 0;text-align:right;} .submit-order button{margin-left:1.5em;} .pt_order-confirmation h1{font-size:2.5em;} .pt_order-confirmation .order-shipment-table{margin:0 0 20px;} .pt_order-confirmation .order-shipment-table .order-shipment-details{border-left:1px solid #E0E0E0;} .pt_order-confirmation #primary h2{font-family:Corbel;font-size:2em;font-style:italic;font-weight:normal;} .pt_order-confirmation a.print-page{float:right;} .confirmation-message{margin-bottom:20px;padding-bottom:20px;}/*border-bottom:3px solid #00A4E4;*/ .order-discount{color:#990000;} .gift-cert-used{padding:10px 0;} .order-detail-options{margin:20px 0 0;padding:20px 0 0;text-align:right;}/*border-top:1px solid #E0E0E0;*/ .order-detail-options a{margin:0 10px;} .summary .edit {position: absolute;text-transform: uppercase;right: 10px;font-size: 0.9em;line-height: 1.5em;} .pt_checkout #main {padding: 0 14px;} .pt_cart #main {padding: 0 14px;} .pt_order-confirmation #main {padding: 0 14px;} .pt_cart .breadcrumb {padding-left:0} .pt_cart #remove-all { display:block; margin:5px 0 20px 0; } .pt_order-confirmation .order-confirmation-details .content-header {margin:7px 0 !important;} .order-shipment-details .shipping-method { padding-left:0px;} .order-shipment-details .order-shipment-address { width:240px;} .order-confirmation-details .item-list{border-top: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0;} .receipt-order-shipment-table{border-bottom:1px solid #e0e0e0;} .receipt-order-shipment-table th.section-header{padding:1em 1em 0 1em;} .order-summary-product-container { border: 1px solid #666; border-top: none; padding-bottom:10px; } .order-summary-order-total {border-bottom: none;} tr.order-summary-product-row > td {padding: 0.0em 0.1em 0.4em 1em;} select.payment-month , select.payment-year { opacity: 0.6; pointer-events: none;} .summary-bonus-price .bonus-item{color: #000000; float: left; font-weight: 700; } .submit-order .form-row{width: 100%;} .orderNotesContainer{float: left; width: 45%; padding-left: 20px; text-align: left;} .orderNotesContainer input[type="text"]{height: 100px;} .POContainer{float: right; width: 48%;} .SummaryContainer .form-row label, .SummaryContainer .form-row span{float:left; display: block;} .SummaryContainer .form-row span.char-allowed-count { float:right; padding-left: 4px;} .SummaryContainer .form-row span.char-remain-count { margin-right: 4px; margin-left: 3px;} .SummaryContainer .char-count { width: 211px; margin-left:0; } .pt_checkout .SummaryContainer .orderNotesContainer .char-count { width:100%; margin-bottom: 10px; float:left; margin-top: 3px; } .SummaryContainer .form-row input[type="text"], .SummaryContainer .form-row select {float:left; display: inline; width: 80%; margin-left: 0;} .submit-order .csnoteheader{text-align: left; width: 80%; font-size: 1.1em; font-weight: 700;} .submit-order .csnotedesc{text-align: left; width: 80%; font-style: italic; font-size: .9em;} /* .submit-order .checkoutMsg{text-align: left; width: 40%; font-style: italic; font-size: .9em; clear: both; display: block; padding:10px 0 0 450px;} */ .summaryError {color:red;} .item-price .price-sales span.mobile-your-price { margin-left: 40px; } .commentBlock {display:none;} .order-shipment-gift-message-header {font-weight: bold;font-size: 1.2em;padding-bottom: 0px;} .order-shipment-gift-message {font-size: 1.1em;} .confirm-actions{text-align:right; margin-top:15px;} .orderNotesContainer textarea {margin-left:-80px;height:80px;} #selected-shipping-container table.containertable{padding:10px; width:100%; margin-bottom:20px;} #selected-shipping-container td{padding: 1em 1em 1em 0;} #selected-shipping-container td.left{padding:0; width:30%;} #selected-shipping-container td.right{padding:30px 0 0 0; width:40%; float:left;} #selected-shipping-container td.right a.secondarybtn { width: 196px; float: left; text-align: center; box-sizing: border-box; } #selected-shipping-container td.right a.secondarybtn[disabled] { opacity:0.5; cursor:default; } #selected-shipping-container td.right a.secondarybtn[disabled]:hover { padding: 10px 13px 9px 13px; border: 2px solid #000000;} #selected-shipping-container .fullborder {width:100%; margin-top:20px; font-size:1.2em; border: none; line-height: 24px; padding: 0; font-family: Raleway; font-size: 16px;} #selected-shipping-container .deliveryheader {font-weight:bold; font-size:14px;} #selected-shipping-container .deliverytext{font-size:14px;} #selected-shipping-container .deliverynote{font-style:italic;} .pad5{padding:5px;} .actions a{color:#fff;} .account-shipping{text-align:center;} .shipping-pavmsg{color:#990000; padding-top: .5em;} .shipping-selectmsg{font-weight: bold; padding-top: .5em;} .address-select span{vertical-align: baseline;} .account-shipping form[name="ship-address-select-form"] { margin: 0 0 20px; } /*For Chrome @media screen and (-webkit-min-device-pixel-ratio:0) { .address-select span{vertical-align: super;} }*/ #shop_address_list {width:65%; margin-top:5px; padding: 0 5%; } .account-shipping #address-details-container h1{display:none;} .account-shipping #address-details-container h2{display:none;} .account-shipping #address-details-container legend{display:none;} #add-new-address{margin-bottom: 1.2em;} .account-shipping #address-details-container .form-caption{display:none;} .add-edit-address .form-caption {display:block;margin:1% 0 1% 27%;} .account-shipping .add-edit-address .form-caption {display:block!important;margin:1% 0 1% 39%;} #edit-address-form .form-caption{display:none;} .address-back{display:none;} #errorContainer{padding: .5em 0; color:#990000;} #address-details-container label{width: 35%; text-align: right;} #address-details-container input[type="text"], #address-details-container input[type="password"], #address-details-container textarea {text-align: left; width: 55%; padding-right: 20px;} #address-details-container{padding-right: 75px;} #address-details-container select{margin-left: .7em; text-align: left; width: 60%;} .address-shipto-change { padding: 1em 1em 1em ; box-sizing: border-box; float:left; } .ui-dialog.address-valdate-dialog .address-shipto-change { width: 475px; } .address-choseShipTo{font-weight: 700;padding: .5em 0;} .address-unabletoship{padding: .5em 0;} .ui-dialog.close #dialog-container { width:600px; } .ui-dialog.close #dialog-container .address-shipto-change { padding: 1em 1em 1em 0; width: 600px; box-sizing: border-box; } .ui-dialog.close #dialog-container .ship-cart-error-form .apply-button { width: 48%; float:left; margin: 0 0 0 20px; } .ui-dialog.close #dialog-container .ship-cart-error-form .cancel.cancel-button { width: 48%; float: left; } .address-shipto-change .no-ship-items-list{margin-left: .5em 0; padding: .5em; height: 75px; overflow-y: scroll; border: 1px solid #666;} .ship-cart-error-form{padding: .5em 0;} .ship-cart-error-form .apply-button { width: 42%; margin-top: 0px; margin-bottom: 10px; float:right; font-family: Raleway; } .ship-cart-error-form .cancel-button { font-family: Raleway; } .no-ship-items-list .no-ship-items-loop{padding-bottom: 1em;} .address-verify{padding: 0 1em 1em 1.5em;} .address-verify-main{ width: 425px; padding-top: 10px;} .address-verify-left input[type="radio"], .address-verify-right input[type="radio"]{float: left; margin: .5em .3em 0 0!important;} .address-verify-left label, .address-verify-right label{text-align: left; width: 90%;} .address-verify-address{display: block; clear: both;} .address-verify-left{float: left; min-width: 200px; width: 50%;} .address-verify-right{float: right; min-width: 200px; width: 50%;} .address-verify-confirm{clear: both;} .mobile-Address{width:90%; text-align:center;} .mobile-Address Select {display:block; clear:both;} .mobile-Address .address-create{margin-bottom: 5px;} .mobile-Address #shop_address_list{width:90%; margin:0 0 5px 30px; text-align: center;} /* multishipping elements */ /* ------------------------------------- */ .selectbox {width: 100%;} .editaddress {padding-left: 2%;} .formactions {margin-top:20px;text-align: right;} table.item-list .multi-shipment-row {border-bottom: none;} .minishipments-method {padding-top: 10px;} .multishipprogress div, .multishipprogress .step-3 {background: url("../images/interface/icon-checkout-indicator.png") no-repeat scroll right center transparent;display: inline;padding: 1em;} .multishipprogress .step-4 {background: none repeat scroll 0 0 transparent;padding-right: 0;} .checkout-progress-indicator {font-size:1em;} .checkout-multi-shipping .cart-row .gift-message-text{display:none;} .pt_checkout #cart-table .cart-row .shipment-label{font-weight: 700;margin-top:35px; font-size: 1.4em;} /* account */ /* ------------------------------------- */ .pt_account #addresses .section-header{float:right;} .pt_account #addresses .section-header .section-header-note{position:relative;left:0;} #PasswordResetForm fieldset { position: relative; } #PasswordResetForm input {width:75%;} #PasswordResetForm button {float: right; margin-right:35px;} /*#PasswordResetForm button {float: right; position: absolute; top: 0px; left: 63%;} */ #PasswordResetForm table td{padding:.2em;} .PasswordResetFooter {text-align:left;} .sort-user{float: left;} .add-user-btn{float: right;} .manage-users-div{width:90%;padding: 15px 10px 30px 0;} .manage-users{width:90%; border: 1px solid #666; padding:.5em;} .manage-users th{font-weight: bold; font-size: 1.2em; background-color: #ebebeb;padding: .5em; border-bottom: 1px solid #666;} .manage-users td{padding: .5em; border-bottom: 1px solid #666;} .manage-users-save{margin:10px 0 0 150px; } .manage-users-remove{color: #D00000; margin-bottom: 10px;} .addUserError {color:red; float:right; padding-right: 200px; padding-top: 20px;} .account-multiselect input[type="checkbox"]{margin:0; display: inline-block; vertical-align: baseline; float: left;} .account-multiselect label {width:70%; display: inline-block; padding:0 0 0 10px; text-align: left;} .account-multiselect {margin-left:152px; height: 150px; overflow-Y: scroll; width: 375px; border: 1px solid #666; padding:.5em; display: block;clear: both;} .account-multiselect-label{margin-left:135px; padding-bottom: 10px;display: block; width: 50%;} .account-multiselect-msg{padding-bottom: 10px;display: block; width: 80%; font-weight: normal; font-size: 1em;} .account-address-edit{margin-left:147px;} .account-address-edit{margin-left: 164px;} .actions-edit{margin-left: 42px;} .account-users-edit-btn{margin-left:10px;} h1 .account-logout{font-size:0.6em; float: none;} .registration-selection input,.registration-selection label{display:inline;float:none;} ul.address-list{padding:0;} ul.address-list li{float:left;list-style:none outside none;margin:0; padding:.2em 0;width:30%;} ul.address-list li.default{float:none;width:auto;}/*border-bottom:1px solid #EFEFEF;*/ ul.address-list .mini-address-title{font-style:italic;font-weight:bold;} ul.address-list .mini-address-attention-to {font-style: italic;} ul.payment-list{overflow:hidden;padding:0;} ul.payment-list li{float:left;list-style:none outside none;margin:0;min-height:110px;width:33%;} .account-edit-main {} .account-edit-profile ul {line-height: 1.6em; list-style: none;padding:0px 0 0 16px} .account-edit-profile ul li.change-email {margin-top:10px;} .account-edit-profile ul li.change-email span.change-email-text {padding-right: 54px;} .account-edit-profile .account-info ul li span, .account-edit-profile .employee-type-container span.caption, .account-edit-profile .professional-type-container span.caption, .account-edit-profile .marketingprefs-container span {font-size: 1.1em;font-weight: 700;} .account-edit-profile .form-row label {padding-left:30px; width:110px;} .account-edit-profile .form-row label, .account-edit-profile .form-row label span {text-align:left;} .account-edit-profile select.input-select.profession-select {border-radius:0; width:30%} .account-edit-profile .employee-type-container span, .account-edit-profile .employee-type-container .checkbox-container, .account-edit-profile .professional-type-container span, .account-edit-profile .professional-type-container div {display:inline-block; float:left;} .account-edit-profile .employee-type-container .form-row.employee-type-row,.account-edit-profile .form-row.professional-type-row , .account-edit-profile .form-row.marketing-pref-row {padding-bottom:0; margin-bottom: 5px; position:relative;} .account-edit-profile .employee-type-container label,.account-edit-profile .professional-type-container label, .account-edit-profile .marketing-pref-row label{margin-left: 55px; padding: 0;} .account-edit-profile .employee-type-container input,.account-edit-profile .professional-type-container input {left: 38px; margin: 0; position: absolute; top: 0px;} .account-edit-profile .marketing-pref-row {margin-left:1.5em} .account-edit-profile .marketing-pref-row span {display:block; float:left;width: 10em; font-size: 16px; font-weight: 400;} .account-edit-profile .marketing-pref-row .row-buttons {display:block; float:left; clear: none;} .account-edit-profile .marketing-pref-row .row-buttons input { display: inline-block;float: left; margin: 0;} .account-edit-profile .marketing-pref-row .row-buttons label { display: inline-block;float: right; text-align: left; margin: 0;} .account-edit-profile .additional-email-message {margin: 30px 0 0 0; float: left; width: 100%;} .account-edit-profile .marketing-pref-row .row-buttons label span {font-weight: normal; font-size: 1.01em;} .account-edit-profile .additional-email-message .additional-email-head { font-family: lato; font-weight: bold; font-size: 16px; color: #000000; padding: 3px;} .account-edit-profile .additional-email-message .additional-email-order {padding: 3px; display: block;} .account-edit-profile .retype-email textarea {margin: 0; resize: none; border-color: #000; height: 150px;} /* .account-edit-profile .form-row.changelogin {display:none;} */ /* CP-269 */ .additional-email-details{float: left;} .italic.email-msg {display: block;margin-top: 20px;} .italic.email-error-msg {display: none;} .italic.email-error-msg.error {display:block; color:red;margin-top: 30px;} .account-edit-profile .form-row.professional-type-row label {width:150px;} .account-edit-profile .employee-type-container label, .account-edit-profile .professional-type-container label, .account-edit-profile .marketingprefs-container label {font-weight:normal;} .account-edit-main .account-edit-profile .form-row.email-field {clear:left;display:inline-block; float:left;width:100%;} .account-edit-main .account-edit-profile .form-row.email-field input {color:#000;} .account-edit-main .account-edit-profile .form-row.email-field.infocus input {color:#000;} .account-edit-profile .form-row.phone-row label, .account-edit-profile .form-row.birthdayclub label {padding-left: 16px} .account-edit-main .account-edit-profile .birthdayClubField {position:relative;} .account-edit-main .account-edit-profile .birthdayClubField span.special-offers-msg {position:absolute;top:8px;} .account-edit-main .account-edit-profile .form-row.birthdayclub {display:inline-block; width:225px;} .account-edit-profile .form-row.birthdayclub input {width:60px} .account-edit-main .account-edit-profile .employee-type-container, .account-edit-profile .marketingprefs-container, .account-edit-main .account-edit-profile .form-row.email-field input, .account-edit-main fieldset .form-row-button.account-edit-btn, .account-edit-main .account-edit-profile .form-row.birthdayclub input {margin-left: 16px;} .account-edit-main .account-edit-profile .employee-type-container {float:left;margin-bottom: 30px;width:265px;} .account-edit-main .account-edit-profile .employee-type-container.first-type{clear:left;} .account-edit-main .account-edit-profile .professional-type-container {float:left; line-height: 1; width:350px;} .account-edit-main .account-edit-profile .professional-type-container .professional-type-row {margin-left:-25px;padding-bottom:0;} .account-edit-main .account-edit-profile .marketingprefs-msg {display:block; padding-bottom:5px; margin-bottom: 15px; font-size: 16px; } .account-edit-main fieldset .form-row-button.account-edit-btn {margin:20px 0 0 5px;} .account-edit-main .account-edit-profile .changelogin span.form-caption.error-message {width: 25%;} .account-edit-main .account-edit-profile span.italic.error-message {display: inline-block; float: left; clear: both; margin: 5px 0 15px 50px;} .account-edit-main .account-edit-profile .form-caption.error-message { text-align: center; max-width: 200px; margin-left: 12em;} .pt_account .account-edit-main .account-edit-profile .form-caption.error-message{ max-width: 100%; margin-left: 0} .order-history .search-result-options {margin: 10px 0 10px;} /*.order-history .search-result-options .pagination .results-hits {color: #666666;float: right;padding: 10px 40px 0px 0px;} .order-history .search-result-options .pages-numbers{float: right;padding: 0px 10px 0px 0px;}*/ .order-history-header{overflow:hidden;padding:10px;}/*background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #EFEFEF;*/ .order-history-header .label{font-weight:700;} .order-history-header button{margin:0;vertical-align: top;} .order-history-header .order-basics{float:left;margin:2px 0;width:25%;} .order-history-header .order-shipto{float:left;margin:2px 0;width:28%;} .order-history-header .order-total{float:left;margin:2px 0;width:18%;} .order-history-header .order-btn{float:left;margin:5px 0;width:28%; vertical-align: baseline;} .order-history-header .order-btn .reorderBtn a{background:none repeat scroll 0 0 #333333;border-color:#FFF;border-style:double;border-width:5px;color:#FFFFFF;cursor:pointer;display:inline;font-size:.9em;font-weight:500;padding:0.3em 0.7em;text-align:center;text-transform:uppercase;} /*.order-history-header .order-date{float:left;margin:2px 0;width:60%;} .order-history-header .order-status{float:left;margin:2px 0;width:60%;} .order-history-header .order-number{float:left;margin:2px 0;width:60%;}*/ .order-history-items{margin:20px 0; display:none;} .order-history-table th{padding:5px 10px;} .order-history-table td{padding:5px 10px;} .order-history-table ul{margin:0;padding:0;} .order-history-table li{list-style:none outside none;} .order-history-table th.order-shipped-to{width:33%;} .order-history-table th.order-items{width:33%;} .order-history-table th.order-total-price{width:33%;} .order-history-table .toggle{cursor:pointer;display:block;} .js .order-history-table li.hidden{display:none;} .order-confirmation-details .order-details .item-list{border-right: none; border-left: none; border-color: #ddd;} .order-confirmation-details .order-details .receipt-order-shipment-table{border-right: none; border-left: none; border-color: #ddd;} .order-details .item-list{border: 1px solid #666; border-spacing: 0px;} .order-details .item-list .payment-total2{display:none;} .order-details .item-list tr {border-bottom: 1px solid #666;} .order-details .item-list tr {border-bottom-color: #ddd;} .order-details .receipt-order-shipment-table{border: 1px solid #666; border-top:none;} .order-details .shipping-method {padding: 10px 0 0 0;float: left; display:block;} .order-details .shipping-status {float: left; display:block; clear:both;} .order-details .shipping-status .label {width:110px;} .order-details .shipping-status .value {} .order-details .track-ingnumber {float: left; display:block; clear:both; padding-top: 20px;} .order-details .track-ingnumber .label {width:110px;} .order-details .track-ingnumber .value {} .order-details h3.content-header {font-style: normal;font-size: 1.5em;font-weight: bold;} .order-history .dateSelect .fromDatePicker{width: 25%;} .order-history .dateSelect .toDatePicker{width: 25%;} .ui-datepicker-trigger{background: none; color: #FFFFFF; cursor: pointer; display: inline; padding: 0; margin: 10px 0 0 0; vertical-align: baseline; width:24px; height:24px; border:none; background:url("../images/calendar-icon2.png") no-repeat left top transparent;} .ui-datepicker{background-color: #fff; border: 1px solid #AAAAAA;} .ui-datepicker-prev{background:url("../images/menu-left-arrow.png") no-repeat left top transparent;} .ui-datepicker-next{background:url("../images/menu-right-arrow.png") no-repeat right top transparent;} .order-history .dateSelect .buttonstyle{vertical-align: baseline;margin-left: 6px;} /* .dateSelect .ui-datepicker{background-color: #ebebeb; z-index: 100!important; top: 350px !important;}*/ /* account navigation */ /* ------------------------------------- */ .navgroup {margin: 3px 15px 15px 0;} .navtitle {font-size: 16px;font-weight: bold;line-height: 100%;margin: 0 0 0.25em;padding: 0;} .navgroup ul {margin:0 0 1em;padding: 5px 0 0 0;} .navgroup ul li {line-height: 1em;list-style-type: none;} .navgroup ul li a {display: block;font-weight: normal;padding:0;text-decoration: none;overflow: visible;} .navgroup ul li a:hover {text-decoration:underline;} /* wishlist */ /* ------------------------------------- */ .pt_wish-list .list-table-header{border-top:1px solid #ccc; overflow:hidden;padding:2em;}/*background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #EFEFEF;*/ .pt_wish-list .list-table-header p{color:#999999;float:right;margin:0;overflow:hidden;width:40%;} .pt_wish-list .primary-content .list-table-header h2{float: left;} /* gift registry */ /* ------------------------------------- */ .pt_gift-registry .create-new-registry{margin:1em 0;} .pt_gift-registry .backlink {display: none;} .pt_gift-registry .create-new-registry button{float:left;margin-right:2em;} .pt_gift-registry .create-new-registry p{font-family:Gorgia;font-size:1.3em;font-style:italic;margin:0;padding:0.5em 2em;} .pt_gift-registry .add-gift-cert{border:1px solid #EFEFEF;margin-bottom:-1px;overflow:auto;padding:10px;} .pt_gift-registry .add-gift-cert button{background:url("../images/banners/banner-gift-cert.gif") no-repeat scroll left top transparent;border:0 none;float:left;height:80px;text-indent:-999em;width:433px;} .pt_gift-registry .add-gift-cert p{color:#999999;float:right;font-style:italic;line-height:1.5em;width:40%;} .pt_gift-registry .list-table-header{background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #EFEFEF;overflow:hidden;padding:2em;} .pt_gift-registry .hdr-options{width:5%;} .page-content-tab-navigaton button{background:none repeat scroll 0 0 #D9D9D9;border-color:#EFEFEF;border-width:1px;color:#999999;font-family:Corbel;font-size:1.1em;font-style:italic;font-weight:400;margin:0 0 -1px;} .page-content-tab-navigaton button.selected{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #FFFFFF;} .page-content-tab-wrapper{border:1px solid #EFEFEF;padding:5px;} .gift-reg-purchases .item-purchased-by dd{float:left;font-weight:bold;margin:0 1em 0 0;position:relative;width:auto;} .gift-reg-purchases .item-purchased-by dt{clear:both;float:left;margin:0 1em 0 0;position:relative;width:auto;} .gift-reg-purchases .quantity-purchased{color:#990000;} .gift-registry-advanced {clear: both;} .gift-registry-advanced .toggle-content {overflow:hidden;padding:10px;} .gift-registry-advanced .event-month {clear: both;} .gift-registry-advanced .event-city {clear: both;} .pt_gift-registry .primary-content .list-table-header h2{float:left;} .gift-reg .hdr-name{width:25%;} .gift-reg .hdr-header{width:25%;} .gift-reg .hdr-details{width:25%;} .gift-reg .hdr-options{width:25%;} .gift-reg .section-header {border-bottom: none;} .update-item{border-right: 2px solid #ccc; padding-right: 5px;} .delete-item{padding-left:3px;} .gift-reg .item-image {width:15%;} .gift-reg .item-details {width:45%; float: left;} .gift-reg .item-actions {width:40%;} .print-mylist{float: right; margin-right: 100px;} /* gift certificates */ /* ------------------------------------- */ .gift-certificate-purchase{background:none repeat scroll 0 0 #F3F3F3;padding:10px;} .gift-certificate-purchase .content-asset{float:left;width:50%;} .gift-certificate-purchase .content-asset img{margin:20px 0;} .gift-certificate-purchase form{background:none repeat scroll 0 0 #FFFFFF;float:right;padding:0 20px 20px;width:40%;} .gift-certificate-purchase form .input-text{width:90%;} .gift-certificate-purchase form .input-textarea{width:90%;} .gift-certificate-purchase form .cert-amount{clear:none;float:left;margin:0;width:40%;} .gift-certificate-purchase form .form-row-button{clear:none;float:left;margin:25px 0 0 20px;width:50%;} .gift-certificate-purchase .cert-amount .form-caption{margin:20px 0 0;position:absolute;width:40%;} .gift-certificate-purchase .cert-amount.error{padding-bottom:35px;} .gift-certificate-purchase span.error {margin-left:2%;} .check-balance{border-bottom:1px solid #D9D9D9;margin:0 0 20px;padding:0 0 20px;} .gift-cert-balance{float:left;width:40%;} .gift-cert-balance input{margin-top:0;width:90%;} .gift-cert-balance .form-caption{margin-left:0;} .gift-cert-balance-submit{clear:none;float:left;} .gift-cert-balance .label {display:none;} /* login pages */ /* ------------------------------------- */ .login-box{background:none repeat scroll 0 0 #FAFAFA; border: 1px solid #000; margin:0 0 2em; padding:20px;}/*E8E8E8*/ .login-box h2{font-size: 1.2em; margin-left:20px;} .login-box h3{font-size: 1.3em; margin:0;} .login-box-content{padding-top:0.5em;} .login-intro{text-align:center;} .login-box .section-header{border:none;text-align: left;font-weight: bold;} .login-box-body{font-size: 1em !important; font-weight: 700;} .login-box-table{width:100%;} .login-box-table {padding:0px;vertical-align:bottom;} .login-box-table .left{width:250px;} .login-box-table .right{text-align:left;vertical-align:bottom;width:170px;float:right;} .login-box-table .form-row{padding:0px;} .login-box-button{clear:both;margin:15px 0 0 120px;} .login-box-table .password-reset{padding:10px 0px 0px 125px;clear:both;} .login-box-table label{float: right;font-size:.9em;width: auto;padding:25px 75px 0 0;font-weight: 400;} .login-box-table input[type="checkbox"] {margin: 25px 0px 0px 0px;float:left; width:20px;} .login-ul{padding:0px 0px 0px 20px;} .login-ul li{list-style-type: circle; line-height:1.7em; width:100%; float:left; } .pre-reg-box label.pre-reg-labelA{float:right; font-size:1.1em;width: auto;padding:5px 225px 0 0;font-weight: 700;} .pre-reg-box label.pre-reg-labelC{float:right; font-size:1.1em;width: auto;padding:5px 250px 0 0;font-weight: 700;} .pre-reg-box input[type="radio"] {margin-top: 5px; margin-left: 20px;} .pre-reg-button{float:right;} /* Firefox only */ @-moz-document url-prefix() { .login-box-table{margin:25px 0 0 0px;} .login-box-button{clear:both;margin:15px 0 0 35px;} .login-box-table .password-reset{padding:10px 0px 0px 40px;clear:both;} .login-box-table .left{width:160px;} .login-box-table .right{text-align:left;vertical-align:bottom;width:260px;} .login-box-table label{float: right;font-size:.9em;width: auto;padding:25px 168px 0 0;font-weight: 400;} } .login-box #dwfrm_oauthlogin select#OAuthProvider{display: block;margin-bottom: 1em;width: 80%;} .password-reset {padding-top:15px;} .password-reset .form-row {margin:0 0 .5em 0;} .password-reset .error-message{position: relative; left: 0px;top:0px; border: none; background-color:transparent; padding: 0 0 5px 0; margin: .3em 0 1em 15.5em;} /* category landing page */ /* ------------------------------------- */ .bottom-banner-container{overflow:hidden;} .bottom-banner-container .bottom-banner-cell{float:left;overflow:hidden;text-align:center;} .bottom-banner-container .banner-cell-1{width:33%;} .bottom-banner-container .banner-cell-2{width:34%;} .bottom-banner-container .banner-cell-3{width:33%;} /* store locator */ /* ------------------------------------- */ .store-locator-header{background:url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;font-family:Corbel;font-size:1.75em;font-style:italic;font-weight:400;margin:20px 0 0;padding:20px 0;} .store-information{background:none repeat scroll 0 0 #E8E8E8;border-bottom:1px solid #FFFFFF;} .store-name{font-weight:bold;margin:0 0 10px;} .store-address,.store-map{border-bottom:1px solid #E8E8E8;} .store-locator-details{float:left;width:44%;} .store-locator-details img{max-width:100%;} .store-locator-details h1,.store-locator-details p{margin:0.25em 0;} .store-locator-details-map{float:right;width:50%;} .store-locator-details-map img{max-width:100%;} /* homepage elements */ /* ------------------------------------- */ #homepage-slides{padding:0;width:100%;} #homepage-slider{overflow:hidden;} #homepage-slider .slide{list-style:none outside none;margin:0;max-width:100% !important;padding:0;width:100%;} #homepage-slider .slide img{height:auto;max-width:100% !important;} #homepage-slider .slide a h2{border:0 none;clip:rect(0pt,0pt,0pt,0pt);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} #homepage-slider .slide a span{position:absolute;text-indent:-999em;} .home-bottom-left{float:left; padding-right:25px; padding-left:25px; width:302px;} .home-bottom-left .html-slot-container { box-shadow: 0 7px 10px rgba(0,0,0,0.1);} .home-bottom-right .html-slot-container { box-shadow: 0 7px 10px rgba(0,0,0,0.1);} .home-bottom-center .html-slot-container { box-shadow: 0 7px 10px rgba(0,0,0,0.1);} #home-promo-shop-shoes{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url("../images/homepage/home-promo-shoes.png");background-origin:padding-box;background-position:left top;background-repeat:no-repeat;background-size:100% auto;height:413px;margin:auto;max-width:320px;position:relative;width:100%;} #home-promo-shop-shoes h2{position:absolute;text-indent:-999em;} #home-promo-shop-shoes ul{padding:30% 0 0;text-align:center;} #home-promo-shop-shoes li{border-right:1px solid #0188cb;display:inline;list-style:none outside none;margin:0 5px 0 0;padding:0 5px 0 0;text-transform:uppercase;} #home-promo-shop-shoes li:last-child{border:0 none;} #home-promo-shop-shoes li a{color:#0188cb;} #home-promo-shop-shoes span{font-style:italic;margin:0 10px 0 0;} .home-bottom-center{float:left; padding-right:25px; padding-left:25px; width:302px; } #home-promo-free-shipping{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url("../images/homepage/home-promo-free-shipping.png");background-origin:padding-box;background-position:center top;background-repeat:no-repeat;background-size:100% auto;height:413px;margin:auto;max-width:319px;text-indent:-999em;width:100%;} .home-bottom-right{float:left; padding-right:25px; padding-left:25px; width:302px;} .home-bottom-right h2{background:url("../images/homepage/hdr-this-weeks-deals.png") no-repeat scroll center center transparent;border-bottom:2px solid #01A4E5;height:54px;padding:30px 0;text-indent:-999em;} .home-bottom-right .vertical-carousel{margin:0;padding:0;} .home-bottom-right .vertical-carousel li{float:left;list-style:none outside none;padding:0;width:25%;} .home-bottom-right .vertical-carousel li .capture-product-id{display:none;} .home-bottom-right .vertical-carousel li .product-price .product-standard-price{text-decoration:line-through;} .home-bottom-right .product-tile{border:0 none;margin:auto;min-height:255px;width:90%;} .home-bottom-right .product-tile img{max-width:90%;} .home-bottom{clear:both;overflow:hidden;padding:2em 0;} #email-alert-signup{display:block;margin:0 0 0 33px;width:910px;} #email-alert-signup label{color:#8F8F8F;float:left;padding:0.5em 0 !important;text-transform:uppercase;width:50%;} #email-alert-signup input[type="text"]{float:left;padding:0.7em 0.5em;width:30%;} #email-alert-signup input[type="image"]{float:left;padding:0.1em;} .home-top-left {background:none repeat scroll 0 0 #ffffff;float:left;width:800px; padding-left:5px; height:500px;} .home-top-right-b {background:none repeat scroll 0 0 #ffffff;float:left;width:250px; padding-right:5px; height:250px;} .home-top-right-t {background:none repeat scroll 0 0 #ffffff;float:left;width:250px; padding-right:5px; height:250px;} /* JavaScript specific styles */ .js .loader {position:absolute;left:0;top:0;width:100%;height:100%;} .js .loader-bg {position:absolute;width:100%;height:100%;background-color:#fff;opacity:0.7;} .js .loader-indicator {z-index:100;position:absolute;left:50%;top:50%;width:64px;height:64px;background:url("../images/loading-small.gif") no-repeat;} .js #quickviewbutton {display: none; background: transparent url(../images/quickview2.png) center center no-repeat;position: absolute;top: 30%;width:100%;height:17px; padding:10px 0; } .js .ie7 #quickviewbutton {position:absolute;left:0;width:200px;} .product-tile .product-image:hover #quickviewbutton{display: block;} /* SEARCH SUGGESTION --------------------------------------------------------------------------------------- */ .js #suggestions {background-color: #ffffff; border:1px solid #000000;font-size:21px;font-family: 'Lato'; font-style: normal;font-weight: 400;color: #000000;padding:0 0 10px;display: none; position:absolute; z-index:8184} .js #suggestions div {clear: both; padding: 0 0 6px; overflow: hidden;} .js #suggestions .jsEnhancedSearch:hover { background-color: #000; color: #fff; } .js #suggestions div.selected { background-color: #000; color: #fff;} .js #suggestions div div.suggestionterm {float:left;overflow: hidden; clear:both; display:inline-block; cursor:pointer; margin: 5px 50px; padding:0; } .js #suggestions div span.hits {float: right;text-align: right;margin-left: 3px; display:none;} .js .mini-cart-product {position:relative;} .js .mini-cart-toggler { background: url(../images/minicart_expanded.png) repeat scroll 0 0 transparent; cursor: pointer; height: 13px; left: 5px; position: absolute; top: 10px; width: 13px; } .jsSearchTitle {cursor: context-menu;} /* beauty blog search suggestion*/ .blog-search fieldset .box{position: relative;width: 100%; float: left;} #suggesstion-box{background-color: #ffffff;position: absolute; width: 98.8%; border-width: 0 1px 1px 1px; border-style: double;display: block;color: #000000; z-index: 99; } #suggesstion-box a { float: left;box-sizing: border-box; padding:5px; width: 100%;text-align: left; color: #000;} #suggesstion-box:empty{display: none;} #suggesstion-box a:hover { background-color: #000; color: #fff; } .js div.collapsed .mini-cart-toggler { background: url(../images/minicart_collapsed.png) repeat scroll 0 0 transparent; } .js div.collapsed .mini-cart-image { display:none; } /* quick view */ /* --------------------------------------------------------------------------------------- */ /* .js .ui-dialog-content a {color:#22b0e8; gana} */ .js .ui-dialog-content a.link-button {color:#FFFFFF;} .js .ui-dialog-content .product-col-1{padding: 13px 1%;width:39%;} .js .ui-dialog-content .product-col-1 .product-image {max-width: 100%;} .js .ui-dialog-content .product-col-2{padding: 5px 0;width:58%;} .js .ui-dialog-content .pdp-main .product-set-list {border:1px solid #d9d9d9;height: 500px; } .js .ui-dialog-content .pdp-main .product-set-list.bundle-product-content-sku {border: 1px solid #D9D9D9; height: auto;} .js .ui-dialog-content .pdp-main .product-set-list.bundle-product-content-sku.simpleProduct-kit-product { padding: 10px; font-size: 14px; border: 1px solid #CCC; color: #000; line-height: 18px;} .js .ui-dialog-content .pdp-main .add-this-social-section { display: none;} .js .ui-dialog-content .pdp-main .product-set-list .product-set-item {margin:1em 0;} .js .ui-dialog-content .pdp-main .product-set-list .product-name {margin:0; width:100%;} .js .ui-dialog-content .pdp-main .product-set-list .block-add-to-cart .price {font-size:1.5em;padding: 0.4em 0 0;width: 130px;} .js .ui-dialog-content .product-set-list .product-name a {color: #000000;} .js .ui-dialog-content .pdp-main .promotion .promotion-title-QuickView {color: #999999;display: inline-block;font-size: 14px;line-height: 1em;text-transform: uppercase;vertical-align: top;width: 31%;} .js .ui-dialog-content .pdp-main .promotion .promotion-callout {color: #999999;display: inline-block;width: 100%;} .js .ui-dialog-content .pdp-main .product-set-list .block-add-to-cart .product-price{float:left;font-size:14px;margin:0;padding:6px 0 0;text-align:right;width: 26%;} .js .ui-dialog-content .pdp-main .product-set-list .block-add-to-cart .inventory {float: left;margin-left: 25%;width: 21%;} .product-not-available-error {text-align: center; font-size: 24px; vertical-align: middle; text-transform: uppercase;} .notAvail {width: 500px !important; left:35% !important; top: 50% !important;} .js .zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;width:100%;} .js .zoomPreload{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity = 80);color:#333;font-size:12px;font-family:Tahoma;text-decoration:none;border:1px solid #CCC;background-color:white;padding:8px;text-align:center;background-image:url(../images/zoomloader.gif);background-repeat:no-repeat;background-position:43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px;*width:100px;*height:49px;} .js .zoomPup{overflow:hidden;background-color:#FFF;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;} .js .zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;/*opacity:0.5;*/z-index:5000;width:100%;height:100%;display:none;z-index:101;} .js .zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;} .js .zoomWrapper{position:relative;border:1px solid #999;z-index:110;} .js .zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0px;left:0px;z-index:120;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity = 60);} .js .zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;} .js .zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;} .js .zoomIframe{z-index:-1;filter:alpha(opacity=0);-moz-opacity:0.80;opacity:0.80;position:absolute;display:block;} /* homepage assets --------------------------------------------------------------------------------------- */ .js .homepage-slides {height: 550px;} .js #homepage-slider .jcarousel-item {max-width:100%;} .js #homepage-slider .jcarousel-control {position: absolute;right:10px;bottom:20px;} .js #homepage-slider .jcarousel-control a {background: none repeat scroll 0 0 #E0E0E0;border:1px solid #cccccc;display: block;float: left;height: 15px;margin: 0 3px;text-indent: -999em; width: 6px;} .js #homepage-slider .jcarousel-control a.active {background-color:#666666;} .js .home-bottom-left, .js .home-bottom-center, .js .home-bottom-right {} .js .home-bottom-right .jcarousel-clip {height: 282px; overflow:hidden;} .js .home-bottom-right .vertical-carousel li {height: 282px;float:none; width:300px;} .js .home-bottom-right .product-tile {min-height: 0;} .js .home-bottom-right .jcarousel-prev {background:url('../images/interface/icon-vertical-carousel-prev.png') left top no-repeat;cursor:pointer;height:12px;position:absolute;bottom:20px;right:0;width:52px;z-index:999;} .js .home-bottom-right .jcarousel-next {background:url('../images/interface/icon-vertical-carousel-next.png') left top no-repeat;cursor:pointer;height:12px;position:absolute;bottom:0px;right:0;width:52px;z-index:999;} .js .home-bottom-right .jcarousel-prev-disabled, .home-bottom-right .jcarousel-next-disabled {display:none !important;} .js button.select {display:none} /* Multi Inventory */ /* --------------------------------------------------------------------------------------- */ .ui-dialog #listings-nav {float: right;margin-top: 2%;} .ui-dialog #listings-nav a {cursor: pointer;display: inline-block;margin: 0 5px;} .ui-dialog #listings-nav a.active {font-weight: bold;} .pdp-main .product-add-to-cart .availability .label {position: relative;} .pdp-main .product-add-to-cart .availability {padding: 20px 0 20px 0px;width: 80%;} .pdp-main .product-add-to-cart .online-stock span {float: left;} .pdp-main .product-add-to-cart .store-stock {display: block;clear: left;} .update-location {color:#22B0E8;padding-left: 10px;cursor: pointer;} div.store-list {border-color: #CCCCCC;border-style: dashed;border-width: 1px 0;height: 150px;overflow: hidden;padding: 0;position: relative;} div.store-list ul.store-list {position: absolute;width: 1920px;} ul.store-list {list-style: none outside none;margin: 0;padding: 0;} ul.store-list .selected {background-color: #DDF0DF;} .store-tile {border-left: 1px dashed #CCCCCC;border-right: 1px dashed #CCCCCC;float: left;height: 134px;list-style: none outside none;margin: 0 2px;padding: 8px;position: relative;width: 154px;} .store-tile .store-tile-address {display: block;} .store-tile .store-tile-city {margin: 0 5px 0 0;} .store-tile .store-tile-state {margin: 0 5px 0 0;} .store-tile .store-tile-postalCode {display: block;} .store-tile .store-tile-status {display: block;font-size: 0.9em;margin: 5px 0;} .not-available .store-tile-status, .out-of-stock .store-tile-status {color: #990000;} .In-Stock .store-tile-status {color: #019328;} .store-tile .store-tile-map-this {display: block;font-size: 0.9em;margin: 5px 0;} .store-tile .select-store-button {bottom: 5px;left: 6px;position: absolute;} .store-stock ul.expanded {height: auto;} .store-stock ul.store-list {margin: 20px 0 5px;} .store-stock ul.store-list .extended-list {display: none;} .store-stock ul.expanded .extended-list {display: block;} .store-stock ul.store-list .selected {background-color: #FFFFFF;font-weight: bold;} .store-stock .store-tile {border-color: #CEBDB3;border-style: dotted;border-width: 1px 0 0;clear: both;float: none;font-size: 0.9em;height: auto;line-height: 1.5em;overflow: hidden;padding: 5px 0 5px 55%;text-align: right;width: auto;} .store-stock .store-tile .store-tile-address {color: #0167AF;display: inline-block;margin: 0 0px 0 0;} .store-stock .store-tile .store-tile-city {color: #0167AF;margin: 0 3px 0 0;} .store-stock .store-tile .store-tile-state {color: #0167AF;} .store-stock .store-tile .store-tile-postalCode {display: none;} .store-stock .store-tile .store-tile-status {left: 0;margin: 0;position: absolute;text-align: left;top: 3px;width: 80px;} .store-stock .In-Stock .store-tile-status {left: 13px;} .store-stock .store-tile .store-tile-map-this {display: none;} .store-stock .store-tile .select-store-button {display: none;} .more-stores {color: #0167AF;cursor: pointer;font-size: 0.8em;margin: 0 0 0 2px;padding: 0 0 0 12px;} .multishipprogress div, .multishipprogress .step-3 {background: url("../images/interface/icon-checkout-indicator.png") no-repeat scroll right center transparent;display: inline;padding: 1em;} .multishipprogress .step-4 {background: none repeat scroll 0 0 transparent;padding-right: 0;} .multishipaddressestable {margin: 9px 0px 20px 0px;width: 706px;} .multi-ship-shipments-table {margin: 0 0 20px;width: 706px;} .multi-ship-shipments-table th.section-header {font-size: 10px;font-weight: bold;padding: 9px 6px 11px;} .multi-ship-shipments-table .shipping-address .details {padding: 0 10px 0 22px;} .multi-ship-shipments-table .gift-options label {float: left;padding: 0;} .multi-ship-shipments-table .gift-options input {margin: 0 10px;} .multi-shipping-addresses {margin-bottom: 20px !important;margin-left: 0;margin-right: 0;margin-top: 0;} .multi-shipping-addresses .shipping-address {text-align: right;} .multi-shipping-addresses .shipping-address select {margin: 4px 0 0;width: 260px;} .header-product-shipping {width: 276px;} .header-qty-shipping {width: 45px;} .header-location-shipping {text-indent: 70px;width: 307px;} .header-shipment-index {width: 409px;} .header-shipment-qty {width: 27px;} .header-shipment-details {text-indent: 22px;} .multi-shipping-methods {position: absolute;top: 30px;} .multi-shipping-methods .shipping-methods .form-row {clear: none;float: left;display: none;} .multi-shipping-methods .shipping-methods select {width: 250px;margin: -5px 0 0 15px;} .multi-shipping-option {border-bottom: 2px dotted #CEBDB3;left: 0;padding: 0 0 12px;position: absolute;text-indent: 10px;top: 48px;width: 95%;} .multi-shipping-addresses .shipping-qty, .multi-ship-shipments-table .shipping-qty {background: none repeat scroll 0 0 #E9E9E9;} .multiship span.label {font-weight: bold;} .hide {display: none;} .loading {background: url("../images/loading-progress-98x22.gif") no-repeat scroll left center transparent;} .store-in-stock {color: #019328;} #cart-table .item-delivery-options .store-in-stock {color: #333333;font-family: Arial,sans-serif;font-size: 12px;} .store-error {color: #FF0000;} #cart-table .item-delivery-options .store-error {color: #990000;} #cart-table .item-delivery-options {padding: 1em 0 1em 0;width: 100px;} .selected-store-address, .set-preferred-store, .selected-store-availability {font-size: 0.8em;font-weight: 400;margin-left: 0px;} .set-preferred-store {cursor: pointer;} #cart-table .form-row .radio-url {display: inline;} .label-inline input {float:left;margin:0;} .instore-shipping-option{width:100%;} .pt_checkout div.instore-shipment-header {width:100%;} .pt_checkout div.instore-shipment-method {width:100%;padding: 1em;} .pt_checkout div.instore-shipment-method span {font-weight:bold;} .pt_checkout div.instore-shipment-address {width:40%;float:left;padding-left: 1em;} .pt_checkout div.instore-shipment-messagetxt {width:50%;float:right;} .ui-dialog #preferred-store-panel button#set-user-zip{margin-left: 3%;} .ui-dialog #preferred-store-panel #userZip{margin-left: 12%;margin-top: 5%;} .ui-dialog #preferred-store-panel .error-message{margin-left: 12%;margin-top: 1%;} #preferred-store-panel div.store-list{margin-top: 1%;} #preferred-store-panel button.set-preferred-store{margin-top: 2%;} #preferred-store-panel button.close{margin-top: 2%;} .checkout-shipping fieldset .instore-continue-button{margin-left:61.5%} #cart-table .item-delivery-options label{display: inline;margin-left: 2%;} .pt_checkout .checkout-shipping .form-row-button { margin-left: 0; } .pt_checkout .paymentmethoddummy button.button-fancy-large { opacity:0.5; } .pt_checkout .paymentmethoddummy .dummybuttons { margin-top:20px; float:left; } .pt_checkout .paymentmethoddummy .dummybuttons .use-credit-card { margin-right:20px; float:left; } .pt_checkout .paymentmethoddummy .dummybuttons button { cursor: context-menu; } /* Header */ /* --------------------------------------------------------------------------------------- */ /*--------------------------------------------------------------------------------------- Generic Link Drop down, ADD "dd" to the li element and ADD "dd" to the drop down div that's nested within the li element ---------------------------------------------------------------------------------------*/ li.dd:hover div.dd { display:block; } div.dd { display:none; position: absolute; top: 19px; /*z-index: 1000; box-shadow: 0 3px 3px rgba(0,0,0,0.2); border: 1px solid #d9d9d9;*/ background-color: #fff; text-transform: uppercase; font-family: Corbel ; color: #000; padding: 5px; } li.dd2 {text-transform:none; color:#000000;cursor:default;} li.dd3 {text-transform:none;} li.dd3:hover div.dd3{display:block;} div.dd3 { display: none; background-color: #fff; text-transform: none; position:absolute; top: 26px; left: 0; padding: 30px 20px 20px; width: 260px; z-index: 999; -moz-box-shadow:-3px 3px 5px 0px #ccc; -webkit-box-shadow: -3px 3px 5px 0px #ccc; box-shadow: -3px 3px 5px 0px #ccc; } /* --------------------------------------------------------------------------------------- */ .accordion { border-bottom:1px solid #e4e4e4; margin-bottom:24px; } .accordion .panel { padding:15px 0; border-top:1px solid #e4e4e4; } .accordion .toggled {background: url(../images/open_icon.png) no-repeat 85% 10%; position:relative; line-height:18px; font-size:13px; font-family:Arial, serif; color:#1a1a1a; padding-right:20px; font-weight:bold; text-transform:capitalize; text-align: left;padding-left: 40px; } .accordion .toggled span { color:#ec248f; } .accordion .toggled:after { width:18px; height:18px; content:''; position:absolute; right:0; top:0; background:url(../images/sprite.png) no-repeat -35px -48px; } .accordion .cnt { padding-top:15px; display:none; } .accordion .cnt p { font-size:12px; line-height:18px; } .accordion .cnt p a { text-decoration:underline; font-style:italic; } .accordion .cnt.open { display:block; } .accordion .toggled.open { background: url(../images/close_icon.png) no-repeat 85% 10%; } /*--------------------------------------------------------------------------------------- This was put in place to build out the mobile header and test its components ---------------------------------------------------------------------------------------*/ #header.mobileheader { padding:7px 0 0 0; position:relative; z-index:11; background-color:#fff; } .mobileheader .header-container { width:100%; height:44px; border-bottom:1px solid #e4e3e3;} .mobileheader h1 {margin:0;} .mobileheader h1.logo { display:block; width:160px; position:absolute; left:50%; margin-left:-80px; } .mobileheader h1.logo a { height:37px; display:block; } .mobileheader h1.logo p { margin:0; } .menu { padding:7px 12px; } .menu > li { border-bottom:1px solid #ccc; } .menu > li:first-child { border-top:1px solid #333; } .menu > li > a { letter-spacing:1px; text-transform:uppercase; font-size:15px; font-family: Corbel; display:block; padding: 10px 20px 10px 2px; line-height:18px; position:relative; } .menu .toggle:after, .submenu .toggle:after { position:absolute; right:8px; top:50%; margin-top:-5px; width:10px; height:10px; content:''; background:url(images/sprite.png) no-repeat -250px -30px; } .menu .cnt { border-right:1px solid #e4e3e3; border-bottom:1px solid #e4e3e3; display:none; margin-bottom:13px; background-color:#fff; } .menu .cnt:after { content:''; clear:both; display:table; } .menu .col { float:left; width:50%; } .menu .cnt h4, .menu .cnt li { letter-spacing:1px; border-left:1px solid #e4e3e3; border-top:1px solid #e4e3e3; text-transform:uppercase; } .menu .cnt li a { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; color:#000; font-size:10px; line-height:33px; display:block; width:100%; padding: 0 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .menu .cnt li.selected a { color:#002d56; font-weight:bold; } .menu .open .cnt { display:block; } .menu .open .toggle:after { background-position:-250px -42px; } .menu .cnt h4 { clear:both; line-height:33px; padding:0 10px; } .menu .cnt li.empty { height:33px; } .mobileheader .header-menu { display:inline; float:left; width:30px; margin:0;} .mobileheader .header-menu a { height:35px; margin-top:4px; width:26px; text-indent:-9999px; background:url(images/mobile-icons.png) 0 -1px no-repeat; display:inline;float:left; background-size:125px 30px; } .mobileheader .header-store { display:inline; float:left; width:35px; margin:0; margin-left:8px; } .mobileheader .header-store a { height:35px; margin-top:5px; float:left; width:23px; text-indent:-9999px; background:url(images/mobile-icons.png) -35px -2px no-repeat; display:inline; background-size:125px 30px; } .mobileheader .header-account { display:inline; float:right; width:28px; margin:5px 10px 0 0;} .mobileheader .header-account a { height:35px; margin-top:-3px; float:left; width:25px; text-indent:-9999px; background:url(images/mobile-icons.png) -68px 1px no-repeat; display:inline; background-size:125px 30px; } .mobileheader .header-cart { display:inline; float:right; height:38px; width:25px; margin:2px 0 0 0;background:url(images/mobile-icons.png) -102px 2px no-repeat; background-size:125px 30px;} .mobileheader .header-cart .bag {margin:15px 0 0 0; text-align:center} .mobileheader .header-cart .mini-cart-link { display: block; height: 30px; width: 22px; margin-top: -10px; line-height: 33px; } .mobileheader .header-cart a {width:25px; float:left; display:inline; background-size:125px 30px; text-indent:-9999px; } .mini-cart-link-cart a{text-indent:0px;} .mobileheader .header-cart a2 {color:#fff;} .mobileheader .header-cart .bag .mini-cart-total {margin-right: 4px;} .mobileheader .header-cart .bag .mini-cart-label-popup {display:none} .messagebar {height:50px; width:100%; padding-top:15px; text-align:center; margin-top:5px;}/* background:#999;*/ .mobileheader .header-search {position:relative; top:0; left:0; right:0; width:100%; margin-top:5px;} /*--------------------------------------------------------------------------------------- This was put in place to build out the mobile header navigation and test its components ---------------------------------------------------------------------------------------*/ .categorymenu, .accountmenu { position:fixed; left:-100%; width:100%; background-color:#fff; z-index: 8; bottom:0; top:50px; overflow-y:auto; } .categorymenu.visible, accountmenu.visible { left:0; } .categorymenu li, .accountmenu li { position:relative; font-size:15px; line-height:20px; padding:15px 0; ; border-bottom:1px solid #333; width:90%;} .categorymenu li:last-child, .accountmenu li:last-child {border-bottom:1px solid #333 } .categorymenu li a, .accountmenu li a { text-transform:uppercase; color:#333; display:block;letter-spacing: 1px;text-transform: uppercase;font-size: 15px;font-family:Corbel;display: block;padding: 0 20px 0 2px;line-height: 18px; width:300px} .categorymenu li:after, .accountmenu li:after { content:''; position:absolute; width:0; height:0; border-top:6px outset transparent; border-bottom:6px outset transparent; border-right:9px outset transparent; border-left:9px solid #e4e3e3; right:0; top:50%; margin-top:-5px; } .submenu .col ul li:after {display:none} .mobile-user .header{font-weight:bold;} .mobile-user > li:last-child { border-bottom:none; color: #0188cb;} .mobile-user li {font-size:15px; margin:15px 0 15px 10px; border-bottom:1px solid #333; width:90%; padding-bottom:10px;} .mobile-user li {background: url(../images/menu-right-arrow.png) no-repeat 90% 10%;} .mobile-user li.back {background: url(../images/menu-left-arrow.png) no-repeat 0% 10%; padding: 0 0 10px 20px;} .submenu { position:absolute; left:-100%; width:100%; top:5px; bottom:0; overflow-y:auto; background-color:#ffffff; z-index: 9; } .submenu .title { text-transform:uppercase; margin: 0 15px; position:relative; font-size:15px; line-height:20px; padding:15px 0 0 0; cursor:pointer; color: #002d56;letter-spacing: 1px;font-family: corbel;font-weight: bold;} .submenu .title:after { content:''; position:absolute; width:0; height:0; border-top:6px outset transparent; border-bottom:6px outset transparent; border-left:9px outset transparent; border-right:9px solid #303030; right:0; top:30px; margin-top:-9px; } .submenu ul { margin: 15px; position:relative; overflow:hidden; border:1px solid #e4e3e3} .submenu ul li {float:left; width:100%; line-height:16px; font-size:15px; padding:12px 0; } .submenu ul li a { display:block; color:#002d56;font-family: corbel; } .submenu ul .col ul {border: none; margin:0 0 -12px 0} .submenu ul li .col ul li:first-child {border-top:1px solid #e4e3e3} .submenu ul li:last-child {border:none} .submenu .col ul li a {font-size:12px} .categorymenu .submenu li:after, .accountmenu .submenu li:after {display:none;} .submenu .toggle:after {position: absolute;right: 8px;top: 24px;margin-top: -5px;width: 10px;height: 10px;content: '';background: url(images/sprite.png) no-repeat -250px -117px;} .submenu .open .toggle:after {background-position: -250px -133px; margin-top:-3px} /* .submenu ul li:nth-child(odd) { clear:both; padding-left:0; padding-right:5%; } .submenu ul li:nth-child(2), .submenu ul li:nth-child(1) { border-top:0; } */ .sub-cat-menu-item{width:65%;padding:14px;text-align:right;padding-bottom:0px;font-size:13px;} .sub-cat-menu{width:46%;} .categorymenu, .submenu, .accountmenu .submenu {transition: left 0.3s; -moz-transition: left 0.3s; -webkit-transition: left 0.3s; -o-transition: left 0.3s} .categorymenu.visible, .submenu.visible, .accountmenu.visible { left:0; max-height:none;} .submenu.visible {border-top:1px solid #e4e3e3;} .categorymenu, .accountmenu { position:absolute; z-index: 100; top:50px; left:0; right:0; bottom:0; display:none; } .categorymenu .label, .accountmenu .label { float:right; background-color:#fff; line-height:15px; padding:0 5px; font-family: 'neutrad'; font-weight:bold; } .categorymenu .menu, .accountmenu .menu { clear:both; background-color:#fff; width:90%; padding:0;} .accordion { padding:10px 0; } .accordion .panel { border-bottom:1px solid #ccc; } .accordion .panel:first-child { border-top:1px solid #ccc; } .accordion .toggle { font-weight:bold;font-size:15px; font-family: 'neutrad'; display:block; padding: 10px 20px 10px 2px; line-height:18px; position:relative; text-transform:uppercase; } .accordion .toggle:after { position:absolute; right:8px; top:50%; margin-top:-5px; width:10px; height:10px; content:''; background:url(images/sprite.png) no-repeat -250px -30px; } .accordion .cnt { border:0px solid #ccc; margin-bottom:14px; display:none; padding:15px;text-align:left; } .accordion .open .cnt { display:block; } .accordion .open .toggle:after { background-position:-250px -42px; } .submenu .col {display:none; } .submenu .open .col { display:block; margin-top:13px } /* ------------------- Generic Styles ----------------------------------------------------------- */ .padtop20{padding-top:20px;} .padbottom20{padding-bottom:20px;} .padleft100{padding-left: 100px;} .italic{font-style: italic;} .mobile-user div.dd {display:inherit; position:relative} /* --------------------------------------------------------------------------------------- */ /* Quick Order */ /* --------------------------------------------------------------------------------------- */ .qoContainer { display:none;width:95%; } #qo0 { display:block; } .qoContainerHeader{width:95%; font-size: 1.3em;font-weight: bold;} .qoContainerHeader p {font-size:13px;} .qoContainerHeader .quantity {padding-left: 10px;} .qoContainerHeader .sku {padding-left: 70px;} .qoContainerHeader .desc {padding-left: 200px;} .qoContainer .quantity {width:7%; float:left; padding: 0 .9em .5em 0; text-align: center; } .qoContainer .quantity input { width:80%;} .qoContainer .sku {width:20%; float:left; padding: 0 0 .5em 0; text-align: center;} .qoContainer .sku input { width:90%;} .qoContainer .desc {width:57%; float:left; padding: 0 5px .5em 0; text-align: center; } .qoContainer .desc input { width:90%;} .qoContainer .clear-btn { width: 12%; float: left; padding: 8px 5px 15px 0; } .qorder-rows {border-top: 2px solid #666; padding:10px 0 20px 0;} .addRows{text-align: right; padding: 0 25px 0 0;} .qorder-button {padding:25px 0 0 0; border-top: 2px solid #666; width: 100%; text-align: center; } .qorder-links{padding: 10px 0 0 0; color:#0188cb;} .item-list .item-image img { max-width: 100%; } .wishlistadd{background:none;border:none;color:#0188CB;cursor:pointer;display:inline;font-size:1.1em;padding:0;text-transform:uppercase;vertical-align: baseline;} .qorder-button button.wishlistadd{margin-left: 0;} #qo90{padding-bottom: 320px;} .skunotfound{color:#D00000;} .skufound{color:#333333;} .skuerror{color:red; } @-moz-document url-prefix() { #qo90{padding-bottom: 340px;} } /* --------------------------------------------------------------------------------------- */ /* Articles */ /* --------------------------------------------------------------------------------------- */ .header-blog {width: 100%;float: left;padding: 0 10px;} .header-blog h2 {margin: 0 0 15px 0; text-transform: uppercase;} .beautyBlog .headerLeft {display:none;} .Article-left {float: left;padding: 0px 20px 20px 0px;width: 62%;} .Article-right{float: left;padding: 30px 0px 20px 15px;width: 32%;} /*.article-content{float:none!important;width:100%!important;}*/ .article-content .back{float: left; width: 100%; display: block;margin-bottom: 6%; text-align: center; margin-top: 2%;} .featuredArticle {padding: 10px 10px 10px 10px;} .featuredArticle-left {float:left;padding: 0px 20px 10px 10px;width: 39%;} .featuredArticle-right{float:right;padding: 30px 0px 10px 0px;width: 56%;} .featuredArticle-right a{color:black;} .Article-folder-content-list{float:left;padding: 0px 20px 10px 10px;list-style: none;} .listArticle{padding: 10px 10px 10px 10px;min-height: 170px;min-width: 600px;} .listArticle-left {float:left;padding: 0px 20px 10px 0px;width: 23%;min-width: 145px;} .listArticle-right{float:left;width: 70%;min-width: 200px;} .listArticle-right a{color:black;} .blog-right-nav{float:right;} .blog {float: left;padding: 20px 50px 20px 50px;} .blog td{padding: 0px 0px 0px 3px;} .blog .back{display:block;margin:40px 0 10px;} .beautyBlog .readmore{color:#0188cb;font-style:italic;} .Article-title {float: left;font-size: 20px;font-weight: bold;padding: 0px 0px 0px 10px;} .shareBtn{float:right;} .beautyBlog .selected-filters span.item{font-size: 1.1em;font-weight: bold;padding:0 0 0 9px;} .listing-filters {clear:both;} /* --------------------------------------------------------------------------------------- */ /* Virtual Sign Up */ /* --------------------------------------------------------------------------------------- */ #license_file{color: transparent;} .vsu_signup legend {border:0; color:#8f8b0f; padding:1.077em 0 0 0;} .vsu_signup .vsu-emails .email-confirm .error-message { float: right; margin-right: 8px; width: 53%;} .vsu-landing-introcopy, .vsu-landing-banner, .virtualsignup-bottom {border:1px solid #000; display:block; float:left;} .vsu-landing-introcopy {height:535px; width:630px;} .vsu-landing-banner {float:right; height:535px; width:383px;} .virtualsignup-bottom {margin:15px 0 0 0; width:1060px;} .virtualsignup-bottom {border:0} .vsu-landing-start .form-row-button{margin-left:28px;} .vsu-landing-start, .vsu-landing-validation {display:inline-block; float:left;} .vsu-landing-start-asset {border:1px solid #000; display:inline-block; float:left; height:75px; width:320px;} .vsu-landing-start a.buttonstyle {clear:both; display:inline-block; float:left; margin:10px 0 0 0;} .vsu-landing-validation form label {text-align:left; width:100%;} .vsu-landing-validation form input {margin:5px 0 -10px;} .vsu-landing-validation form input.error {width:49.5966%} .vsu-hidden-fields {display:none;} .vsu-mainform-student, .vsu-mainform {display:none;} .vsu-mainform .vsu-contactinfo { position: relative; } .vsu-mainform .vsu-contactinfo .text-messaging-option .messaging-options legend{ width: 100%;} .vsu-mainform .vsu-contactinfo .overall-missing-fields { width: 100%; } .vsu-mainform .professinalinfo, .businessinfo {display:none} .vsu-contactinfo .noerror span.error {display:none !important;} .vsu-profession-options.hide-vsu-profession-options {display:none} .vsu-profession-options .chooseFileBtn{background:transparent; color:#000; border:2px solid #000; font-family: lato; outline:none;} .vsu-mainform.show-mainform {display:block;} .vsu-mainform .vsu-contactinfo .form-row input { margin-left: 1.5em; } .vsu-mainform .vsu-contactinfo .form-row input[id$="_vsu_emailmessage"] { width: auto; float: left; margin: 8px 0 0 118px; } #vsu-start-form .captchaerror { margin-bottom: 7px; } .vsu-mainform .businessinfo .form-row.business-name {width:100%;} .vsu-mainform .businessinfo .form-row.business-name label {width:13%;} .vsu-mainform .businessinfo .form-row.business-name input {margin-left:8px;width:62%;} .vsu-mainform .businessinfo .form-row.years-in-biz input {margin-left:14px; width:50px} .vsu-mainform .vsu-contactinfo .form-row.select-city {width:29em} .vsu-mainform .vsu-contactinfo .form-row.select-city, .vsu-mainform .vsu-contactinfo .form-row.select-state, .vsu-mainform .vsu-contactinfo .form-row.select-zip {clear:none;display:inline-block;} .vsu-mainform .vsu-contactinfo .form-row.select-city input, .vsu-mainform .vsu-contactinfo .form-row.select-phone input, .vsu-mainform .vsu-contactinfo .form-row.select-bday input {width:14.231em;} .vsu-mainform .vsu-contactinfo .form-row.select-state {width:16.923em} .vsu-mainform .vsu-contactinfo .form-row.select-state label {width:8.231em} .vsu-mainform .vsu-contactinfo .form-row.phone-type label {width:8.231em} .vsu-mainform .vsu-contactinfo .form-row.select-state select {width:95px;} .vsu-mainform .vsu-contactinfo .form-row.select-zip {} .vsu-mainform .vsu-contactinfo .form-row.select-zip label {width:9.5em} .vsu-mainform .vsu-contactinfo .form-row.select-zip input {width:4em;} .vsu-mainform .vsu-contactinfo .form-row.select-phone {clear:none; float:left; width:383px;} .vsu-mainform .vsu-contactinfo .form-row.select-phone span.error {margin:1% 2% 0% 13%;display:inline-block;} .vsu-mainform .vsu-contactinfo .clearboth {clear:both;} .vsu-mainform .vsu-contactinfo .form-row.select-phone.work-phone label { width: 10.538em; } .vsu-mainform .vsu-contactinfo .form-row.select-phone span.form-caption {margin: 3px 5px 3px 171px;} .vsu-mainform .vsu-contactinfo .form-row.work-phone span.form-caption{margin: 3px 5px 3px 170px;} .vsu-mainform .vsu-contactinfo .form-row.select-bday {clear:none; float:left;width:370px} .vsu-mainform .vsu-contactinfo .vsu-birthday {display:block; float:left;margin: 34px 0 0 5px;} .vsu-mainform .vsu-contactinfo .form-row.select-city span.error, .vsu-mainform .vsu-contactinfo .form-row.select-state span.error, .vsu-mainform .vsu-contactinfo .form-row.select-zip span.error {display:none !important} .vsu-mainform .vsu-contactinfo .form-row.select-zip span.error {float:left; margin:1% 2% 0 10%} #vsu-start-form {padding: 0 10px;} /*#vsu-start-form label:after, .vsu-mainform .caption:after { content: ":";}*/ #vsu-start-form label[for$="textmessage"]:after { content:""; } #vsu-start-form .form-row.professionbox label.professionlabel:after, .vsu-mainform .form-row.employee-type-row label:after, .vsu-mainform .form-row.professional-type-row label:after { content: "" !important; } #vsu-start-form .form-row.professionbox {position: relative;} #vsu-start-form .form-row.professionbox input { left: 0; position: absolute;} #vsu-start-form .form-row.professionbox label {margin:6px 0 10px 50px;text-align: left;width:35%} #vsu-start-form .form-row.professionbox label[for="profession-ST"] { margin: 0 0 10px 22px; width: 100%;} #vsu-start-form .vsu-professiontype {clear:both; float:left;margin:20px;} #vsu-start-form .vsu-professiontype a { background: none repeat scroll 0 0 #333333;border-color: #FFF;border-style: double;border-width: 5px;color: #FFFFFF;cursor: pointer;display: inline;font-size: 1.0em;font-weight: 700;padding: 0.5em 1.5em 0.5em;text-align: center;text-transform: uppercase;vertical-align: super;} #vsu-license-form fieldset.vsu-profession-options {margin-left:0.5em;} #vsu-license-form fieldset.vsu-profession-options input[type="file"] { float: left; } .form-row.imageupload .file-label{width: 100% !important; float: left; text-align: left;padding: 0 0 10px;font-weight: 700;} .pt_storefront.vsu_signup .form-row.form-row-button.next-button{margin-left:6px !important;} .pt_storefront.vsu_signup .form-row.form-row-button.next-button .img-upload-nxtbutton{margin-left:15px !important; width:110px;} .pt_storefront.vsu_signup .form-row.form-row-button.next-button #go-to-prev{float:left;} #vsu-license-form fieldset.vsu-profession-options #originalFileLabel { margin-top: 8px; float: left;/* margin-left: -136px; */} .vsu-profession-options .legitimate-header{margin-top:10px; float:left;} #vsu-license-form fieldset.vsu-profession-options .form-row.cardnumber-hidden {display:none;} .vsu-congrats-confirm .account-error {color: red;font-size: 1.1em;font-weight: 700;} .vsu-congrats-confirm .vsu-returntoshop form .form-row {padding:0 0 .5em 0} .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm .form-row { padding: 20px 0 0 0; margin: 0;} .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm .form-row span.error { margin: 1% 2% 0% 0%; float: left;width: auto; } .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm .form-row span[for="dwfrm_profile_customer_email"]{float:right;} .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm .form-row span[for='dwfrm_profile_login_passwordconfirm']{width: 100%; margin-left: 19%;} .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm label { width:17%; } .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm .confirm-passwordEmail .emailLabel { width:17%; } .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm .passwordrequired { text-align:right; } .vsu-congrats-confirm .vsu-returntoshop form span.form-caption {margin:1% 0 1% 42%;padding-top:.5em} #vsu-license-form .firstCardNumber {float:left;width:50em; padding-bottom: 1.5em;} #vsu-license-form .firstCardNumber input {width:6em; height:1.2em; border:1px solid #AAAAAA; padding-right:5px;} #vsu-start-form .vsu-comm-options .form-row.professionbox input {left:-0.923em} #vsu-license-form legend.image-legend {padding:1.077em 0 0 } #vsu-license-form .form-row-button { margin-left:8em; margin-top: 10px; } #vsu-license-form .form-row-button.card-number{margin:2.5em 0 0 13.7em;} #vsu-license-form .form-row-button.card-number button{margin-right:18px;} /* CP-569 */ #vsu-license-form .form-row-button.card-number button{width: 85px;padding: 0.5em 0;text-align: center;} #vsu-license-form .form-row-button.card-number #previous-button{margin-right:20px;} /* CP-569 ends */ #vsu-license-form .form-row.cardnumber label {margin-left:2em;width:10em;} #vsu-license-form .cardnum-input-error {display: none; color: #990000;} #vsu-license-form .error-cardnumfield {background-color:#F1E6E6;border-color:#990000;color:#990000;} #virtualsignupconfirm span.required-indicator { display: none;} #virtualsignupconfirm .vsu-required { display: none;} .vsu-mainform li {list-style:none} .vsu-mainform .vsu-proclub ul {float:left; width:100px;} .vsu-proclub input[type="radio"] {margin:.7em 2%} .vsu-mainform .vsu-proclub ul li span {margin-left:10px;} .vsu-mainform .vsu-proclub .form-row {clear:none; float:left;margin-top:20px;width:50%;} .vsu-mainform .vsu-proclub .form-row label {display:none;} #virtualsignupconfirm span[for='dwfrm_profile_login_passwordconfirm']{width:100%; margin-left:17%;} .vsu-mainform .vsu-proinfo legend {float:left; padding:14px 0 18px;width:75%;} .vsu-mainform .vsu-proinfo legend.business.businessinfo { width:100%; } .vsu-mainform .vsu-proinfo .overall-missing-fields { margin-left: 156px; } .vsu-mainform fieldset.vsu-proinfo {padding-bottom:25px;} .vsu-mainform fieldset.vsu-proinfo .professiona.professinalinfo{padding-bottom: 0;} .vsu-mainform fieldset.vsu-contactinfo .vsu-emails .exist-email { margin: 0 0 20px 168px; color: red; font-size: 14px; } .vsu-review .content-asset .service-error, .service-error{ margin: 0 0 9px 0px; color: red;font-size: 14px; } .vsu-mainform .vsu-proinfo .vsu-required {font-style:italic;margin-top:1.538em;} .vsu-mainform .vsu-proinfo .form-row {float:left; width:41%;} .vsu-mainform .vsu-proinfo .form-row label {padding:0.35em 10px 0 0;width:32%;} .vsu-mainform .vsu-proinfo .form-row label[for$="business_beautylicensestateUS"]{ padding:0.35em 0 0 0; width:35%; } .vsu-mainform .vsu-proinfo .form-row input {width:50%;} .vsu-mainform .vsu-proinfo .form-row.vsu-lastname {clear:none;} .vsu-mainform .vsu-proinfo .form-row.vsu-lastname label {margin-left:-36px;} .vsu-mainform .vsu-proinfo .form-row select {width:268px;} .vsu-mainform .vsu-proinfo .form-row span.form-caption {display:none;} .vsu-mainform .vsu-proinfo .vsu-selectall, .vsu-mainform .SelectBO .vsu-selectall {clear:both; color:#990000;float:left;font-style:italic; margin-left:145px;} .vsu-mainform .vsu-comm-options .form-row {clear: none;float: left;width: 15%;} #vsu-start-form .vsu-comm-options .form-row.professionbox label {margin:6px 0 10px 28px;} #vsu-license-form .form-row.imageupload {margin:1em 0 3em} #vsu-license-form .form-row.imageupload label {width:8em;} #vsu-license-form .form-row.imageupload input {margin:0.3em 0 0 1em;} .vsu-reprint-request {border: 1px solid #000;margin:7em auto;padding: 2em 7em;width: 36em;} .vsu-reprint-request p.reprint-header {color:#990000;font-size:1.4em;} .vsu-reprint-request label {padding:.6em 0 0;width:auto;} .vsu-reprint-request .form-row-button {margin-left:0;} .vsu-signupconfirmerror {color: #8B0000; text-align: center; padding: 0 25%; font-weight: bold; font-size: 1.3em;} .vsu-signupconfirmerror a {color: #8B0000;} .vsu-mainform .employee-type-container, .vsu-mainform .professional-type-container {clear:both; float:left; width:100%;} .vsu-mainform .employee-type-container .caption, .vsu-mainform .professional-type-container .caption {float:left;font-size: 1.1em;font-weight: 700;margin: 9px 11px 0 0;text-align: right;width: 13%;} .vsu-mainform .employee-type-container .checkbox-container, .vsu-mainform .professional-type-container .checkbox-container {float:left;width:80%;} .vsu-mainform .employee-type-container .checkbox-container .form-row, .vsu-mainform .professional-type-container .checkbox-container .form-row {clear:none; width:16%;} .vsu-mainform .form-row.employee-type-row, .vsu-mainform .form-row.professional-type-row {position: relative;} .vsu-mainform .form-row.employee-type-row input, .vsu-mainform .form-row.professional-type-row input {left:0; position: absolute; width:15px;} .vsu-mainform .form-row.employee-type-row label, .vsu-mainform .form-row.professional-type-row label {margin: 6px 0 0 25px;text-align:left;width:100%;} .vsu-mainform .vsu-contactinfo legend {padding-bottom:20px;width: 16%;float: left; padding-top: 0;} .vsu-mainform .vsu-contactinfo .business.businessinfo{width: 100%;} .vsu-mainform .email-row {clear:none; float:left;width:32em;} .vsu-mainform .vsu-emails span.error { margin: 1% 2% 0% 41%; } .vsu-mainform .vsu-emails .italic {font-style:italic} .vsu-mainform .vsu-contactinfo .vsu-emails{width: 100%; float: left;} .vsu-mainform .vsu-contactinfo input {width:17.308em;} .vsu-mainform .vsu-contactinfo input.visually-hidden { visibility: hidden; } .vsu-mainform .email-row.email-confirm {margin-left:-0.615em;} .vsu-mainform .vsu-contactinfo label {width:10.538em;} .vsu-mainform .vsu-contactinfo label[for$="vsu_emailmessage"] { float: right; width: 50%; margin-right: 33.7%; text-align: left; margin-bottom: 15px; } #vsu-start-form .vsu-contactinfo label[for$="vsu_emailmessage"]:after { content:""; } .vsu-mainform .vsu-contactinfo label[for$="textmessage"] { float: right; width: 88%; text-align: left; } .vsu-mainform .vsu-contactinfo input[id$="textmessage"] { margin: 8px 0 0 99px; width: auto; } .vsu-mainform .vsu-contactinfo .form-row.address2 .form-caption.error-message { margin: 1% 0 1% 16.4%; border: none; background: none; color: red; padding: 0; } .vsu-mainform .form-row.select-bday span.error {display:inline-block !important;margin:1% 2% 0 7%; width:368px} .vsu-mainform .form-row.licenseexpiration span.error {margin:1% 0% 0 37%} .vsu-mainform .form-row.years-in-biz span.error {margin:1% 2% 0 3%} .vsu-mainform .form-row.years-in-biz label {width:131px;} .vsu-mainform .address1 input {width:61%;} .vsu-mainform .form-row-button {text-align:right;} .vsu-review-info legend {padding:1.077em 0 0 0} .vsu-mainform .vsu-comm-options {clear:both;width:100%;} .vsu-mainform .vsu-comm {float:left;font-size: 1.1em;font-weight: 700;margin:10px 16px 0 0px} .vsu-review label {text-align:left;} .vsu-review .form-row.business-type span {text-transform:capitalize;} .vsu-review-top {border-bottom: 1px solid #000; margin-bottom: 20px; padding-bottom: 20px;} .vsu-review-top p {font-weight:700;} .vsu-review-info {margin-bottom:50px;} .vsu-review-buttons {margin-top:60px;} .vsu-review-buttons button {margin-right:20px;} .vsu-returntoshop {display: inline-block; width: 100%;} .vsu-congrats {text-align:center;} .vsu-congrats h2 {text-transform:uppercase;} .vsu-congrats p {font-weight:bold;line-height: 1.5em;} .vsu-congrats-message, .vsu-congrats-banner {display:inline-block; float:left;margin-top:15px;} .vsu_signup .vsu-returntoshop span.vsu-confirm-password-step-title {color: #8d923c; font-size: 1.4em; font-weight: bold; font-family: Corbel; text-transform: uppercase;} .vsu_signup .contactEmailError{color:#ff0000;} .vsu_signup .messaging-options legend {margin:1.077em 0 0 0;padding:1.077em 0 1em;} .vsu_signup .messaging-options.terms-conditions legend {display:block; padding:3em 0 0 0;} .vsu_signup .messaging-options.terms-conditions a {display:block;padding:2em 0 0.5em; text-decoration:underline;width:100%;} .vsu_signup .messaging-options.terms-conditions .form-row .required-indicator {left:-0.5em; position:absolute; top:1em;} .vsu_signup .messaging-options.terms-conditions .moroccanoil {margin-left:-17em;} .vsu_signup .messaging-options.terms-conditions .dialog-required{margin:2em 40em -4em 0} .vsu_signup .messaging-options.terms-conditions .form-row span.error {display:block; left:-10em; position:absolute; top:2em;} .vsu_signup #vsu-start-form .messaging-options.terms-conditions .form-row span.error {margin-left: 8%; margin-top:0; position: static;} .vsu_signup .messaging-options .form-row-button.final-step {width:75%;} .vsu_signup .messaging-options .form-row-button.final-step button {float:right;} /*CP-569 */ .vsu_signup .messaging-options .form-row-button.final-step {width:75%;margin: 10px 0 0;} .vsu_signup .messaging-options .form-row-button.final-step button {float:left;padding: 0.5em 0;width: 85px;text-align: center;} .vsu_signup .messaging-options .form-row-button.final-step button:first-child {margin-right:20px;} /*CP-569 */ #vsu-start-form .option-error-vsu{ font: 15px arial, sans-serif; } .vsu_signup .vsu-contactinfo .vsu-emails .valid-error{color:#ff0000; } .vsu_signup .vsu-application-success-container {border: 1px solid gray; height: auto; max-width: 100%; display: inline-block; padding: 0 1.5em 3.0em; } .vsu_signup .vsu-pwform-container {float: left; clear: both; margin-top: 1em; width:550px; max-width:75%; padding-left: 2em;} .vsu_signup .vsu-pwform-container .form-row {width: inherit;} .vsu_signup .vsu-pwform-container .form-caption {display: none;} .vsu_signup .vsu-required {float: right; margin: 0 30% 1% 0; font-style: italic;} .vsu_signup .vsu-required span {color: #D00000;} .vsu_signup button.shop-now-btn { float: right; clear: both; font-weight: normal; text-transform: none; padding: 0.4em;} .vsu_signup button.shop-now-btn:after {/* top: 3pt; */ content: ""; display: inline-block; width: 0.3em; height: 0.3em; border-right: 0.2em solid white; border-top: 0.2em solid white; transform: rotate(45deg); margin-left: 0.1em; margin-bottom: 0.1em;} .messaging-options p{font-weight:bold;} .messaging-options p.optout {font-weight:bold;margin:0 0 0 2.5em} .messaging-options .form-row {display:inline-block;width:55%;position:relative;} .messaging-options .form-row label {float:right; margin:0.3em 0 0 0;text-align:left;width:93%;} .messaging-options .form-row input[type="checkbox"] { margin: 1em 1.9%; } .messaging-options .form-row input[id$="textmessage"] { width: auto; } .messaging-options .form-row input[id$="emailmessage"] { width: auto; } .messaging-options .input-options { width:100%; float:left; } /*CP-766 [Hide txt msg]*/ .messaging-options .input-options .input-options-left { width:70%; float:left; display: none;} .messaging-options .input-options .input-options-right { width:30%; float:left;} .messaging-options .input-options .input-options-right .form-row.select-phone{margin: 10px 0 30px;} .messaging-options .input-options-left .form-row label { width: 94%; } .messaging-options .input-options-left .form-row { width:100%;} .messaging-options .input-options-right .form-row label { float:left; } .messaging-options .input-options-right .form-row input { margin-left:0; } .vsu-mainform .vsu-contactinfo .input-options-right .form-row.select-phone span.form-caption { margin: 0; } /*.ui-dialog.ui-widget-content {max-height:90% !important; overflow:scroll;}*/ .vsu-congrats-confirm {border:1px solid #000;display: inline-block; padding: 0 30px 30px; margin-left: 12%;} .vsu-returntoshop {width:100%;} .vsu-returntoshop .vsu-confirm-password-step-title {color: #8f8b0f; font-size: 1.1em;font-weight: 700;padding: 1.077em 0 1em 0;text-transform: uppercase;} .vsu-congrats-confirm .vsu-returntoshop form {width:100%;display:inline-block; clear:both;margin-top:2em} .vsu-congrats-confirm .vsu-returntoshop form label {width:15%} .vsu-congrats-confirm .vsu-required {font-style: italic;margin: 0 0 .5em 25em;} .messaging-options a.moroterms{margin: 0 !important; width: 20% !important; padding-top: 10px !important; position: relative; right: -35%; top: -52px;} .vsu-congrats-confirm .vsu-returntoshop form input[type="password"] {display:block; float:left;margin-right: 5px;} .vsu-congrats-confirm .vsu-returntoshop form span.error-message {display:block; float:left; margin:1em 0 2em 13em; clear:both;width:22.1%; } .vsu-congrats-confirm button {float:right; margin-right:2em} .overall-missing-fields {display:none; color:red; font-size: 1.1em;font-weight: 700;} .upload-holder{float: left;width: 120px;} #license_file{width: 100%;} #vsu-license-form fieldset.vsu-profession-options #originalFileLabel{margin-left: 17px;} .vsu-emailexistspopup .vsuok-button {text-align: center;margin-top: 20px;} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px){ .vsu-mainform .vsu-proinfo .form-row.years-in-biz{width: 43%;} .vsu-mainform .form-row.years-in-biz label{width: 32%;} .vsu-mainform .businessinfo .form-row.years-in-biz input{margin-left: 3px;} .vsu-mainform .vsu-contactinfo .overall-missing-fields { position: absolute; top: 15px; left: 180px; } } .messaging-options .input-options-left .form-row{width: 69%;} .messaging-options .input-options-left .form-row label{width: auto;} .SelectBO .form-row.employee-type-row{float: left;} .SelectBO .businessinfo .form-row.business-name label {width: 14.5%;} .SelectBO .form-row.professional-type-row{float: left;} .SelectBO .businessinfo .form-row select{width: 268px;} .SelectBO .form-row #dwfrm_profile_business_businesslicense{width: 24.66%;} .SelectBO .form-row.employee-type-row input{ margin: 1em 2%;} .SelectBO .form-row.professional-type-row input{ margin: 1em 2%;} .SelectBO .businessinfo .form-row.business-name input{margin-left: 20px;} .SelectBO .businessinfo .form-row.years-in-biz input{margin-left: 40px;} .confirm-passwordEmail .emailLabel{width: 15%;} #virtualsignupconfirm .passwordrequired{ display: none;} #salonConsultantForm .passwordrequired{ display: none; text-align: right;} /* ---------------------********** COSMO-PROF REDESIGN STYLES REV start *************------------------------------*/ /* ---------------------********** COSMO-PROF REDESIGN STYLES REV start *************------------------------------*/ /* -------------- Global Style --------------------- */ .h1 {font-family: Raleway; font-weight:600; font-size: 42px; color: #000000; text-transform: uppercase;} .h2 {font-family: Raleway; font-weight:300; font-size: 38px; color: #000000; text-transform: capitalize;} .h3 {font-family: Raleway; font-weight:600; font-size: 24px; color: #000000; text-transform: capitalize;} .h4 {font-family: Raleway; font-weight:300; font-size: 24px; color: #000000; text-transform: capitalize;} .h5 {font-family: Raleway; font-weight:400; font-size: 16px; color: #000000; text-transform: capitalize;} .h6 {font-family: Raleway; font-weight:600; font-size: 14px; color: #000000; text-transform: capitalize;} .logintoviewprice{font-family: lato; color: #000000;padding: 10px 0px 10px 0px;font-weight: bold; width: auto; font-size: 16px;} .ui-widget-overlay{background:url("../images/interface/overlay_background.png") repeat scroll top left transparent; opacity:0.8;} .ui-dialog { border:none; padding:0; } .ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick {background-image: url("../images/interface/ui-dialog-close.png");background-position: left top;height: 30px; width: 40px; margin:0; padding:0; } .ui-dialog .ui-dialog-titlebar.ui-widget-header { height: auto; padding: 20px 30px 18px; position: relative; background: #e0e0df; width: 100%; box-sizing: border-box; } .ui-dialog .ui-dialog-title { margin: 0; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 19px;} .ui-dialog .ui-dialog-titlebar-close { right: 5px; top: 10px; width: 35px; height:30px; } .ui-dialog .ui-dialog-content { margin:0; padding: 25px 23px 25px 30px; overflow: hidden;} .ui-dialog #dialog-delete.ui-dialog-content { overflow:hidden; padding: .5em 1.7em; } .ui-dialog.deletelist .ui-dialog-buttonpane .ui-dialog-buttonset { float: left; width: 100%;} .ui-dialog.deletelist .ui-dialog-buttonpane .ui-dialog-buttonset button { width: 47%; height: 36px; padding: 5px 0; } .ui-dialog.deletelist .ui-dialog-buttonpane .ui-dialog-buttonset button:focus { outline: none; } .ui-dialog.deletelist .ui-dialog-buttonpane .ui-dialog-buttonset button:hover { background: #bd9532; } .ui-dialog.deletelist .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) { background: #fff; color:#000; float:right; padding: 4px 0; border: 1px solid #000; } .ui-dialog.deletelist .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2):hover { background: #fff; border:2px solid #000; padding:3px 0; } .ui-dialog.deletelist .ui-dialog-buttonpane { padding: .5em 1.7em 20px; } .ui-dialog.deletelist .ui-dialog-buttonpane .ui-dialog-buttonset { float:left; } .secondarybtn { text-transform: uppercase; background: none; color: #000000 !important; font-size: 16px; font-family: raleway; font-weight: bold; padding: 10px 13px 9px 13px; border: 2px solid #000000; border-color: black; } .secondarybtn:hover { border: 4px solid #000000; padding: 8px 11px 7px 11px;} .primaryButtn { text-transform: uppercase; border-style: none; background: #000000; font-family: raleway; font-weight: bold; font-size: 16px; padding: 0.7em; color: #ffffff !important;} .primaryButtn:hover {background: #bd9532 !important;} .tertiarybtn{background: #cccccc; color: #000000; font-size: 14px;} .tertiarybtnHover{background:#918D8D} .favorite-wrapper {text-align: right;} .favorite-wrapper .favorite-container{min-height:29px; } .pdp-main .product-primary-image .favorite-wrapper .favorite-container {width: 26px;height: 26px;position: absolute;right: 20px; top: 20px;} img{ max-width: 100%;max-height: 100%; } input[type="text"], input[type="password"] {border: 1px solid #000000; font-family: lato; font-size: 16px; padding: 11px 8px 10px 8px; color: #444444;} .qtySec input[type="text"] { width: 55px; box-sizing: border-box; text-align: center; } .primary-content a.primaryButtn{border-style: none; padding: 12px 0 11px; background: #000000; font-size: 16px; font-family: raleway; font-weight: bold;} select{background:url("../images/interface/dropdown_icon.png") no-repeat scroll right transparent; height: 42px;} input[type="search"] { -webkit-appearance: none; -webkit-border-radius: 0;} /**** DataPicker ****/ #ui-datepicker-div{padding: 0; width: 25em;} .ui-datepicker .ui-datepicker-header{ padding: 10px 0 10px 0; background: #000000;} .ui-datepicker-next{} .ui-datepicker-month, .ui-datepicker-year{color: #fff; font-size: 18px; font-weight: bold; font-family: 'Open Sans';} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 15px;} .ui-datepicker .ui-datepicker-next{ right: 15px;} .ui-datepicker .ui-datepicker-prev {left: 15px;} .ui-datepicker table{margin:0;} .ui-datepicker-today{background: #999999} .ui-datepicker-today a{color: #fff !important;} .ui-datepicker td a { color:#000;font-size: 12px; font-family: lato; font-weight: bold;} .ui-datepicker td{vertical-align: middle; border-collapse: collapse; border: 1px solid #ccc; padding: 10px;} .ui-datepicker td span {text-align: center; font-size: 12px; font-family: lato; font-weight: bold;} .ui-datepicker td:hover{background: #bd9352;} .ui-datepicker td:hover a{color:#fff;} .ui-datepicker-other-month:hover{background: none !important;} /**** EOF dataPicker ****/ /* -------------- Login ------------------ */ .welComelogin.pt_barrier .page-content{padding:10% 0 0 0;} .welComelogin .login-account{margin-bottom: 9%;} .welComelogin .login-account .memberlogin{font-weight: bold; font-size: 16px; color: #000;} .welComelogin .login-account .ownersManger{margin-top: 5%; margin-bottom: 5%;} .welComelogin .login-account .ownersManger span{font-size: 16px; color: #000;} .welComelogin .pre-registration .section-header{padding-bottom: 30px;} .welComelogin #main{padding-top: 8%; font-family: lato !important;} .welComelogin .login-box{ padding-top:0;} .welComelogin .login-box-content input[type="text"]{width: 100%;float: left;} .welComelogin .login-box-content input[type="password"]{width: 100%;float: left;} .welComelogin .login-box-button{margin:0; width: 100%;} .welComelogin .login-box .form-row{ padding: 0px 0px 30px 0px; margin: 0px;} .welComelogin .login-box-content label{text-align: left; padding: 0;font-weight: bold;font-size: 16px; width: auto;} .welComelogin .login-box-table input[type="checkbox"]{margin-top:0;} .welComelogin .login-box h3{font-size: 20px; width: 90%; text-align: center;} .welComelogin .login-intro .content{font-size: 16px; margin: 5% 0 5% 0; text-align: left; line-height: 24px; } .welComelogin .login-intro span.section-header{float: left; width: 100%; font-size: 16px; font-weight: normal;padding-bottom: 0;} .welComelogin .login-intro{font-size: 20px; color: #000;} .welComelogin .login-intro .signUp {width: 60%; float: left;} .welComelogin .login-intro .benefits{width: 100%; float: left; margin-top: 5%;} .welComelogin .login-intro .benefits .login-ul{padding: 0 0px 0px 60px; width: 100%; float: left; margin: 0;} .welComelogin .login-intro .benefits .login-ul li{list-style-type: initial; font-size: 16px; font-weight: normal;text-align: left; padding-left: 15px;} .welComelogin .login-box .section-header{font-family: lato; padding-top:0;} .welComelogin .secondary-content-login{padding: 0px 0px 0px 19%; width:38%;} .welComelogin .primary-content-login{border-left: 2px solid #000; padding-top:0;padding-bottom: 0; margin-bottom: 15%; width: 38%;} .pt_barrier .login-box{border: none;background:none;} .pt_barrier .login-box .error-form a{color:#0188cb;} .welComelogin .contentMiniBox{width: 180px; height: 60px; border: 1px solid; margin: auto; margin-bottom: 15px;} .login-box .registration-subheader{font-size: 16px;color: #000;padding: 0 0 10px 0px;} .welComelogin .contentBox{ width: 100%; float: left; border: 2px solid; min-height: 200px;margin-top:45%;} .welComelogin .login-rememberm input[type="checkbox"] {margin:0;} .welComelogin .login-rememberme .form-row { display: flex; flex-wrap: wrap;} .welComelogin .reg-box-content input[type="text"] {width: 100%; float: left;} .welComelogin .login-box .login-sectionheader{display: block;margin:0;} .welComelogin .login-box h2 {font-size: 20px; color: #000;margin:0;} .login-box-content {color: #000 !important;} .welComelogin .reg-box-content .pre-reg-box input{margin:0;} .welComelogin a{color: #000;} .welComelogin .pre-registration{ padding: 20px 20px 20px 15px; margin-bottom: 0;} /*.welComelogin .pre-registration .reg-box-content .pre-reg-box{display: none;} */ .reg-box-content label{text-align: left;color:#000;} .welComelogin #password-reset{font-size: 16px; text-decoration: underline;} .welComelogin .login-rememberme .form-row{padding: 10px 0px 0px 20px;} .welComelogin .login-rememberme .form-row label{order:2; margin: 0 5px; font-weight: normal;} .welComelogin .login-box-table .password-reset{padding: 2px 0px 0px 0px;} .welComelogin .reg-box-content .pre-reg-box{ display: flex; flex-wrap: wrap;padding: 0px 0px 10px 0px;} .welComelogin .reg-box-content .pre-reg-box label{width:auto; order: 2; float: left; padding: 0px 0px 0px 10px; color: #000;} #div-account .form-row {padding-bottom: 25px;} .login-box-table .left {width: 60%;} .welComelogin .form-row.pre-reg-button{padding-bottom:0;} .welComelogin .pre-reg-button .primaryButtn{width: 60%;} .welComelogin .reg-box-content label{width: 100%;} .welComelogin .login-account .login-email span[for="dwfrm_login_username"]{float: left;width: 100%;} .welComelogin .login-account span[for='dwfrm_login_password']{float: left;width: 100%;} .mbr_login{font-weight: bold; margin-bottom: 3%; float: left; width: 100%;} .welComelogin form#PreRegistrationForm .error-message{ display: none;} .welComelogin form#PreRegistrationForm .reg-box-content span[for='dwfrm_preregistration_cosmoprofAccount_cardNumber']{display: none !important } .welComelogin form#PreRegistrationForm .reg-box-content span[for='dwfrm_preregistration_cosmoprofAccount_accountNumber']{display: none !important } .welComelogin form#PreRegistrationForm .reg-box-content span[for='dwfrm_preregistration_cosmoprofAccount_zip']{display: none !important } /* --------------EOF login ------------------ */ /* -------------- forgot password ------------------ */ .pt_account .cp_myAcc_passwordSent, .cp_myAcc_retrivPaswrd_wrap {width: 100%;float: left; margin-top: 85px;} .pt_account .cp_myAcc_passwordSent, .cp_myAcc_retrivPaswrd_wrap .label{ font-size: 16px; padding: 3px; display: inline-block; font-weight: 700;} .pt_account .cp_myAcc_passwordSent, .cp_myAcc_retrivPaswrd_wrap input[type="text"]{width:60%; display: block;} .pt_account .cp_myAcc_passwordSent, .cp_myAcc_retrivPaswrd_wrap .sendPassword{width: 20%; margin: 20px 0 0 0; padding: 10px;} .forgotPsswrd.ui-dialog .ui-widget-header{margin-bottom:0;} .forgotPsswrd.ui-dialog .ui-dialog-title{ font-weight: bold !important} .forgotPsswrd.ui-dialog .ui-dialog-content{padding: 0px 22px 0 22px;} /* --------------EOF forgot password ------------------ */ /* -------------- Global footer ------------------ */ .cp_footer { display: inline-block; padding: 0 !important; } .cp_footer .footerBorderImg { float: left; width: 100%; } .cp_footer footer { width: 100%; display: inline-block; background-color: #000000; } .cp_footer footer ul { padding: 0; margin: 2em 0;} .cp_footer footer ul li { list-style: none; margin-bottom: 8px;} .cp_footer footer .footer-content { float:left; width: 100%; } .cp_footer footer .footer-content .footer-social-icons { margin: auto; width: 90%; } .cp_footer footer .footer-content .footer-social-icons ul li { display: inline-block; margin: 0 1em; height:22px;} .cp_footer footer .footer-content .footer-social-icons ul li:first-child { margin-left: 0; } .cp_footer footer .footer-content .footer-social-icons ul li a.facebook { width: 20px; height: 23px; } .cp_footer footer .footer-content .footer-social-icons ul li a.twitter { width: 29px; height: 21px; } .cp_footer footer .footer-content .footer-social-icons ul li a.pinterest { width: 23px; height: 23px; } .cp_footer footer .footer-content .footer-social-icons ul li a.youtube { width: 25px; height: 20px; } .cp_footer footer .footer-content .footer-social-icons ul li a.instagram { width: 20px; height: 23px; } .cp_footer footer .footer-content div.customer-service { border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; margin: auto; width:90%;} .cp_footer footer .footer-content div.customer-service p {text-align: center; font-family: lato; font-size:18px;font-weight: 600; color: #ffffff; padding: 6px 0 10px 0; margin-bottom: 0px;} .cp_footer footer .footer-content div.customer-service p span { margin-right: 15px;font-size: 18px;font-weight: 600; } .cp_footer footer .footer-content div.customer-service div.vaiEmail { margin-bottom: 30px; } .cp_footer footer .footer-content div.customer-service div.vaiEmail a { font-size: 16px; text-transform: uppercase; font-family: lato; color: #ffffff; font-weight: bold; text-decoration: underline; } .cp_footer footer .footer-content div.footer-grids { margin-bottom: 30px; float: left; width: 100%; } .cp_footer footer .footer-content div.footer-grids .ftr-grid-container { margin: auto; width: 100%; display: inline-block; } .cp_footer footer .footer-content div.footer-grids .ftr-grid-container .ftr-grid { width: 48%; float: left; margin-right: 10px; word-break: break-word; } .cp_footer footer .footer-content div.footer-grids .ftr-grid-container .ftr-grid h5 { text-align: center; font-size: 18px; color: #ffffff; font-weight: 500; text-transform: initial; letter-spacing: 1px; margin-bottom: 25px; } .cp_footer footer .footer-content div.footer-grids .ftr-grid-container .ftr-grid ul li a{ font-family: lato; font-size: 16px; color: #ffffff; } .cp_footer footer .footer-content .disclaimer { width: 100%; margin: auto; display: inline-block;} .cp_footer footer .footer-content .disclaimer p { width: 70%; margin:auto; color: #ffffff; font-family: lato; font-size: 14px;} .cp_footer footer .footer-content .disclaimer p span { text-transform: uppercase; } .cp_footer footer .footer-content .copyright-policy { width: 75%; margin: auto; text-align: center; padding-bottom: 3px; } .cp_footer footer .footer-content .copyright-policy ul {text-align: left;} .cp_footer footer .footer-content .copyright-policy ul li { display: inline-block; margin: 0 30px 0px 0px; font-size: 12px; color: #ffffff; font-family: lato; } .cp_footer footer .footer-content .copyright-policy ul li a{ color: #ffffff; font-size: 12px; } /* -------------- EOF Global footer ------------------ */ /* -------------- My account ------------------ */ .pt_account .primary-content{ float: left; width: 100%; padding-top: 10%;} .pt_account .cp_MyaccMain, .cp_MyaccSettings { padding-bottom: 67%; width: 100%; float: left;} .pt_account .cp_MyaccMain .h3 { line-height: 26px; margin: 18px 0 32px;} .pt_account .cp_MyaccMain .navgroup .Column { padding-bottom: 25px; width: 96%; float:left; border-bottom: #000000; border-style: dotted; border-width: 0 0 1px 0; padding: 2%;} .pt_account .cp_MyaccMain .navgroup .Column > div {width: 80%; margin:auto;} .pt_account .cp_MyaccMain .navgroup .Column .icon { width:10%; float: left;} .pt_account .cp_MyaccMain .navgroup .Column .navtitle { padding-top:5px; width:50%; float: left; font-size: 24px; font-family: raleway; font-weight: lighter; color: #333333;} .pt_account .cp_MyaccMain .navgroup .Column .btn { width:37%; float: right; text-align: center} .pt_account .cp_MyaccMain .navgroup .Column .btn a{display: block;} .pt_account .cp_MyaccMain .navgroup div:last-child { border-bottom: none; } .pt_account #edit-address-form span[for="dwfrm_profile_address_address1"]:empty{display: none !important;} .pt_account #edit-address-form span[for="dwfrm_profile_address_address1"]{margin: 1% 4% 0% 0%;width: 47.5%;border: 2px solid #900;background-color: #f1e6e6;padding: .7em .5em;float:left;} .pt_account #edit-address-form span[for="dwfrm_profile_address_address2"]{margin: 1% 4% 0% 0%;width: 47.5%;border: 2px solid #900;background-color: #f1e6e6;padding: .7em .5em;float:left;} .pt_account .cp_MyaccSettings .navgroup .Column { width: 100%; float:left; border-bottom: #000000; border-style: dotted; border-width: 0 0 1px 0; padding: 2%;} .pt_account .cp_MyaccSettings .navgroup .Column.first { padding:0 2% 2%; } .pt_account .cp_MyaccSettings .navgroup .Column > div {width: 80%; margin:auto;} .pt_account .cp_MyaccSettings .navgroup .Column .icon { width:10%; float: left;} .pt_account .cp_MyaccSettings .navgroup .Column .navtitle { width:50%; float: left; font-size: 24px; font-family: raleway; font-weight: lighter; color: #333333;} .pt_account .cp_MyaccSettings .navgroup .Column .btn { width:28%; float: right; text-align: center} .pt_account .cp_MyaccSettings .navgroup .Column .btn a{display: block;} .pt_account .cp_MyaccSettings .navgroup div:last-child { border-bottom: none; } .pt_account div.deleteconfirmation div > div{width: 40%; float: left; text-align: center; margin-right: 20px;} .pt_account div.deleteconfirmation div a {display: block;} .pt_account div.deleteconfirmation .deleteConfirmmessage{width: 100%; text-align: center; margin: 15% 0 20% 0;} .pt_account div.deleteconfirmation .btns{width: 100%; float: left; text-align: center; margin-left: 20px;} .pt_account div.deleteconfirmation .deleteConfirmmessage div{float: none; margin: auto; width: 120px; font-size: 16px; font-family: 'Lato'; font-style: normal; font-weight: 400; } .pt_account #addresses {padding-bottom: 67%; width: 100%; float: left;} .pt_account #addresses ul.address-list{width: 100%; margin:0; float: left;} .pt_account #addresses ul.address-list li{ width: 26.445%; float: left; border: 1px solid #000000; margin: 0 12px 30px 0; padding: 1.986% 1.625% 1.986% 2.979%; } .pt_account #addresses ul.address-list li .miniaddress { min-height: 153px; float:left; width: 100%; } .pt_account #addresses ul.address-list li .mini-address-location, .mini-address-name{font-size: 16px; color: #000000;} .pt_account #addresses ul.address-list li .mini-address-location address{font-style: normal;} .pt_account #addresses ul.address-list li .mini-address-location {margin-bottom: 8%;} .pt_account #addresses ul.address-list li.default .h6 { margin-right: 2%; float: left; text-transform: uppercase; padding-top: 15px;} .pt_account #addresses .section-header { text-align: center; float: left; width: 31.267%; font-family: raleway; font-weight: bold; font-size: 16px; padding: 0;} .pt_account #addresses .section-header a{ display: block;} .pt_account #addresses ul.address-list li .btn{float: left; text-align: center; width: 45.87%; margin: 0 10px 0 0;} .pt_account #addresses ul.address-list li .btn.edit { float:right; } .pt_account #addresses ul.address-list li .btn a{display: block;} .pt_account #addresses ul.address-list li .dltAddss{width: 100%; text-align: center;float: left; margin-top: 10px; font-size: 16px; text-decoration: underline; font-family: raleway; font-weight: bold; line-height: 14px; } .pt_account #addresses ul.address-list li.last .dltAddss a{font-family: raleway; font-size: 16px; font-weight: 600; text-decoration: underline;} .pt_account #addresses .section-header a.section-header-note.address-create {display: block;} .pt_account #addresses .deleteconfirmation { display:none; } .pt_account .account-edit-main{padding-bottom: 8.2%;} .account-edit-main .account-edit-profile span.italic.error-message {margin-left: 0;} .pt_account .account-edit-profile ul {padding: 0px 0 0 0;} .pt_account .account-edit-profile ul li{margin-bottom: 20px;} .pt_account .account-edit-profile .subCaption {color: #828282;} .pt_account .account-edit-main input[type="text"]{margin-left: 0; font-family: lato; border: 1px solid #000000;} .pt_account .account-edit-profile .form-row label {padding-left: 2px; padding-bottom: 1px; width: 100%; float: left;} .pt_account .account-edit-profile .form-row.phone-row label, .account-edit-profile .form-row.birthdayclub label {padding-left:2px; } .pt_account .account-edit-main .account-edit-profile .employee-type-container{ margin-left: 0px; margin-bottom: 0px; width: 100%; float:left; color: #000;} .pt_account .account-edit-main .account-edit-profile .birthdayClubField { width: 100%; float: left;} .pt_account .account-edit-profile .marketingprefs-container .marketing-pref-row { margin-left: 35px; } .pt_account .account-edit-profile .marketingprefs-container .marketing-pref-row .form-row { width:auto; } .pt_account .account-edit-profile .marketingprefs-container { margin-left: 0px; margin-bottom: 35px; color: #000000; width: 100%; float: left;} .pt_account .account-edit-main .account-edit-profile .form-row.email-field {width: 100%;} .pt_account .account-edit-main .account-edit-profile .form-row.email-field input{ margin-left: 0px; } .pt_account .account-edit-main fieldset .form-row-button.accounteditbtn { width: 24%; margin: 0; clear: none; float: left; margin-right: 35px; } .pt_account .account-edit-main fieldset .form-row-button.accounteditbtn .primaryButtn{ width: 100%;} .pt_account .account-edit-main fieldset .form-row-button.cancel button{width: 100%;} .pt_account .account-edit-profile .account-info ul li span {font-family: lato; font-weight: bold; font-size: 16px; color: #000000;} .pt_account .account-edit-profile .account-info ul li span:nth-child(2){ font-weight: 400; } .pt_account .form-row label span {font-family: lato; font-weight: bold; font-size: 16px; color: #000000;} .pt_account .form-row label span.required-indicator {color:#ff0008;} .pt_account .account-edit-main .account-edit-profile .form-row.birthdayclub {width: 100%;} .pt_account .account-edit-main .account-edit-profile .form-row.birthdayclub input{margin-left: 0; width: 49.5966%; } .pt_account .account-edit-main .account-edit-profile .employee-type-container span{width: 100%; float: left; font-size: 16px; } .pt_account .account-edit-profile .employee-type-container input {left: 0;} .pt_account .account-edit-profile .employee-type-container label {margin-left: 25px;} .pt_account .account-edit-profile .employee-type-container .checkbox-container{width: 50%; float: left; margin-top: 1%;} .pt_account .account-edit-profile .employee-type-container .form-row {clear: none;} .pt_account .account-edit-profile .employee-type-container .form-row.employee-type-row {width: 33%; float: left;} .pt_account .account-edit-profile .employee-type-container .form-row.professional-type-row {width: 33%; float: left;} .pt_account .account-edit-profile .marketing-pref-row .row-buttons label { float: right !important; width: 86%; } .account-edit-main .account-edit-btn.cancel {width: 21%;float: left;} .account-edit-main .accounteditbtn.cancel a{float: left; width: 100%;text-align: center;box-sizing: border-box;} .pt_account .MyInformation {padding-bottom:47%; width: 100%; float: left;} .pt_account .MyInformation > div {padding: 17px 15px 16px; float: left; border-top: #000000; border-style: dotted; border-width: 0 0 1px 0; width: 80%; } .pt_account .MyInformation .communication-preference{border: none;} .pt_account .MyInformation div.fullname { padding: 0 15px 16px; } .pt_account .MyInformation > div .navtitle{width: 30%; float: left;} .pt_account .MyInformation > div.backlink{border:none} .pt_account .MyInformation > div.btn{border: none;} .pt_account .MyInformation .navtitle, .contacts{font-size: 16px; font-family: lato; font-weight: 600; color: #000000;} .pt_account .MyInformation .btn div.editInfoBtn {width: 35%; float: left; margin-right: 32px;} .pt_account .MyInformation .btn div.editInfoBtn a { letter-spacing: 0.5px; width: 100%; } .pt_account .MyInformation .btn div a{display: block;} .pt_account .MyInformation .btn div.changPswrd{width: 35%; float: left;text-align: center;} .pt_account .MyInformation .contacts {padding-top: 10px;} .pt_account .MyInformation .contactNum > div {width: 30%; float: left;} .pt_account .MyInformation .contactNum {width: 100%; float: left; padding-bottom: 35px;} .pt_account .MyInformation .contacts div:last-child {padding-bottom: 0px;} .pt_account .MyInformation .contactNum div:nth-child(2) {font-size: 16px; font-family: lato; color: #000000; font-weight: 400;} .pt_account .MyInformation .navtitle + div{font-size: 16px; font-family: lato; color: #000000;} .pt_account .add-edit-address label{padding: 0;text-align: left;width: 100%;} .pt_account .add-edit-address input[type="text"] {margin: 0; width: 47.3%; clear: both; float: left;} .pt_account .add-edit-address select { margin:0;width: 49%; } .pt_account .add-edit-address select[id$="state"] { width:100%; } .pt_account .add-edit-address label span:nth-child(2){font-size: 16px; font-weight: bold; color: #000;} .pt_account .add-edit-address label {font-size: 16px; font-weight: bold; color: #000;} .pt_account .add-edit-address .mandatory{width:48.9%; text-align:right; font-size: 14px;} .pt_account .add-edit-address { padding-bottom: 41%; width: 100%; float: left;} .pt_account .add-edit-address .dupliacearredderror { float: left; position: relative; width: 100%; font-size: 17px; margin: 10px 0; color: #ff0008; } .pt_account .add-edit-address form#edit-address-form { clear:both; } .pt_account .add-edit-address form#edit-address-form .stateZipCode .zipcode .required.error #dwfrm_profile_address_zip {background-color: #F1E6E6; border-color: #990000 !important; color: #990000} .pt_account .add-edit-address .Padding-Right{ padding: 0;float: left;text-align: right;width: 49%;clear: both; } .pt_account .add-edit-address .Padding-Right .required-indicator { font-family: lato; font-size: 14px; } .pt_account span.error{width: 49.8%;} .pt_account span.error.edit-child-loginexist{margin: 0 0 5px;float: left;} .pt_account .invalid span[for$="address_phone"].error{border: 2px solid #990000; clear:both; background-color: #F1E6E6; padding: 0.7em 0.5em; text-indent: 0; width: 47.6%; float: left;} .pt_account .invalid span[for$="customer_email"].error{border: 2px solid #990000; background-color: #F1E6E6; padding: 0.7em 0.5em; text-indent: 0; width: 50%; float: left;} .pt_account .add-edit-address .stateZipCode {width: 100%; float: left; } .pt_account .add-edit-address .stateZipCode .halfbox{width: 23.15%; float: left; clear: none; margin-right: 10px;} .pt_account .add-edit-address .stateZipCode input[type="text"]{width: 100%;} .pt_account .add-edit-address .form-row-button{ margin: 20px 0 0; } .pt_account .add-edit-address .form-row-button div{ float: left; width: 37.3%; margin-right: 4.2%;} .pt_account .add-edit-address .form-row-button div a{float: left; width: 89%; text-align: center;} .pt_account .add-edit-address .form-row-button div button { width: 100%;} .pt_account .add-edit-address .form-row-button div button.primaryButtn { padding: 12px 0px 11px 0;} .pt_account .paymentSetting {width: 100%; float: left; padding-bottom: 70%;} .pt_account .paymentSetting ul.payment-list li .btns div{float: left; text-align: center; width: 48%;} .pt_account .paymentSetting ul.payment-list li .btns { margin-top: 55px; width: 100%; float: left;} .pt_account .paymentSetting ul.payment-list li fieldset{text-align: center; margin-top: 21px; float: left; width: 100%;} .pt_account .paymentSetting .button-text{color: #000000; text-decoration: underline; font-family: lato; font-size: 16px;font-weight: 400;} .pt_account .paymentSetting ul.payment-list li{ width: 29%; float: left; border: 1px solid #000000; margin-right: 2%; padding: 1%; margin-bottom:30px; } .pt_account .paymentSetting ul.payment-list li div{ font-family: lato; font-size: 16px; color: #000000;} .pt_account .paymentSetting ul.payment-list li .deletecredit { display:none; padding: 20px; float: left; width: 100%; box-sizing: border-box;} .pt_account .paymentSetting ul.payment-list li .creditcard-info { display: block; padding: 10px; min-height: 153px; float: left; width: 100%; box-sizing: border-box; } .pt_account .paymentSetting ul.payment-list li .creditcard-info .default-card { margin-top: 10px; text-transform: uppercase; } .pt_account .paymentSetting ul.payment-list li .creditcard-info .deletelink { float: left; width: 100%; text-align: center; margin-top: 5px;} .pt_account .paymentSetting ul.payment-list li .creditcard-info .edit { margin-right: 0; float:right; } .pt_account .paymentSetting ul.payment-list li .deleteConfirmmessage { float: left; width: 129px; margin: 20px 28%; text-align: center;} .pt_account .paymentSetting ul.payment-list li .deletecredit .btns { margin-top:0; } .pt_account .paymentSetting ul.payment-list li .deletecredit .btns .deletecreditcard{ float: left; width: 45%; padding: 0; text-align: center; line-height: 38px; text-decoration:none; } .pt_account .paymentSetting ul.payment-list li .deletecredit .btns .cancelcreditcard{ float: right; width: 34%; text-align: center; height: 15px; line-height: 15px; } .pt_account #PaymentMethod_CREDIT_CARD .credit-cards li img{width: 36px;} .pt_account #PaymentMethod_CREDIT_CARD .credit-cards{display: flex;padding-left: 0;} .pt_account #PaymentMethod_CREDIT_CARD .credit-cards li {margin-right: 7px;} .pt_account #PaymentMethod_CREDIT_CARD .hidden-label {display: none;} .pt_account .payment-method{margin-top: 25px;width: 100%;max-width: 331px;} .pt_account #PaymentMethod_CREDIT_CARD .card-number {margin-bottom: 1rem;} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper {position: relative;} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper:after {content: "";position: absolute;right: 4px;background-repeat: no-repeat;background-image: url("../../images/credit.png");background-size: contain;width: 48px;height: 30px;top: 6px;} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=visa]:after {background-image: url("../../images/payment-types.png");background-size: auto;background-position: -162px -110px} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=mastercard]:after {background-image: url("../../images/payment-types.png");background-size: auto;background-position: -295px -110px} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=amex]:after {background-image: url("../../images/payment-types.png");background-size: auto;background-position: -230px -15px} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=discover]:after {background-image: url("../../images/payment-types.png");background-size: auto;background-position: -95px -110px} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=plcc]:after {background-image: url("../../images/cosmo-plcc-newcard.png");background-size: contain;width: 48px;height: 30px;top: 6px;} .pt_account #PaymentMethod_CREDIT_CARD #cardNumber-container {height:43px;width:100%;box-sizing: border-box;} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper .form-control {display: block; width: 55.5%;border-radius: 0.1875rem;border: 1px solid #75787b;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-clip: padding-box;background-color: #fff;padding-left: .75rem;} .pt_account #PaymentMethod_CREDIT_CARD .card-number-wrapper:after {content: "";position: absolute;right: 4px;background-repeat: no-repeat;background-image: url(../../images/credit.png);background-size: contain;width: 48px;height: 30px;top: 6px;} .pt_account #PaymentMethod_CREDIT_CARD select{width: 100%;background-position: 94%;border-radius: 0.1875rem;/* border: 1px solid #75787b; */transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-clip: padding-box;} .pt_account #PaymentMethod_CREDIT_CARD select.error, .pt_account #PaymentMethod_CREDIT_CARD input.error, .pt_account #PaymentMethod_CREDIT_CARD #cardNumber-container.flex-microform-invalid {border: 1px solid red;} .pt_account #PaymentMethod_CREDIT_CARD .error { color: #000;} .pt_account #PaymentMethod_CREDIT_CARD .exp-month.error #dwfrm_paymentinstruments_creditcards_newcreditcard_month {border: 1px solid red;} .pt_account #main #primary fieldset {width: 100%;float: left;} .pt_account #PaymentMethod_CREDIT_CARD .month{width: 48%;padding-right: 0;margin: 0 0 1rem 0;box-sizing:border-box;} .pt_account #PaymentMethod_CREDIT_CARD .year{width: 48%;padding-left: 4%;float: right;/* margin-top: -25%; */margin: 0 0 1rem 0;/* box-sizing:border-box; */} .pt_account .makeDefault .input-checkbox {margin-right: 10px;} .pt_account .error-message { background: transparent;border: none;color: red;width: 100%;margin-top: .25rem;font-size: 80%;color: #e0182d;padding: 0;font-family: Open Sans,sans-serif;font-weight: 400;line-height: 1.5;} .pt_account #CreditCardForm .form-row{/* margin-bottom:1rem; */} .pt_account #flexMicroformMyAccountValidationError {display: none;} .pt_account .addMangeUser ul li{ list-style: none;} .pt_account .addMangeUser .required-indicator{ display: none;} .pt_account .addMangeUser #editUserContainer{width: 100%; float: left;} .pt_account .paymentSetting .section-header-note {position: initial; width: 31%; text-align: center; display: block;} .pt_account .paymentSetting .payment-list .btns a{ display: block;} .pt_account .addCreditCard {width: 100%; float: left; padding-bottom: 58%} .pt_account .addCreditCard .frombtns {width: 100%; float: left; margin-top: 20px;} .pt_account .form-row label{text-align: left; width: 100%; font-size: 16px; color: #000000; padding-bottom: 3px;} .pt_account .manage-user-checkboxdesign .form-row label{text-align: left;box-sizing: border-box;padding-left: 30px; width: 100%; font-size: 16px; color: #000000; padding-bottom: 3px;} .pt_account .manage-user-checkboxdesign .form-row{padding: 0; margin: 0;position: relative;} .pt_account .manage-user-checkboxdesign{width: 100%; float:left; margin-top:10px;} .pt_account .form-row input[type="text"]{margin:0;} .pt_account .form-row select{margin:0;font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px;width: 100%;} .pt_account .addCreditCard{margin-left: 0;} .makeDefault input[type="checkbox"] {float:left;} .pt_account .form-row.makeDefault label { width:auto; margin-top: 1px; } .makeDefault span{margin-left: 5px;} .pt_account .addCreditCard button.primaryButtn { padding: 12px 0px 11px 0; width: 100%;} .pt_account .addCreditCard .btn{width: 23.4%; float: left; margin-right:15px;} .pt_account .addCreditCard .btn a{ float: left; width: 100%; text-align: center;} .pt_account .addCreditCard .frombtns{width:100%; float: left; margin-top: 20px;} .backlink { border: none; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 19px; margin: 20px 0 55px; } .pt_account .manageUsers{width: 29%; float: left; border: 1px solid #000000; margin: 0 2% 3% 0; padding: 1%; font-size: 16px; color: #000000; min-height: 200px; } .pt_account .manageUsers .user-info { min-height: 130px; } .pt_account .manageUsers div.deleteconfirmation .deleteConfirmmessage div{width:53%;} .pt_account .manageUsers div.deleteconfirmation .btns div button{width:100%;} .pt_account .addMangeUser .btn{width: 25%; float: left; margin-right:15px;} .pt_account .addMangeUser .btn a{ float: left; width: 100%; text-align: center; box-sizing: border-box;} .pt_account .manageUsers .editbtn{width: 100%; float: left; text-align: center;} .pt_account .manageUsers .editbtn a{display: block;} .pt_account .manageUsers .delete a{display: block;} .pt_account .manageUsers .delete-box { display:none;} .pt_account .add-mang-user{width: 100%; float: left; padding-bottom: 74%;} .pt_account .add-mang-user a{display: block; width:31%; } .pt_account .manageUsers .btns {width: 100%; float: left;} .pt_account .manageUsers .btns form{width: 45%; float: left; margin: 0 15px 0 0} .pt_account .manageUsers .btns form:last-child{margin-right: 0px;} .pt_account .addMangeUser {width: 100%; float: left; padding-bottom: 37%;} .pt_account .addMangeUser .form-row:first-child label{ padding-top:0; } .pt_account .account-multiselect-label{text-align: left; margin:0;} .pt_account .account-multiselect{margin:0; overflow-Y: visible; border: 0; padding: 0; height:0; width: 51%;} .pt_account .account-multiselect label{padding: 0 0 0 0px; } .account-multiselect input[type="checkbox"] {top:-12px;} .pt_account .account-multiselect ul{padding: 15px 0px 15px 5px; margin:0; background: white; margin-bottom: 15px; width: 100%; float: left;} .pt_account .account-multiselect ul div.rightAlignLabel{ margin: 0; padding: 0; clear: none; float: left; height: 0;} .pt_account .account-multiselect ul li{padding:0; margin:5px 0 0 26px; color:#000000; font-size: 16px;} .pt_account .account-multiselect-label{font-size: 18px; color: #000; border-bottom: 1px solid; padding-bottom: 0; margin-bottom: 15px; width: 51.5%; } .pt_account .assign-shipaddress .errorcheckbox { border: 2px solid #990000; background-color: #F1E6E6; padding: 0.7em 0.5em; text-indent: 0; width: 50%; float: left; color:#990000; margin-bottom:10px; } .pt_account .account-multiselect-label span{font-size: 14px;} .pt_account .addMangeUser .manage-users-save { margin: 0 4% 0 0; width: 100%;} /*CP-495 */ .reset-btn-user{clear: left;margin-top:10px;} .pt_account .addMangeUser .manage-users-resetpassword {width: 100%;} /*CP-495 Ends Here*/ .pt_account .addMangeUser button{ width: 23%;} .pt_account form#CreditCardForm span.required-indicator{ display: none;} .pt_account form.removestar span.required-indicator{ display: none; } .pt_account form.removestar .account-multiselect ul li{ list-style: none; } .pt_account .change-password .cancel a{display: block; text-align: center; } .pt_account .manageUsers .editbtn button{width: 100%;} .pt_account .change-password .save-button button {height: 42px; margin-right:15px;} /* -------------- EOF My account ------------------ */ /* -------------- Home page ------------------ */ .pt_storefront #main .cp_Slot1 img { max-width: 100%; max-height: 100%; } .pt_storefront #main .cp_Slot1 a { text-transform: uppercase; font-family: lato; font-weight: bold; font-size: 16px; color: #ffffff; } .pt_storefront #main .cp_Slot1 .cp_HeroImg { width: 100%; height: auto; position: relative; padding-left: 0; } .pt_storefront #main .cp_Slot1 .cp_HeroImg .heroText{ position: absolute; bottom: 55%; line-height: 25px;left: 19%; font-size: 16px; color: #ffffff; font-family: lato; float: left; width: 26%; height: 0;} .pt_storefront #main .cp_Slot1 .cp_HeroImg .heroText .heroInfo {width: 92%;} .pt_storefront #main .cp_Slot1 .cp_HeroImg .heroText .heroTitle { width: 100%; float: left; margin-bottom: 22px; } .pt_storefront #main .cp_Slot1 .cp_HeroImg .heroBorderImg { width: 100%; float: left; position: absolute; bottom: 0px; } .pt_storefront #main .cp_Slot1 .cp_HeroImg .heroText .shopNow{ margin-top: 10%;} .pt_storefront #main .cp_Slot1 .cp_HeroImg .heroText .shopNow .secondarybtn{ color: #ffffff !important; border: 2px solid #ffffff; text-decoration: none; margin-left: 0; background: none; position: relative; } .pt_storefront #main .cp_Slot1 .cp_HeroImg .heroText .shopNow .secondarybtn:hover {border: 4px solid #ffffff; } .pt_storefront #main .cp_Slot1 .cp_col-1 { width: 50%; float: left; padding: 0; height: auto; position: relative; cursor: pointer;} .pt_storefront #main .cp_Slot1 .cp_col-1 .StyShrp { position: absolute; text-align: center; width: 100%; bottom: 10px; } .pt_storefront #main .cp_Slot1 .cp_col-1 .StyShrp p { color: #ffffff; } .pt_storefront #main .cp_Slot1 .cp_col-1 .StyShrp .title { font-family: raleway; font-weight: bold; font-size: 42px; text-transform: uppercase; margin-bottom: 0; } .pt_storefront #main .cp_Slot1 .cp_col-1 .StyShrp .cp_info { font-family: lato; font-size: 16px; } .pt_storefront #main .cp_Slot1 .cp_col-2 { width: 50%; float: left; padding: 0; height: auto; position: relative; cursor: pointer;} .pt_storefront #main .cp_Slot1 .cp_col-2 .dsktpFetrprdct2 .prdctBnnr { position: absolute; top: 96.7%;} .pt_storefront #main .cp_Slot1 .cp_col-2 .cp_shopAll {position: absolute; bottom: -41%; width:100%; text-align: center;} .pt_storefront #main .cp_Slot1 .cp_col-2 .cp_shopAll .logo img { float: none;} .pt_storefront #main .cp_Slot1 .cp_HeroImg .dsktpHero img{max-height:600px;} .pt_storefront #main .home-top-slots.cp_Slot1.hero_banner{padding-bottom: 50px;} .pt_storefront #main .home-top-slots.cp_Slot1.featured-products {padding:0px 12% 50px 12%; box-sizing: border-box;} .pt_storefront #main .home-top-slots.cp_Slot1.featured-products .home-top-right-t{width: 47%; max-width: 500px; margin: 0 0 0 3%;} .pt_storefront #main .home-top-slots.cp_Slot1.featured-products .home-top-right-t:first-child{margin: 0 3% 0 0;} .pt_storefront .product-tile .product-pricing{margin:0 0 10px 0;} .pt_storefront .product-tile .product-pricing ul.search-result-items .grid-tile .product-tile a{padding:0;} .pt_storefront #main .cp_Slot1 .cp_col-2 .cp_shopAll .wellaInfo { color: #ffffff; font-size: 16px; font-family: lato; margin: 25px 0 16px;} .pt_storefront #main .cp_Slot2 { width: 100%; float: left; } .pt_storefront #main .cp_Slot2 .home-bottom-left{ width: 100%; float: left; padding: 0; background: #f2f2f0;} .pt_storefront #main .cp_Slot2 .home-bottom-left .homePageCarousl{margin-top: 25px; padding-bottom: 35px;} .pt_storefront #main .cp_Trending{padding-bottom: 71px;} .pt_storefront .cp_Slot1 { width:100%; float:left;} .pt_storefront .cp_Slot1 img { max-width:100%; max-height:100%; float: left;} .pt_storefront .tabHero {display: none;} .pt_storefront .mblHero {display: none;} .pt_storefront .featureProductMobile{display:none;} .pt_storefront .tabDeviceImg {display: none;} .pt_storefront .mobDevice {display: none;} /************** Slick slider ************/ .pt_storefront #main .home-bottom{ width: 100%; float: left; padding: 5px 0 85px 0; background: #f2f2f0; } .pt_storefront #main .home-bottom h2{margin-top: 0;} .CarouselDiv { margin: auto; width: 100%; max-width: 1400px;} .pt_storefront .homePageCarousl { background: #f2f2f0; width: 79%; margin: auto; position: relative;} .pt_storefront .articleContent .curouselDiv { width: 100%; background: #f2f2f0; padding-bottom: 30px;} .pt_storefront .homePageCarousl h2{ font-family: raleway; font-weight: lighter; font-size: 38px; color: #000000; margin-bottom: 28px; margin-top: 41px;} .pt_storefront .homePageCarousl .slick-track > div { background: none repeat scroll 0 0 #FFFFFF; margin-right: 25px; border-top: 4px solid #cccccc; padding:10px} .pt_storefront .homePageCarousl .shopbtn{ width: 100%; text-align: center; margin-top: 40px;} .pt_storefront .homePageCarousl ul.search-result-items .grid-tile {border-top:none; } .pt_storefront .homePageCarousl ul.search-result-items .grid-tile .product-brand{padding-top: 10px;} .pt_storefront .homePageCarousl .product-tile .product-image a img{display: inline-block;} .pt_storefront .homePageCarousl .product-tile .product-image {min-height: 218px; min-height: 218px;} ul.search-result-items .grid-tile .product-tile a {font-family: lato; color: #000000; font-size: 16px; text-transform: capitalize; } ul.search-result-items .grid-tile .product-tile .product-brand a {color: #444444;} .pt_storefront .homePageCarousl .product-tile .product-name {margin: 8px 0 13px;} .slick-next { background: url("../images/next_btn.png") no-repeat; border-style: none; height: 40px; outline: none; border-width: 0; width: 0px; font-size: 8px; color: transparent; position: absolute; right: -6%; top: 45%;} .slick-next:hover{ -webkit-animation: nextArrow .7s infinite ease-in-out;animation: nextArrow .7s infinite ease-in-out;} @keyframes nextArrow { 0%, 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } 25% {-webkit-transform: translateX(2px); transform: translateX(2px); } 75% {-webkit-transform: translateX(-2px); transform: translateX(-2px); } } .slick-prev { background: url("../images/prev_btn.png") no-repeat; border-style: none; height: 40px; outline: none; border-width: 0; width: 0px; font-size: 8px; color: transparent; position: absolute; top: 45%; left: -6%;} .slick-prev:hover{ -webkit-animation: nextArrow .7s infinite ease-in-out;animation: nextArrow .7s infinite ease-in-out;} .slick-prev.slick-disabled { z-index: -1; opacity: 0; cursor: auto; } .slick-next.slick-disabled { z-index: -1; opacity: 0; cursor: auto; } ul.slick-dots li button{ border-style: none; height: 12px;width: 13px; font-size: 0; transition: all 0.25s ease; outline: none; color: transparent; border-width: 0;border-radius: 50%; padding: 0;} ul.slick-dots .slick-active button{background: #999999;} ul.slick-dots li button{background: #cccccc; padding: 0;} ul.slick-dots li { display: inline-block; width: 25px;} ul.slick-dots { text-align: center; padding: 0; margin-top: 27px;} /************** EOF Slick Slider ************/ /*************for video slot***********/ .content-slot-image-holder{position: relative;} .content-slot-image-holder iframe{position: absolute;top: 0;left: 0;} .cp_Trending .trend .trendImg:hover .trndVideo { display: block;} .cp_Trending { width: 100%; float: left; background: #f2f2f0; padding-bottom: 17%; } .cp_Trending .trndVideo { display: none; cursor: pointer; } .cp_Trending .trend { float: left; position: relative; width: 33.3%; height: 385px;} .cp_Trending .trend .videoTxt{ font-family: raleway; font-size: 18px; text-align: center; margin-top: 14px;} .cp_Trending .trend img { width: 100%; height: 100%; } .cp_Trending .trend .trndVideo .playicon { position: absolute; bottom: 0px; opacity: 0.5; top: 0; } .cp_Trending .trend .trndVideo span { position: absolute; bottom: 10%; left: 37%; } .cp_Trending .trend .trndVideo span a { font-size: 16px; font-family: lato; font-weight: bold; color: #ffffff; text-decoration: underline; text-transform: uppercase; } .cp_Trending .trend .trendImg {width: 100%; height: 100%;} .cp_Trending .trend .trendImg iframe{width: 100%; height: 100%;} .cp_Trending .viewAll { width: 100%; float: left; text-align: center; padding-top: 78px; } /************ends*********************/ .pt_storefront .cp_quickOrder { width: 100%; float: left; position: relative; background: #e0e0df; padding-bottom: 8%;} .pt_storefront .cp_quickOrder .Order_Info{width:80%; margin:auto; } .pt_storefront .cp_quickOrder img{ float: left;} .pt_storefront .cp_quickOrder .mobile { width:35%; float: left; position: absolute; bottom: 0;} .pt_storefront .cp_quickOrder .orderInfo { float: right; width: 49%;} .pt_storefront .cp_quickOrder .orderInfo .headg { font-family: raleway; font-weight: lighter; font-size: 38px; color: #000000; width: 85%; margin-bottom: 23px; padding-top: 9%;} .pt_storefront .cp_quickOrder .orderInfo .content { font-family: lato; font-size: 16px; color: #000000; text-align: left; width: 75%; line-height: 24px; margin-bottom: 40px;} /* -------------- EOF Home page ------------------ */ /* ---------------------********** COSMO-PROF REDESIGN STYLES REV start *************------------------------------*/ /* -------------- Global Style --------------------- */ body{background:none repeat scroll 0 0 #f9f9f7;font-size:13px;color:#444; font-family: 'Lato';font-style: normal;font-weight: 400;} .page-content .primary-content, .primary-content { width: 100%; padding: 60px 30px 0 257px; margin: 0; box-sizing: border-box; } .pt_barrier .page-content { width: 100%; padding: 60px 30px 0 257px; margin: 0; box-sizing: border-box; } .primary-content h1, #secondary h1{ font-family: 'Raleway';font-style: normal; font-size: 42px; font-weight: 600; color: #000; padding: 20px 0; margin: 25px 0 0; line-height: 40px; border-bottom: 2px solid #000; }/*font-style:italic;*/ #secondary h1.visually-hidden { border-bottom: none; padding: 0; margin: 0; } .primary-content h1 { text-transform:uppercase; } .primary-content .content-asset h1 { text-transform:initial; } .primary-content h1 span {font-size: 42px;font-weight: bold;text-transform: none;float: none;} .primary-content h2{font-size:32px;} .content-header{ font-family: 'Raleway'; font-style: normal; font-size: 42px; font-weight: 600; color: #000; margin: 0;} .primarybtn {background: #000000; color: #ffffff; font-size: 14px;} .primarybtnHover {background: #D0D945;} .secondarybtnHover {border: 2px solid #000;} .tertiarybtn{background: #cccccc; color: #000000; font-size: 14px;} .tertiarybtnHover{background:#918D8D;} ul li{list-type:none} input[type="checkbox"] { margin: 0; width: 20px; height: 20px; position: relative; -webkit-appearance: none; background-color: transparent; border: 1px solid transparent; } input[type="checkbox"]::before { content: ''; position: absolute; left: 0; top: 0px; width: 18px; height: 18px; border: 1px solid #000; background: #f9f9f7; border: 1px solid #ccc; border-radius: 5px;} input[type="checkbox"]:checked::before { content: ''; background:url("../images/interface/checkboxTick.png") no-repeat scroll -1px -1px #000; position: absolute; left: 0; top: 0px; width: 18px; height: 18px; border: 1px solid #000; border-radius: 5px; } input[type="checkbox"][disabled]:checked::before { content: ''; opacity:0.5; } .manage-user-checkboxdesign input[type="checkbox"] {top: 0px;position: absolute;left:0;} .mylist-registry input[type=number]::-webkit-inner-spin-button, .mylist-registry input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } select{ margin:0; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; -webkit-appearance: none; position:relative; background: url("../images/interface/selectbox-arrow.png") no-repeat scroll 98% #ffffff !important; border:1px solid #000; } input[type="radio"] { margin: 0; width: 20px; height: 20px; position: relative; -webkit-appearance: none; } input[type="radio"]::before { content: ''; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; border-radius:20px; background: #f9f9f7; border: 1px solid #ccc;} input[type="radio"]:checked::before { content: ''; background:url("../images/interface/radio_checked.png") no-repeat scroll -1px -1px; position: absolute; left: 0; top: 0px; width: 18px; height: 18px; border: 1px solid #000;} .payment-method-options input[type="radio"]::before { content: ''; position: absolute; left: 0; top: 0px; width: 0; height: 0; border-radius:0; background: none; border: none;} /* -------------- Header ------------------ */ #wrapper {position: relative;} #wrapper.pt_storefront.homepage { background: none; } #wrapper header { margin: 0; } #wrapper header .left-Header { background: #000; position: absolute; z-index: 999; width:197px; top: 30px; left: 30px; } #wrapper header .left-Header .primary-logo { padding: 0; width: 100%; float: left; margin:30px 0; height: 94px; } #wrapper header .left-Header .primary-logo span { width: 100%; float: left; text-align: center; } #wrapper header .left-Header .primary-logo p { margin:0; } #wrapper header .left-Header #navigation { margin-bottom: 30px; } #wrapper header .right-nav { position: absolute; right: 30px; top: 30px; z-index: 101;} #wrapper header .left-Header ul.level-1 a { text-transform: none; width:100%; letter-spacing: 1px; font-family: 'Raleway'; font-style: normal;font-weight: 600; line-height: 16px; font-size: 14px; padding: 8px 0; color:#ffffff; outline:none; } #wrapper header .left-Header ul.level-1 a:hover, #wrapper header .left-Header ul.level-1 a.active {background:#444;} #wrapper header .left-Header ul.level-1 a.noUpperCase { text-transform: none;} #wrapper header .left-Header ul.level-1 a.child-menu:hover:after{ content:""; width:15px; height:11px; position:absolute; background:url("../images/header/menuright_arrow.png") no-repeat scroll 5px 1px; top: 10px; } #wrapper header .left-Header ul.level-1 a.child-menu.active:after{ content:""; width:15px; height:11px; position:absolute; background:url("../images/header/menuright_arrow.png") no-repeat scroll 5px 1px; top: 10px; } #wrapper header .left-Header ul.level-1 a img { margin-left: 7px; margin-top: -1px; visibility: hidden; } #wrapper header .left-Header ul.level-1 a .heart-menu img { visibility: visible; } #wrapper header .left-Header ul.level-1 li { position:relative; } #wrapper header .left-Header li.catalog a { position:relative; text-transform: none; } #wrapper header .left-Header ul.level-1 li ul.level-2 { display:none; position: absolute; top: 0; right: -226px; width: 226px; background: #444; margin: 0; padding:16px 0; z-index:8185; } #wrapper header .left-Header ul.level-1 li:hover .level-2 { display:block; } #wrapper header .left-Header ul.level-1 li ul.level-2 li a { padding:8px 0; font-weight: 400; text-transform: none; float:left; } #wrapper header .left-Header ul.level-1 li ul.level-2 li a:hover { font-weight:700; } #wrapper header .right-nav .navigation-bar { float: left; background: #fff; } #wrapper header .left-Header ul.level-1 div.level-2 a.child-menu:hover:after{ content:""; width:15px; height:10px; position:absolute; background:url("../images/header/menu-right-arrow.png") no-repeat scroll 5px 0; right: 15px;top: 12px; } #wrapper header .left-Header ul.level-1 div.level-2 a.child-menu.active:after{ content:""; width:15px; height:10px; position:absolute; background:url("../images/header/menu-right-arrow.png") no-repeat scroll 5px 0; right: 15px;top: 12px; } #wrapper header .left-Header ul.level-1 li ul.level-2 div.level-3 { position: absolute; top: 0; right: -226px; width: 226px; background: #595959; margin: 0; padding:16px 0; z-index:8185; } #wrapper header .left-Header ul.level-1 li ul.level-2 div.level-3 li a { padding:8px 0; font-weight: 400; text-transform: none; float:left; } #wrapper header .left-Header ul.level-1 li ul.level-2 div.level-3 li a:hover { background:#b09857; font-weight:700; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user { margin: 0; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li { padding: 0; margin:9px 20px; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 14px; color: #000; text-transform: uppercase; padding: 3px 0; float: left; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .user-info .welcome-user { font-family: 'Lato'; font-style: normal; font-weight: 300; color: #000; float: left; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .user-info .shipping-to { margin-top: 30px; float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; color: #000; width:100%; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .user-info .change-ship { width: 100%; float: left; margin: 10px 0; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .user-info .change-ship a { font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 13px; text-transform: none; color: #000; text-decoration: underline; float: left; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .logout { width: 100%; float: left; margin: 0 0 20px; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .logout .notyou { float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; padding-right: 5px; font-size: 13px; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .mylist { width: 100%; float: left; padding: 15px 0; border-top: 1px solid #ccc; position: relative; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .myprofile { width: 100%; float: left; padding: 15px 0; border-top: 1px solid #ccc; position: relative; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .logout a{ font-family: 'Lato'; font-style: normal;font-weight: 400;font-size: 13px;text-transform: none;color: #000;text-decoration: underline;float: left; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .favorites{ width: 100%; float: left; padding:15px 0; border-top:1px solid #ccc; position: relative; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .favorites:before { position:absolute; content:''; background: url("../images/orderHstry.png") no-repeat -1px 0 transparent; width:40px; height:40px; top: 3px; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .favorites a { padding-left: 50px; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .mylist:before { position:absolute; content:''; background: url("../images/mylist.png") no-repeat transparent; width:39px; height:34px; top: 8px; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .mylist a { padding-left: 50px; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .myprofile:before { position:absolute; content:''; background: url("../images/myacc_icons.png") no-repeat -138px 0 transparent; width:32px; height:28px; top: 8px; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .myprofile a { padding-left: 50px; } #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li a { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 14px; color: #000; text-transform: uppercase; float: left; } #wrapper header .right-nav .navigation-bar #mini-cart .mini-cart-total, .mini-cart-total.store-pickup-total { margin: 9px 20px; font-family: 'Raleway'; font-style: normal; cursor: pointer; font-weight: 600; float:left; color: #000; font-size: 14px;} #wrapper header .right-nav .navigation-bar #mini-cart .mini-cart-total a, .mini-cart-total.store-pickup-total .mini-cart-link{ font-family: 'Raleway'; font-style: normal; font-weight: 600; color: #000; font-size: 14px;} #wrapper header .right-nav .navigation-bar #mini-cart .mini-cart-total .mini-cart-label { margin:0; float: left; padding: 3px 0; color: #000; } #wrapper header .right-nav .navigation-bar #mini-cart .mini-cart-total .mini-cart-total-label { margin: 0 0 0 10px; min-width: 10px; padding: 0 5px; height: 20px; background: #b09857; float: left; color: #000; text-align: center;line-height: 18px;} #wrapper header .right-nav .navigation-bar #mini-cart .mini-cart-total .mini-cart-empty { margin: 0 0 0 10px; min-width: 10px; padding:0 5px; height: 20px; background: #000; float: left; color: #fff; text-align: center; line-height: 18px; } #wrapper header .right-nav .header-searchicon { float:left; cursor:pointer; margin-left: 30px; } #wrapper header .right-nav .header-searchicon .searchnormal { float:left; } #wrapper header .right-nav .header-searchicon .searchactive { float:left; display:none; } #wrapper header .right-nav .header-search { position:absolute; top: 39px; right: -1px; width: 1034px; display:none; } #wrapper header .right-nav .header-search input[type="submit"] { background: url("../images/header/search_icon.jpg") no-repeat scroll center center transparent; width: 100px; height:100px;} #wrapper header .right-nav .header-search input[type="text"] { margin: 0; width: 833px; height: 30px; border: none; float: left; padding:35px 50px; font-family: 'Raleway'; font-style: normal; font-weight: 600; color: #000; font-size: 30px; box-sizing: content-box;} #wrapper header .right-nav .header-search input[type="text"]::-webkit-input-placeholder { color: #444444; font-weight: 300; color: #444444; } #wrapper header .right-nav .header-search input[type="text"]:-moz-placeholder { color: #444444; font-weight: 300; color: #444444; } #wrapper header .right-nav .header-search input[type="text"]::-moz-placeholder { color: #444444; font-weight: 300; color: #444444; } #wrapper header .right-nav .header-search input[type="text"]:-ms-input-placeholder { color: #444444; font-weight: 300; color: #444444; } /* -------------- EOF Header ------------------ */ /* -------------- Secondary Nav ------------------ */ #secondary { margin: 0 0 0 30px; padding-left: 25px; width: 172px; position: absolute; } #secondary nav { padding: 0; margin: 28px 0 0; float: left; width: 100%;} #secondary nav .secondary-navigation .navgroup { margin: 0 0 25px; float:left; } #secondary nav .secondary-navigation .navgroup .navtitle{ margin: 0; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 16px; color: #000; } #secondary nav .secondary-navigation .navgroup ul { margin: 7px 0 0; padding: 0; float: left; width: 100%; } #secondary nav .secondary-navigation .navgroup ul li { margin: 4px 0 5px; float: left; padding: 0; width: 100%; } #secondary nav .secondary-navigation .navgroup ul li a{ margin: 0 0 0 20px; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000; word-break: break-word; } #secondary nav .secondary-navigation .navgroup ul li a:hover { color:#bd9352; text-decoration:none; } #secondary nav .secondary-navigation a { color:#000; } #secondary nav .secondary-navigation .navgroup a.navtitle:hover { color:#bd9352; text-decoration:none; } /* -------------- Order History ------------------ */ #wrapper.pt_order .primary-content .order-history .calender-search .searchorderhistorylabel { float: left; line-height: 22px; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 20px; margin: 38px 0 15px; width: 100%;} #wrapper.pt_order .primary-content .order-history .calender-search .Order-filter {float: left; width: 100%;} .refine-by-date,.refine-by-order-type,.refine-by-order-status,.refine-by-shipping-addr{width: 100%;float: left;} .refine-by-header, .search-left-content{width: 20%; float: left;padding-top: 25px;font-size: 16px;min-width: 200px;} .from-to-search{width:auto;display: flex;} .order-type-checkbox,.order-type-status,.customer-shipping-addr{padding-top: 25px;font-size: 16px;width: auto;float: left;} .order-type-checkbox span,.order-type-status span {width:113px; float: left;} .order-type-checkbox input[type="checkbox"],.order-type-status input[type="checkbox"]{margin-right: 7px;vertical-align: bottom;} .refine-by-shipping-addr .refine-by-header{padding-top: 36px;} .customer-shipping-addr select{width: 540px;} .no_orders{width: 100%;float: left;} #wrapper.pt_order .order-history .Order-filter .accord-section{width: 100%; float: left; border-bottom: 1px solid #e4e4e4;} #wrapper.pt_order .order-history .Order-filter .accord-section.refine-by-date{border-top: 1px solid #e4e4e4;} #wrapper.pt_order .order-history .Order-filter .accord-section .accord-content{display: none; padding-bottom: 25px; float: left; width: 100%;} #wrapper.pt_order .order-history .Order-filter .accord-section .accord-content.open{display: block;} #wrapper.pt_order .primary-content .order-history .Order-filter .accord-header{font-size: 16px; font-weight: 700; color: #444; padding: 15px 0; font-family: lato;cursor: pointer; width: auto; float: left;} .primary-content .order-history .no_orders{padding: 15px 0; font-size: 16px;} #wrapper.pt_order .primary-content .order-history .Order-filter .accord-header span{min-width: 180px; background: url(../images/down-arrow.png) no-repeat right bottom; display: inline-block; } #wrapper.pt_order .primary-content .order-history .Order-filter .accord-header.active span{ background: url('../images/up-arrow.png')no-repeat right bottom; } #wrapper.pt_order .order-history .Order-filter .accord-section .accord-content .selection-outer{ padding-left: 14.5%; max-width: 400px; width: 100%} #wrapper.pt_order .order-history .Order-filter .accord-section .accord-content .selection-outer select{height: 38px;} #wrapper.pt_order .order-history .Order-filter .accord-section.narrow-results select{max-width: 406px !important; width: 100%;} #wrapper.pt_order .primary-content .order-history .calender-search .dateSelect {max-width: 70%; width: auto; display: none; float: left; padding: 20px 0 20px 14.5%;} #wrapper.pt_order .primary-content .order-history .calender-search .dateSelect .custompicker{ display: block; width: 50%; float: left;} #wrapper.pt_order .primary-content .order-history .calender-search .dateSelect .from-search .from-label { width: 100%; float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 12px; } #wrapper.pt_order .primary-content .order-history .calender-search .dateSelect .from-search .fromDatePicker { margin: 12px 0 0; float: left; width: 79%; padding: 8px 10px 9px; box-sizing: border-box; color: #444444; font-family: 'Lato'; font-style: normal; font-weight: 400; border: 1px solid #000; font-size: 16px; } #wrapper.pt_order .primary-content .order-history .calender-search .dateSelect .to-search .to-label { width: 100%; float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 12px; } #wrapper.pt_order .primary-content .order-history .calender-search .dateSelect .to-search .toDatePicker { margin: 12px 0 0; float: left; width: 79%; padding: 8px 10px 9px; box-sizing: border-box; color: #444444; font-family: 'Lato'; font-style: normal; font-weight: 400; border: 1px solid #000; font-size: 16px; } #wrapper.pt_order .primary-content .order-history .calender-search .calender-search a { margin: 0; width: 100%; float: right; border: none; color: #fff; line-height: 44px; padding: 0; font-family: 'Raleway'; font-style: normal; font-weight: 700; font-size: 16px; } #wrapper.pt_order .primary-content .order-history .calender-search .calender-search { float:left; margin-top:30px; width:22.84%; } #wrapper.pt_order .primary-content .order-history .calender-search .dateSelect .ui-datepicker-trigger{ background: url("../images/datepick-icon.png") no-repeat left top transparent; width: 29px; height: 29px; margin-left: 10px;} #wrapper.pt_order .primary-content .order-history .calender-search .downloadcsv { float: right; width: 100%; margin-top: 35px; text-align: center;padding-top: 20px;border-top: 4px solid #7a7a7a; } #wrapper.pt_order .primary-content .order-history .calender-search .downloadcsv .results-summary-section{clear: both;} #wrapper.pt_order .primary-content .order-history .calender-search .downloadcsv .results-summary-section .results-summary.right{float: right; text-align: left; width: auto; padding-right: 68px; } #wrapper.pt_order .primary-content .order-history .calender-search .results-summary-section .results-summary.right h5{margin: 0; padding-bottom: 10px; font-size: 18px; line-height: 20px; font-weight: 700;} #wrapper.pt_order .primary-content .order-history .calender-search .results-summary-section .results-summary.right div span{min-width: 175px; float:left;} #wrapper.pt_order .primary-content .order-history .calender-search .results-summary-section .results-summary.right div{padding-bottom: 5px; font-size: 16px; line-height: 20px;} #wrapper.pt_order .primary-content .order-history .calender-search .downloadcsv .dwnld{width:100%; float: left; padding: 20px 0;} #wrapper.pt_order .primary-content .order-history .calender-search .downloadcsv .dwnld a { float: right; width: 310px; font-family: 'raleway'; font-style: normal; font-weight: 700; margin: 0; padding: 0; background: none; border: 2px solid #000; color: #000; text-decoration: none; line-height: 40px; text-align: center; font-size: 16px;height: 40px;box-sizing: border-box; } #wrapper.pt_order .primary-content .order-history .order-history-labels { float:left; width:100%; margin-top: 20px; margin-bottom: 16px; } #wrapper.pt_order .primary-content .order-history .order-history-labels .label { float:left; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 16px; color: #000; } #wrapper.pt_order .primary-content .order-history .order-history-labels .label.orderno {width: 16%;box-sizing: border-box;} #wrapper.pt_order .primary-content .order-history .order-history-labels .label.orderdate { width: 14%;} #wrapper.pt_order .primary-content .order-history .order-history-labels .label.ordertotal { width: 10%; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details li { width:100%; float:left;} #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details li:nth-child(2n+1) { background:transparent; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header { font-size:16px; float: left; padding: 18px 0; margin:0; width:100%; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-number { float:left; width: 16%; padding: 0; box-sizing: border-box; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-number .value{word-break: break-word;} #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-shipto { margin:0; width:auto; display:none; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-date { width: 14%; float:left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-total { width: 10%; float:left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000;} #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-total .tax-amount{width:100%; float:left;} #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-status { float: left; width: 17.4%; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-btn { text-align:center; float: left; width: 10%; margin: 0; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .reorder-btn{width: 8%; float: left; text-align:center;} #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-btn button.view-order { width:37px; height:39px; background:url('../images/view-details.png')no-repeat; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .reorderBtn a {display:inline-block; font-size:0; width:39px; height:33px; background:url('../images/cart-icon.png')no-repeat; } #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .order-btn form#order-history-form { margin-top:0; } .pt_storefront.vsu_signup .virtualsignup-bottom #StoreAssociateButton{margin-top:20px; float:left; } .pt_storefront.vsu_signup .virtualsignup-bottom .login-rememberme{float: left; margin: 20px 0 0 15px; width: 35%;} .pt_storefront.vsu_signup .virtualsignup-bottom .login-rememberme .form-row label{float:right; width:85%; padding-top:7px;} .vsu-profession-options .after-upload-images{padding:20px 0; width:100%; float:left;} .vsu-profession-options .choseFile{float:left;} #wrapper.pt_order .primary-content .form-row.order-detail-options { width: 200px; position: absolute; right: 6.5%; bottom: 160px; margin: 0; padding: 0; } #wrapper.pt_order .primary-content .order-payment-summary.bottom .form-row.order-detail-options{width:250px !important;} #wrapper.pt_order .primary-content .form-row.order-detail-options .reorderBtn { text-align: center; width: 100%; float: left; } #wrapper.pt_order .primary-content .form-row.order-detail-options .reorderBtn a { line-height: 42px; background: #000; width: 100%; float: left; color: #fff; font-family: 'Raleway'; font-size: 16px; text-transform: uppercase; margin: 0; } #wrapper.pt_order .primary-content .order-details .item-list { border:none; width:100%; float:left; } #wrapper.pt_order .primary-content .order-details .backlink { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 19px; margin: 20px 0 55px;} #wrapper.pt_order .primary-content .order-details .item-list .head-label { font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 16px; margin-bottom: 30px; } #wrapper.pt_order .primary-content .order-details .item-list .order-payment-instruments .head-label {font-size: 16px;margin: 0;width: 135px;float: left;} #wrapper.pt_order .primary-content .order-details .item-list .first-row-orderinfo { width: 100%; float: left; line-height: 24px; padding-bottom: 40px; border-bottom: 1px solid #000; } #wrapper.pt_order .primary-content .order-details .item-list .first-row-orderinfo .order-information { width: 33%; max-width: 340px; float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000;} #wrapper.pt_order .primary-content .order-details .item-list .first-row-orderinfo .order-billing { width: 33%; max-width: 340px; float:left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000;line-height: normal; } #wrapper.pt_order .primary-content .order-details .item-list .first-row-orderinfo .order-information .label {width: 135px;float: left;} #wrapper.pt_order .primary-content .order-details .item-list .first-row-orderinfo .order-information .reorderBtn { display: none; width: 100%; float:left; margin-top:25px; } .order-details .first-row-orderinfo .order-date,.first-row-orderinfo .order-number, .first-row-orderinfo .order-status, .first-row-orderinfo .order-po,.order-commentwithtext {padding: 6px 0; line-height: normal;display: block; float:left;} .pt_order .order-details .first-row-orderinfo .order-number {width:100%;} .order-confirmation-details .first-row-orderinfo .order-po .value{white-space: pre;} .first-row-orderinfo .order-number .label:first-child {padding-bottom: 12px;} .first-row-orderinfo .order-number .value:first-child {padding-bottom: 12px;} .first-row-orderinfo .order-number .label{clear: left;} .first-row-orderinfo .order-number .value {display: block;float: left;} .order-billing .mini-address-name .firstname,.mini-address-name .lastname {padding:6px 0;} .order-billing .mini-address-location .address1{padding:6px 0;text-transform: capitalize} .order-details .summary-heading{font-family: Lato;font-size: 18px;font-weight: 700;} .payment-total-orddetail{margin-top:35px;width:445px;float:right;} .order-details .order-totals-table{margin-top: 20px;} .order-details table.order-totals-table td{padding: 12px 0 8px; border-bottom: 1px solid #a0a0a0;width: 50%;} .button-fancy-small.re-order-button {width: 255px; height: 40px; line-height: 40px;font-size: 16px;font-family: 'Raleway';padding: 0; font-weight: 700;} .button-reorder{margin: 40px 0;float: left;} .order-details .payment-total-orddetail .order-totals-table tr td:last-child {padding-right: 30px;box-sizing: border-box;} .mobile-device-only{display: none;} .order-details .name .street .line1{text-transform: capitalize;} .order-billing .mini-address-location .cityname,.order-billing .mini-address-location .city-comma,.order-billing .mini-address-location .statename,.order-billing .mini-address-location .zipcode-value{padding:6px 0; float: left;} .order-billing .mini-address-location .countryname,.order-billing .mini-address-location .phone-no{padding: 6px 0;float:left; width: 100%;} #wrapper.pt_order .primary-content .order-details .item-list .first-row-orderinfo .order-information .reorderBtn a { width: 253px; text-align: center; float: left; font-family: 'Raleway'; font-size: 16px; text-transform: uppercase; color: #fff; background: #000; line-height: 43px; } #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo { width: 100%; float: left; margin-top: 35px; line-height: 24px; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000; padding-bottom: 0px;} #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-instruments { width: 100%; float: left; margin-top: 35px;} #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-instruments .head-label{float:left;} #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-instruments .order-type-value{line-height:16px; float:left;} #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-instruments .payment-type { font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000;} #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-summary { float: left; width: 100%; } #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-summary .order-detail-summary .orderpaymenttotal { width:100%; float:left; } #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-summary .order-detail-summary .orderpaymenttotal .order-sec{ width: 100%; float: left; margin: 5px 0; border-bottom:1px solid #000; } #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-summary .order-detail-summary .orderpaymenttotal .order-sec:first-child { margin:0 0 0px; } #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-summary .order-detail-summary .orderpaymenttotal .order-sec.order-summary-order-total { font-weight:700; border-bottom: none; } #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-summary .order-detail-summary .orderpaymenttotal .order-sec .label{ width: 135px; float: left; } #wrapper.pt_order .primary-content .order-details .item-list .second-row-orderinfo .order-payment-summary .order-detail-summary .orderpaymenttotal .order-sec .value{ width: auto; float: left; text-align:left; padding-right: 30px; box-sizing: border-box; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container { float:left; width: 81.8%; border: none; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .head-label { margin-top: 38px; color: #000; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 16px; margin-bottom: 30px; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .head-label .order-summary-product-table { width:100%; float:left; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .headlabels { width:100%; float:left; padding-bottom: 18px; padding-right:30px; box-sizing:border-box; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .headlabels .section-header { font-family: 'Lato'; font-style: normal; font-weight: 700; color:#000; padding: 0; font-size: 16px; float: left; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .headlabels .section-header.size{width: 14% !important;} #wrapper.pt_order .primary-content .order-details .order-summary-product-container .headlabels .section-header.product-image { width: 38%; } #wrapper.pt_order .primary-content .order-details .order-summary-product-table .headlabels .section-header.qty { width:12%; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .headlabels .section-header.total {width: 14%; font-weight:700; float:right; text-align: right;} #wrapper.pt_order .primary-content .order-details .order-summary-product-container .order-summary-product-row { width:100%; float:left; padding: 15px 0; padding-right:30px; box-sizing:border-box; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .order-summary-product-row .product-image{ width: 18.183%; float:left;} #wrapper.pt_order .primary-content .order-details .order-summary-product-container .order-summary-product-row .size{width: 14% !important; float: left; min-height: 17px; font-size: 16px;} #wrapper.pt_order .primary-content .order-details .order-summary-product-container .order-summary-product-row .product-image img { width:100%;} #wrapper.pt_order .primary-content .order-details .order-summary-product-container .order-summary-product-row .product-info { float: left; width: 38%; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .order-summary-product-row .product-info .name { font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 16px; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .order-summary-product-row .qty { width: 12%; float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; } #wrapper.pt_order .primary-content .order-details .order-summary-product-container .order-summary-product-row .total {width: 14%; float: right; font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 16px; text-align: right;} #wrapper.pt_order .primary-content .orderviewall { font-size: 16px; font-family: 'Lato'; font-style: normal; text-decoration: underline; color:#000; } #wrapper.pt_order .primary-content .orderviewless { font-size: 16px; font-family: 'Lato'; font-style: normal; text-decoration: underline; color:#000; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table { float:left; width: 100%; border: none;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .head-label { margin: 38px 0 28px; color: #000; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 16px;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .head-label .order-summary-product-table { width:100%; float:left; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .headlabels { width:100%; float:left; padding-bottom: 2px;box-sizing: border-box;padding-right: 30px;} #wrapper.pt_order .primary-content .order-details span.display-in-mobile{display:none;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .headlabels .section-header { font-family: 'Lato'; font-style: normal; font-weight: 700; padding: 0; font-size: 16px; float: left; color:#000; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .headlabels .section-header.product-image {width:38%; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .headlabels .section-header.qty { width: 12%; } #wrapper.pt_order .order-details .order-summary-product-table .headlabels .section-header.qty { width: 12%;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .headlabels .section-header.price { width: 20%; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .headlabels .section-header.size { width: 14%; float: left; } #wrapper.pt_order .order-details .order-summary-product-table .headlabels .section-header.price { width: 20%; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .headlabels .section-header.total {width:14%; text-align:right; font-weight:700; float: right;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container { width:100%;box-sizing: border-box;float:left; padding: 25px 30px 0 0; color:#000;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .product-image{ width: 18.183%; float:left;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .product-image img { width:100%;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .product-info { float: left; width: 38%; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .size{width: 14%; float: left; min-height: 14px;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .size span, #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .size div{font-size: 16px; font-weight: normal; color: #000;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .price {float:left; width:20%; font-size:16px;} #wrapper.pt_order .primary-content .order-details .order-summary-product-table .order-summary-product-row .price{float:left; width: 20%; font-size: 16px;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .product-info .name { font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 16px; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .product-info .skuno { font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 16px; padding-top: 5px;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .qty { width: 12%; float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .price-sub { width: 20%; float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .total { width:14%; text-align:right; float: right; font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 16px; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .total .name .pli-tax{float:left; width: 100%; padding-top: 5px;} #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table .order-summary-product-container .total .name .pli-tax span{padding-right: 7px;} #wrapper.pt_order .primary-content .order-details .shipping_address { width: 33%; max-width: 340px; float: left; margin-top: 0px; line-height: 24px; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000; padding-bottom: 0px;} #wrapper.pt_order .primary-content .order-details .shipping_address .head-label { font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 18px; line-height: 16px; margin-bottom: 30px; } #wrapper.pt_order .primary-content .order-details .shipping_address .order-shipment-address { width: 100%; float: left; text-transform: none; line-height: normal;} .order-details .name .firstname,.order-details .name .lastname,.order-details .name .street,.order-details .name .location,.order-details .name .country{padding: 6px 0;text-transform: capitalize;} #wrapper.pt_order .primary-content .order-details .shipping_address .shipping-info { float: left; width: 100%;padding-top: 35px; } #wrapper.pt_order .primary-content .order-details .receipt-order-shipment-table { float: left; width:81.8%;} #wrapper.pt_order .primary-content .order-details .shipping_address .shippingsec { width: 100%; float: left; margin: 0; padding:0; } #wrapper.pt_order .primary-content .order-details .shipping_address .shippingsec .label { width: 135px; float: left;} #wrapper.pt_order .primary-content .order-details .shipping_address .shippingsec .shiping-loop-value .value {display: block;text-decoration: underline;} #wrapper.pt_order .primary-content .order-details .shipping_address .shippingsec .shiping-loop-value{width: auto; float: left;} #wrapper.pt_order .primary-content .order-details .seefullorder { width: 100%; float: left; } #wrapper.pt_order .primary-content .order-details .seefullorder button { width: 28.033%; float: right; text-align: center; border: 2px solid #000; box-sizing: border-box; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 36px; text-transform: uppercase; margin: 30px 5.5% 10px 0;background: none; color: #000; padding: 0;} #wrapper.pt_order .primary-content .order-details .seefullorder button:hover { border: 4px solid #000; line-height: 32px; box-sizing: border-box;} #wrapper.pt_order .primary-content .order-details .view-action { width: 37%; float: right; margin-right: 5.5%; margin-top: 10px; margin-bottom: 160px; } #wrapper.pt_order .primary-content .order-details .view-action .secondarybtn { width: 150px; float: left; text-align: center;} #wrapper.pt_order .primary-content .order-details .view-action button.back { margin: 0; width: 46.59%; float: left; height: 44px; border: 2px solid #000; background: none; color: #000; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 16px; } #wrapper.pt_order .primary-content .order-details .view-action button.back:hover { border: 4px solid #000; } #wrapper.pt_order .primary-content .order-details .item-list .first-row-orderinfo .order-billing .mini-address-name .company { margin: 5px 0;} #wrapper.pt_order .primary-content .order-details .view-action button.reorder { margin: 0; height: 44px; width: 46%; float: left; margin-left: 7%; color: #fff; border: none; background: #000; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 16px; } #wrapper.pt_order .primary-content .order-details .view-action button.reorder:hover { background:#bd9532; } .order-payment-summary.bottom .head-label{font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 18px; padding: 10px 0; color:#000;} .order-payment-summary.bottom{width: 40.9%; float: right; margin-right: 18%;} .order-payment-summary.bottom .order-detail-summary{color:#000;} .order-payment-summary.bottom .form-row.order-detail-options{display:block !important; position:static !important; right:auto !important; bottom:auto !important; margin-top:30px !important;} .first-row-orderinfo .second-row-orderinfo .ups.order-sec{display:none;} .first-row-orderinfo .second-row-orderinfo .taxamount.order-sec{display:none;} #wrapper.pt_order .order-summary-product-container .order-summary-product-table .order-summary-product-row{border:none;} .first-row-orderinfo .second-row-orderinfo .subtotal.order-sec{display:none;} .pt_order .form-row.order-detail-options{display:none;} .order-payment-summary.bottom .order-detail-summary .order-sec.order-summary-order-total{border-bottom:none;} .order-payment-summary.bottom .order-detail-summary .order-sec{border-bottom:1px solid #000; width: 100%; padding: 15px 0 5px; float: left;} .order-payment-summary.bottom .order-detail-summary .order-sec .value {padding-right:30px; box-sizing:border-box;} .order-payment-summary.bottom .order-detail-summary .order-sec.ups .label, .order-payment-summary.bottom .order-detail-summary .order-sec.ups .value {padding-bottom:10px;} .order-payment-summary.bottom .order-detail-summary .order-sec.ups hr{width:100%; float:left; height: 0px; border-top: 1px solid #000; background:transparent;} .order-payment-summary.bottom .order-detail-summary .order-sec .label{width:50%; float:left; font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 16px;} .order-payment-summary.bottom .order-detail-summary .order-sec .value{width:50%; float:left; text-align:right; font-family: 'Lato'; font-style: normal; font-weight: 500; font-size: 16px;} /* -------------- My List Pages ------------------ */ .pt_gift-registry .primary-content .mylist-registry .listOptions { width:100%; float: left;margin-bottom: 45px;} .pt_gift-registry .primary-content .mylist-registry .listOptions .sortBy { width: 50%; float: left; } .pt_gift-registry .primary-content .mylist-registry .listOptions .sortBy .label { float:left; font-family: 'Raleway'; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 18px; margin-top: 12px;} .pt_gift-registry .primary-content .mylist-registry .listOptions .selectAll .label { line-height: 22px; font-size: 13px; font-family: 'Lato'; font-style: normal; font-weight: 400;} .pt_gift-registry .primary-content .mylist-registry .listOptions .selectAll { width: 50%; float: left; text-align:right; margin-top: 15px; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft { float: left;} .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .edit { float: left; padding: 0 12px 0 0; margin: 0; border-right: 1px solid #000; line-height: 14px; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .saveEdit { display:none; float: left; padding: 0 12px 0 0; margin: 0; border-right: 1px solid #000; line-height: 14px; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .saveEdit a { font-family: 'Lato'; font-style: normal; font-weight: 600; font-size: 16px; color: #000; text-decoration: underline; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .edit a { font-family: 'Lato'; font-style: normal; font-weight: 600; font-size: 16px; color: #000; text-decoration: underline; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .delete { float: left; line-height: 16px; margin-left: 12px; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .delete a { font-family: 'Lato'; font-style: normal; font-weight: 600; font-size: 16px; color: #000; text-decoration: underline; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .cancel-listname { float: left; line-height: 14px; margin-left: 12px; display:none; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .cancel-listname a { font-family: 'Lato'; font-style: normal; font-weight: 600; font-size: 16px; color: #000; text-decoration: underline; } .pt_gift-registry .primary-content .mylist-registry .regHeader .regHeaderleft .cancel-listname { display:none; } .pt_gift-registry .primary-content .mylist-registry .regHeader .print-mylist{ float: right; margin:0; } .pt_gift-registry .primary-content .mylist-registry .regHeader .print-mylist a{ font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 16px;color: #000; display:none; } .pt_gift-registry .primary-content .mylist-registry .regHeader {width: 100%; margin: 20px 0 3px; float: left;} .pt_gift-registry .primary-content .mylist-registry h2{ color: #333333; font-size: 38px; font-family: Raleway; font-weight:300; font-style:normal; margin:0; } .pt_gift-registry .primary-content .mylist-registry { float: left; width: 100%;} .pt_gift-registry .primary-content form.editlistform { display:none; width:100%; padding: 25px 0; margin: 25px 0 0; border-bottom:2px solid #000; width:100%; float:left; } .pt_gift-registry .primary-content form.editlistform .form-row { margin:0; } .pt_gift-registry .primary-content form.editlistform label { display:none; } .pt_gift-registry .primary-content form.editlistform input { margin:0; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist { width: 100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; position: relative; border-bottom: 1px solid #000; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist:nth-child(3n){ margin-right:0; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .select-Box { position: absolute; right: 13px; width: 20px; height: 20px; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-image{ width: 196px; float: left; text-align: center; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details { width: 23.5%; float: left; padding: 0 15px 0 35px; box-sizing: border-box; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item { float: left; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .sku { font-family: 'Lato'; font-style: normal; font-weight: 400; color: #000; font-size: 16px; margin-bottom: 7px; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-dashboard { float: right; width: 54.812%; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .name { margin-bottom: 7px; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .name a{ font-family: Raleway; font-weight:600; font-size: 16px; color: #000000; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .proId { margin-bottom: 10px; float: left; width: 100%;} .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .brand { font-family: 'Raleway'; font-style: normal; font-weight: 600; color: #000000; font-size: 16px;} .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .attribute { font-size: 16px; font-family: 'Lato'; font-style: normal; font-weight: 400; color: #000; margin-bottom: 10px;} .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .attribute .price-your{padding-left: 3px;} .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .proId .upc { width: 50%; float: right; text-align:right; color: #999999; font-family: lato; font-weight: 600; text-transform: uppercase; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 14px; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-details .product-list-item .proId .sku { width: 50%; float: left; color: #999999; font-family: lato; font-weight: 600; text-transform: uppercase; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 14px;} .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label{ width: 49%; text-align: left; float: left; padding:0; margin-top: 78px; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label .qtySec .label{ font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label .qtySec input[type="number"]{ width: 43px; height: 26px; padding:0; text-align: center; border: 1px solid #000; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .item-dashboard .item-option.option-add-to-cart .add-to-cart-form button.add-to-cart{ border: none; width: 51%; float: right; font-family: 'Raleway'; margin-top: 12px; font-style: normal; font-weight: bold; font-size: 16px; padding: 0; line-height: 43px; background: #000; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .itemActions .edit-details a{ font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; color: #000; text-decoration: underline; float: right; padding: 0; margin: 0; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .itemActions .edit-details { float:left; width: 50%; border-left: 1px solid #000; box-sizing: border-box; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .itemActions .removeLink { float:left; width: 50%; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .itemActions .removeLink button{ font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; color: #000; text-decoration: underline; padding: 0; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .itemActions .addtomylist a{ font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 13px; color: #000; text-decoration: underline; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .itemActions { padding: 0; width: 27.67%; margin: 0; position: absolute; right: 0; top: 78px; } .pt_shopping_list.primary-content .mylist-registry .gift-reg .Mylist .itemActions { padding: 0; width: 30.67%; margin: 0; position: absolute; right: 0; top: 78px; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .instock a{ font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 12px; width: 100%; text-align: center; color:#000; } .pt_gift-registry .primary-content .mylist-registry .gift-reg .Mylist .instock { width: 100%; text-align: center; float: left;} .pt_gift-registry .primary-content .item-list.gift-reg.Mylistview { margin:0; float: left; width: 100%; padding: 10px 0 0; } .pt_gift-registry .primary-content .item-list.gift-reg.myfav { border-bottom: 1px solid #000; } .pt_gift-registry .primary-content .item-list.gift-reg.myfavpadding { } .pt_gift-registry .primary-content form.createnew { width: 100%;float: left; } .pt_gift-registry .primary-content form.createnew .create-new-registry { float: left; margin: 45px 0 20px 62%; width: 27.5%; } .pt_gift-registry .primary-content form.createnew .create-new-registry button.create-new-button { margin: 0; padding: 0; box-sizing: border-box; height: 42px; width: 100%; color: #000000; font-family: 'Raleway'; font-style: normal; font-weight: 700; font-size:16px; background: transparent; border: 2px solid #000000; } .pt_gift-registry .primary-content form.createnew .create-new-registry button.create-new-button:hover { border: 4px solid #000000; } .pt_gift-registry .primary-content .item-list.gift-reg .MyListView { width: 100%; float: left; margin-bottom: 58px; } .pt_gift-registry .primary-content .item-list.gift-reg .event-details { float:left; color: #fff; width: 27.5%; } .pt_gift-registry .primary-content .item-list.gift-reg .item-dashboard .item-option.delete-registry { margin-left: 30px; float: left; margin-top: 8px; } .pt_gift-registry .primary-content .item-list.gift-reg .item-dashboard .item-option.delete-registry a.delete { font-family: 'Lato'; font-style: normal; font-weight: 400; color: #000; font-size: 16px; text-decoration: underline; } .pt_gift-registry .primary-content .item-list.gift-reg .event-details a{ color: #fff; float:left; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 18px; text-transform: uppercase; padding: 0; background: #000; width: 100%; text-align: center; line-height: 42px; width: 100%;} .pt_gift-registry .primary-content .item-list.gift-reg .event-details a:hover { background: #bd9532; } .pt_gift-registry .primary-content .item-list.gift-reg .event-name{ float:left; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 24px; width: 62%;} .sortBy select { background:url("../images/selectArrow.png") no-repeat scroll 190px 17px transparent; width: 212px; height: 45px; float: left;} .selectAll .custombox { float: right;margin-left: 5px;} .pt_gift-registry .primary-content .mylist-registry .item-option.option-add-to-cart.add-selected-cart { float: left; width: 100%; padding:0; margin: 25px 0 0; } .pt_gift-registry .primary-content .mylist-registry .item-option.option-add-to-cart.add-selected-cart form { float: right; width: 27.7%; } .pt_gift-registry .primary-content .mylist-registry .item-option.option-add-to-cart .button-fancy-small.add-to-cart { float:left; font-family: 'Raleway'; font-style: normal; font-weight: bold; font-size: 16px; padding: 0; line-height: 43px; background: #000; border: none; width: 100%; padding: 0; } .pt_gift-registry .primary-content .mylist-registry .item-option.option-add-to-cart .button-fancy-small.add-to-cart:hover { background: #bd9532; } input[type="number"]:focus::-webkit-outer-spin-button, input[type="number"]:focus::-webkit-inner-spin-button { display:block; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { display: none; } input[type="number"] { position:relative; } .duplicateerrormsg { color: #8B0000;} /* -------------- EOF My List Pages ------------------ */ /* -------------- Favourites ------------------ */ .pt_wish-list .primary-content .wish-list .wish-list-print { font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 16px; color: #000; background: none; float: right; padding: 0; margin: 0; border: none; text-transform: none; width: 100%; margin: 20px 0 3px; float: left; text-align: right; display:none; } .pt_wish-list .primary-content .item-list .favorites{ width: 100%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; position: relative; border-bottom: 1px solid #000; } .pt_wish-list .primary-content .item-list .item-image{ width: 196px; float: left; text-align: center; } .pt_wish-list .primary-content .item-list .item-details { width: 23.5%; float: left; padding: 0 15px 0 35px; box-sizing: border-box; } .pt_wish-list .primary-content .item-list .item-details .product-list-item { float: left; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .sku { font-family: 'Lato'; font-style: normal; font-weight: 400; color: #000; font-size: 16px; margin-bottom: 7px; } .pt_wish-list .primary-content .item-list .item-dashboard { float: right; width: 50%; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .name { margin-bottom: 7px; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .name a{ font-family: Raleway; font-weight:600; font-size: 16px; color: #000000; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .proId { margin-bottom: 10px; float: left; width: 100%;} .pt_wish-list .primary-content .item-list .item-details .product-list-item .brand { font-family: 'Raleway'; font-style: normal; font-weight: 600; color: #000000; font-size: 16px;} .pt_wish-list .primary-content .item-list .item-details .product-list-item .attribute { font-size: 16px; font-family: 'Lato'; font-style: normal; font-weight: 400; color: #000; margin-bottom: 7px; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .attribute .price-salon-save { font-size: 16px; font-family: 'Lato'; font-style: normal; font-weight: 400; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .price { font-size: 16px; font-family: 'Lato'; font-style: normal; font-weight: 400; color: #000; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .proId .upc { width: 50%; float: right; text-align:right; color: #999999; font-family: lato; font-weight: 600; text-transform: uppercase; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 14px; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .proId .sku { width: 50%; float: left; color: #999999; font-family: lato; font-weight: 600; text-transform: uppercase; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 14px;} .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label{ width: auto; text-align: left; float: left; padding:0; position: absolute; top: 99px; } .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label .productunavailable{margin-top: 6%; float: left;} .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label .qtySec .label{ font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; } .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label .qtySec input[type="number"]{ width: 45px; height: 26px; padding:0; text-align: center; border: 1px solid #000; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; -webkit-appearance: none; -moz-appearance:textfield; appearance: none; box-sizing: border-box;} .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label .qtySec input[type="number"]::-webkit-inner-spin-button, .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form label .qtySec input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form button.add-to-cart-wishlist { border: none; width: 55%; float: right; font-family: 'Raleway'; margin-top: 12px; font-style: normal; font-weight: bold; font-size: 16px; padding: 0; line-height: 43px; background: #000; } .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form button.add-to-cart-wishlist[disabled]:hover { background: #000; } .pt_wish-list .primary-content .item-list .item-dashboard .item-option.option-add-to-cart .add-to-cart-form button.add-to-cart-wishlist:hover { background: #bd9532; } .pt_wish-list .primary-content .item-list .itemActions .edit-details a{ font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; color: #000; text-decoration: underline; float: right; padding: 0; margin: 0; } .pt_wish-list .primary-content .item-list .itemActions .edit-details { float:left; width: 50%; border-left: 1px solid #000; box-sizing: border-box; } .pt_wish-list .primary-content .item-list .itemActions .removeLink { float:left; width: 50%; } .pt_wish-list .primary-content .item-list .itemActions .removeLink button{ font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 16px; color: #000; text-decoration: underline; padding: 0; } .pt_wish-list .primary-content .item-list .itemActions .addtomylist a{ font-family: 'Lato';font-style: normal;font-weight: 400;font-size: 13px; color: #000; text-decoration: underline; } .pt_wish-list .primary-content .item-list .itemActions { padding: 0;width: 54.67%; float: right; margin: 0;} .pt_wish-list .primary-content .item-option.option-add-to-cart .add-all-to-cart { float: left; font-family: 'Raleway'; font-style: normal; font-weight: bold; font-size: 16px; padding: 0; line-height: 43px; background: #000; border: none; width: 100%; padding: 0; } .pt_wish-list .primary-content .item-option.option-add-to-cart.add-selected-cart form.fav-add-all-bag { float: right; width: 27.7%;} .pt_wish-list .primary-content .item-option.option-add-to-cart.add-selected-cart { float: left; width: 100%; padding: 0; margin: 25px 0 0; } .pt_wish-list .product-price .pdp-promo-msg.pricing-messaging { display:none; } .pt_wish-list .primary-content .item-list .item-details .product-list-item .attribute .product-price .price-your{padding-left: 3px;} /* -------------- EOF Favourites ------------------ */ /* -------------- Create New list Mylist ------------------ */ .ui-dialog.createnewlistdialog .dialog-content .createmylist { width: 940px; } .ui-dialog.createnewlistdialog .dialog-content .createmylist form { margin-bottom: 20px; } .ui-dialog.createnewlistdialog .dialog-content .createmylist form .form-row label { display:none; } .ui-dialog.createnewlistdialog .dialog-content .createmylist form .form-row { float: left; clear: none; width: auto; } .ui-dialog.createnewlistdialog .dialog-content .createmylist form .form-row .error { margin:0; } .ui-dialog.createnewlistdialog .dialog-content .createmylist form .form-row .input-text.error { border-color:#990000; } .ui-dialog.createnewlistdialog .error { color:#990000; } .ui-dialog.createnewlistdialog .dialog-content .createmylist form .form-row-button { float: left; clear: none; margin: 0; width: auto; } .ui-dialog.createnewlistdialog .dialog-content .createmylist form input { margin-left:0; padding: 10px 5px; box-sizing: border-box; background: #fff; width: 655px; font-family: 'Lato'; font-style: normal; font-weight: 400; color:#444; font-size: 16px; border-color: #000; } .ui-dialog.createnewlistdialog .dialog-content .createmylist form .form-row-button button { background: #000; border: 0; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 42px; padding: 0; width: 285px; } ::-webkit-input-placeholder { color:#444; } :-moz-placeholder { /* Firefox 18- */ color:#444; } ::-moz-placeholder { /* Firefox 19+ */ color:#444; } :-ms-input-placeholder { color:#444; } /* -------------- EOF Create New list Mylist -------------- */ /* -------------- Quick Order ------------------ */ #wrapper.pt_account .quickorderHeader .qcheading { width: 100%; float: left; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 19px; margin: 30px 0 10px; } #wrapper.pt_account .quickorderHeader .qcsubheading { font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000; width:100%; float:left; } #wrapper.pt_account .quickorderHeader .qcsubheading a { text-decoration:underline; } #wrapper.pt_account .qoContainerHeader { float: left; width: 100%; margin-top: 25px; } #wrapper.pt_account .qoContainerHeader .label { font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; color: #000; line-height: 18px; float: left;} #wrapper.pt_account .qoContainerHeader .label.quantity { width: 6.499%; padding: 0;} #wrapper.pt_account .qoContainerHeader .label.sku { width: 20.94%; padding: 0;} #wrapper.pt_account .qoContainerHeader .label.desc {padding: 0;} #wrapper.pt_account form#quick-order-form { width:100%; float:left; margin: 9px 0 0; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer{ width: 100%;float: left; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .quantity { width: 6.499%; float: left; padding: 0; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .sku { width: 20.94%; float: left; padding: 0; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .desc { width: 61.914%; float: left; padding: 0; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .clear-btn { width: 10.6%; float: left; padding: 0; } #wrapper.pt_account form#quick-order-form .qorder-rows { padding: 0;border: none;width: 100%;float: left; border-bottom: 1px solid #cfcfce; padding: 0 0 30px; } #wrapper.pt_account form#quick-order-form .qorder-button { border: none;float: left; padding: 30px 0 30px 0; } #wrapper.pt_account form#quick-order-form .qorder-button button.submitorder { width: 260px; height: 42px; border: none; background: #000; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 16px; } #wrapper.pt_account form#quick-order-form .qorder-button button.submitorder:hover { background: #bd9532; } #wrapper.pt_account form#quick-order-form .qorder-rows div.addRows { float:left; width: 100%; padding: 0; margin:0; line-height: 43px; font-family: 'Raleway'; font-style: normal; font-weight: 600; text-align: center; text-transform: uppercase; font-size: 16px; } #wrapper.pt_account form#quick-order-form .qorder-rows a.addRows { border: 2px solid #000; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 16px; text-transform: uppercase; text-align:center; padding: 10px 48px 9px; height: 42px; box-sizing: border-box;} #wrapper.pt_account form#quick-order-form .qorder-rows a.addRows:hover { border: 4px solid #000; } #wrapper.pt_account form#quick-order-form .qorder-rows .quickorder-row { width: 100%; float: left; margin-bottom: 28px; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .quantity { width: 6.499%; float: left; padding: 0;} #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .quantity input { width: 44px; height: 44px; padding: 0; text-align: center; float: left; box-sizing: border-box; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 14.01px; color: #000;} #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .quantity input[type=number]{ border: 1px solid #000000; font-weight: 400; font-size: 14px; color: #000; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; -moz-appearance: textfield;} #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .quantity input[type=number]::-webkit-inner-spin-button, #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .sku input { float: left; margin: 0; width: 200px; padding:0 10px 0 10px; height: 44px; line-height: 44px; box-sizing: border-box; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .sku input[type=number]{border: 1px solid #000000; text-indent: 0; outline: none; -webkit-appearance: none; -webkit-border-radius: 0; font-family: lato; font-size: 16px; color: #444444; -moz-appearance: textfield;} #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .sku input[type=number]::-webkit-inner-spin-button, #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .sku input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .desc.skuerror input { color: #f1585d;} #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .desc input { float: left; margin: 0; background: #fff; width: 100%; box-sizing: border-box; color: #000; padding: 11px 10px 10px 10px; padding: 13px 10px 14px 10px; height: 44px; } #wrapper.pt_account form#quick-order-form .qorder-rows .qoContainer .clear-btn a { background: none; padding: 0; border: none; margin: 12px 0 12px 25px; float: left; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; text-transform: none; text-decoration: underline; } #wrapper.pt_account form#quick-order-form .qorder-button .qorder-links button { width:auto; text-decoration:underline; padding:0; text-transform: none; margin:0; border: none; background: none; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 14.01px; color: #000; } #wrapper.pt_account form#quick-order-form .qorder-button .qorder-links { width: 260px; margin: 0 auto; } #wrapper.pt_account form#quick-order-form .qorder-button .qorder-links button.favorites { float:left; } #wrapper.pt_account form#quick-order-form .qorder-button .qorder-links button.wishlist { float:right; } .primary-content h1.registryselectheader { font-size:36px; } #wrapper.pt_gift-registry #registry-results .dialog-required { width: 52%; padding: 0; float: left; text-align: right; margin-top: 34px;} #wrapper.pt_gift-registry #registry-results .dialog-required .required-indicator { font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 14px; } #wrapper.pt_gift-registry #registry-results form { width: 100%; float: left; margin-top: 25px;} #wrapper.pt_gift-registry #registry-results form .form-row label { width: 100%; float: left; text-align: left; margin-bottom: 10px; } #wrapper.pt_gift-registry #registry-results form .form-row label span { text-align: left; width: 100%; color: #000; font-family: lato; font-weight: bold; font-size: 16px; } #wrapper.pt_gift-registry #registry-results form .form-row label span.required-indicator { color: #ff0008; } #wrapper.pt_gift-registry #registry-results form button { width: 25%; float: left; height: 40px;} #wrapper.pt_gift-registry #registry-results form .form-row.form-row-button { margin-left:0; width:100%; } #wrapper.pt_gift-registry .product-price .pdp-promo-msg.pricing-messaging { display:none; } /* -------------- Change Password ------------------ */ .pt_account .primary-content form.ChangePasswordForm { width: 540px; float: left;} .pt_account .primary-content form.ChangePasswordForm .error-message{width: 96%; color: #900;} .pt_account .primary-content form.ChangePasswordForm .form-row { margin: 0 0 10px; float: left; width: 100%; } .pt_account .primary-content form.ChangePasswordForm .new-password { margin: 0 0 10px; float:left; width: 100%; } .pt_account .primary-content form.ChangePasswordForm .new-password .form-row { margin: 0; } .pt_account .primary-content form.ChangePasswordForm .confirm-password { margin: 0 0 10px; float:left; width: 100%; } .pt_account .primary-content form.ChangePasswordForm .confirm-password .form-row { margin: 0; } .pt_account .primary-content form.ChangePasswordForm .form-row label{ width: 100%; float: left; text-align: left; padding: 0; line-height: 19px; font-size: 16px; margin-bottom: 6px; } .pt_account .primary-content form.ChangePasswordForm .form-row input { width: 100%; margin-left: 0; border: 1px solid #000; padding: 11px 10px 12px; box-sizing: border-box; height: 40px; } .pt_account .primary-content form.ChangePasswordForm .form-row span.error { margin:0; } .pt_account .primary-content form.ChangePasswordForm .form-caption { margin: 0; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px;} .pt_account .primary-content form.ChangePasswordForm .actions .form-row-button { margin: 0; width: auto; float: left; } .pt_account .primary-content form.ChangePasswordForm .actions .form-row-button button { width: 253px; float:left; font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 16px; background: #000; border: none; height: 42px; } .pt_account .primary-content form.ChangePasswordForm .actions .form-row-button button:hover { background:#bd9532; } .pt_account .primary-content form.ChangePasswordForm .actions .form-row-button.cancel button { border: 2px solid #000; background: #fff; color: #000; } .pt_account .primary-content form.ChangePasswordForm .actions .form-row-button.cancel button:hover { border: 4px solid #000; } .pt_account .primary-content form.ChangePasswordForm .actions { margin-top: 17px; float: left; width: 100%; } .pt_account .primary-content form.ChangePasswordForm .successMsg { margin: 10px 0; float: left; font-weight: 600; } .pt_account .primary-content form.ChangePasswordForm .actions .form-row-button {width: 50%; float: left;} #wrapper.pt_account form#ChangePasswordForm .form-row span.required-indicator { display: none } #wrapper.pt_account form#ChangePasswordForm .form-row span.error-message { display: none; } #wrapper.pt_account form#ChangePasswordForm .PassWordErrorMsg { padding-top: 30px; } /* -------------- Change Password EOF ------------------ */ .ofhiddenX { overflow-x:hidden; position:relative; } /* ---------------------**********EOF COSMO-PROF REDESIGN STYLES REV start *************------------------------------*/ /* ---------------------**********Favourites *************------------------------------*/.pdp-main .product-col-1 {width: 47.2%;max-width: 538px; margin: 0 0 ;} .pdp-main .product-primary-image {position: relative;} .favoriteList {background: url("../images/favicons.png") no-repeat -2px 0; width: 26px; height: 24px;display: inline-block; z-index: 9999999999999999999} .favoriteList:hover {background-position: -38px 0;cursor: pointer;} .favoriteList.added {background-position: -74px 0;} /* ---------------------**********EOF COSMO-PROF REDESIGN STYLES REV start (sprint-2) *************------------------------------*/ /* -------------- Common styles ------------------ */ #main { width: 100%; } .breadcrumb { border-bottom: 1px solid #999999;float: right; margin: 7% 0 9px; width: 100%;padding: 0;} .breadcrumb a {background: transparent url("../images/interface/icon-breadcrumb-separator-arrow.png") no-repeat scroll right center;} .breadcrumb {padding: 0;} .breadcrumb a {color: #444444; font-family: "Lato"; font-size: 15px;} .breadcrumb-last { font-weight: bold;} #primary .pagination .results-hits { color: #000000; font-size: 16px;padding: 0;} #primary .search-result-options.sortby_opt { float: right; width: 100%;} #primary .search-result-options { float: left; width: 100%;} #primary .search-result-options .sort-by { float: right; padding: 0;} .pt_product-search-result .primary-content {padding: 0px 30px 0 257px;} .nofilterMessage {font-family: lato; font-size: 12px;color: #f1585d; float: left; text-align: left;} .pt_product-search-result #results-products.content-header{margin-bottom:0;} /* -------------- Product Listing Pages styles ------------------ */ #primary .search-result-options .sort-by select {font-family: "Lato"; font-size: 14px; font-style: normal !important;} .breadcrumb-refined-by { font-weight: normal;} #primary .search-result-content { float: left; margin-top: 30px;width:100%;} .search-result-content #search-result-items{width:100%;} #quickviewbutton { left: 0;} .breadcrumb-refinement-value { background-color: #cccccc !important; float: left; font-family: "lato"; font-size: 13px; font-style: normal; font-weight: normal; line-height: 0; margin-right: 9px; margin-top: 4%; padding: 7px 4px;} .breadcrumb .refined .clearAll { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; font-size: 14px; text-decoration: underline;} .search-result-wrapper { float: right; width: 20%; margin-top:10px;} ul.search-result-items .grid-tile { margin: 0 0 30px 2.4%; padding: 1.8%; width: 19.6%;} ul.search-result-items .grid-tile.new-row{margin-left:0%;} .pt_product-search-result .primary-content { background: transparent none repeat scroll 0 0;} ul.search-result-items .grid-tile {border-top: 4px solid #cccccc;} ul.search-result-items .grid-tile:hover {border-top: 4px solid #bd9352;} ul.search-result-items .grid-tile .product-tile a {text-transform: none;} .search-result-options .pagination {display: block; float: left;} .search-result-options .pagination li {background-color: #000000;margin-right: 2%;padding: 0; margin-right: 13px;} .pagination li.nav-start .page-first {background-color: #999999; pointer-events:none;} .pagination li.nav-start .page-previous {background-color: #999999; pointer-events:none;} .pagination li.arrow-last .page-next {background-color: #999999; pointer-events:none;} .pagination li.arrow-last .page-last {background-color: #999999; pointer-events:none;} .search-result-options .pagination li a {color: #ffffff; font-size: 16px;font-weight: bold; float: left; font-family: "Lato"; padding: 16px 20px; text-align: center;} .search-result-options .pagination {width: 100%;} .search-result-options .pagination ul {width: 100%;} .pagination li.first-last a { background-color: #000000;} .search-result-options .pagination li.current-page { background-color: transparent; color: #000000; float: left; font-weight: bold; padding: 16px 20px;} #primary .search-result-options .sort-by select {border: 1px solid #000; font-size: 15px; height: 40px; margin: 0; width: 223px;} .product-tile .product-pricing {font-family: "Lato"; font-size: 17px; font-weight: bold; margin:10px 0px;} .product-tile .product-pricing .product-price .pdp-promo-msg.pricing-messaging{font-size: 14px; font-weight: normal;} .sprite_arrow{ background:url("../images/arrow_sprite.png") no-repeat scroll 190px 17px transparent;} .tilequickview { cursor: pointer; font-family: "Lato"; font-size: 14px; font-weight: bold; margin: 20px 0; text-decoration: underline; text-transform: uppercase; display: none;} .filter_opt { border: 2px solid #000000; color: #000000; display: none; float: left; font-family: "Raleway"; font-size: 15px; font-weight: bold; padding: 9px 30px; text-transform: uppercase; width: auto;cursor:pointer;} /* -------------- Search result Pages styles ------------------ */ .breadcrumb-result-text {font-size: 14px; font-weight: bold;} .search-result-bookmarks {margin: 15px 15px 15px 0;} .search-result-bookmarks > a {text-decoration: underline;} .search-result-bookmarks > a { font-family: "Lato"; font-size: 16px; font-weight: bold; padding-right: 2%; text-decoration: underline; text-transform: uppercase;} #results-products.content-header { font-family: "Lato"; padding-left: 0;font-size: 3em; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;} ul.folder-content-list li {padding: 2% 3% 2% 0; width: 30%;} ul.folder-content-list li { font-size: 16px;} ul.folder-content-list .content-title {margin-bottom: 5%;} #results-content.content-header { border-bottom: 1px solid #999999; float: left; font-family: "Raleway"; font-weight: bold; margin-bottom: 0; padding: 16px 0; text-transform: uppercase; width: 100%;} ul.folder-content-list .content-title { color: #444444; display: block; font-family: "lato"; font-size: 19px;} .folder-content-list .readmore {margin-top:0px; float: left; font-family: "lato"; font-weight: bold; text-decoration: underline; text-transform: uppercase; width: 100%;} ul.folder-content-list { overflow: visible;} #results-products.content-header {float: left; margin-bottom: 20px; width: 100%;padding-top: 0;margin-top: 0;} #results-content.content-header {font-size: 24px;} #primary .pagination .results-hits {font-size: 18px; padding:0; display:none; } #primary .pagination .quicksearch { display:none; } .breadcrumb-refinement-value { margin: 10px 10px 0 1%;} .breadcrumb-refined-by {font-size: 16px;} /* -------------- Left Filter styles ------------------ */ #secondary .filterContent-wrapper .refinement{padding-right: 0px; padding-left: 0px;} #secondary.refinements { margin: 2% 0 0 5px;} .scrollable { height: auto;} .Category .scrollable { height: auto; overflow: hidden;} .filterBy { float: left;} #secondary.refinements a { float: right; font-family:lato; color: #000000; font-size: 14px;} .refinement h3 {float: left;letter-spacing: 0;padding: 15px 0; width: 100%;font-size: 1.2em;} #secondary.refinements .refinement a{ float: left;clear: both;} #secondary.refinements .refinement ul li a { color: #000000; font-family: "Lato"; font-size: 14px; padding-top: 5px;} .filterBy { float: left; font-family: "Raleway"; font-size: 16px;} #secondary.refinements a.clearAll { color: #000000; font-size: 14px; text-decoration: underline;} .refinement h3 {letter-spacing: 0; text-indent: 0px;} input.animated-search-filter { border: 1px solid #000000; color: #444444; font-family: "Lato"; font-weight: 400; height: 34px; text-indent: 8px;} .ViewAll { float: left; font-weight: bold; margin-top: 12px; padding-left: 11px; text-decoration: underline;clear: both;cursor: pointer;} .refinement h3 span { background: transparent url("../images/interface/icon-refinement-block-arrow.png") no-repeat 110% -21px; float: left; padding: 0; width: 100%;} .refinement.active h3 span { background: transparent url("../images/interface/icon-refinement-block-arrow.png") no-repeat 110% 5px;} .showViewAll { clear: both; float: left; font-size: 14px; font-weight: bold; margin: 3% 0; text-decoration: underline;cursor:pointer;} .refinement input { border: 1px solid #000000; color: #000000; font-size: 14px; height: 40px; text-indent: 7px; width: 70%;} .search-viewAll .refinement { background-color: #ffffff; color: #000000;float: left; font-size: 18px; font-weight: bold; margin-bottom: 3%; padding: 0; width: 99%;} .search-viewAll .refinement h3 { float: left; letter-spacing: 0; padding: 12px 0 12px 0px; width: 100%;} .search-viewAll .refinement h3 span { font-size: 18px; font-style: normal;} .search-viewAll .refinement input { width: 100%; box-sizing: border-box;} .search-viewAll .ui-dialog-content .scrollable li a { color: #444444; font-family: "Lato"; font-size: 14px; font-weight: normal;letter-spacing: 0; text-transform: capitalize;} .search-viewAll .ui-dialog-content .scrollable li a { clear: both; float: left; padding-bottom: 7px; padding-top: 7px; width: 90%;} .search-viewAll .ui-dialog-content .scrollable li a:hover { background-color: #e0e0df; } .search-viewAll .ui-dialog-content #category-level-1 a.refinement-link {padding: 7px 0px 7px 0px;} .search-viewAll .ui-dialog-content li.expandable.active #category-level-2 a.refinement-link {padding: 7px 0px 7px 0px;} .search-viewAll .ui-dialog-content li.expandable.active .selectedRefinements{display: none;} .search-viewAll .showViewAll, .search-viewAll .refinement .clear-refinement { display: none !important;} .search-viewAll .allrefinement { display: block;} .search-viewAll .scrollable { overflow-y: initial;} .refinement ul , .refinement input , .refinement .clear-refinement {display:none;} .refinement.active ul , .refinement.active input , .refinement.active .clear-refinement{display:block;} #secondary.refinements .refined { display: none;} .refined { float: left; width: 100%;} .breadcrumb-refined-by {margin-bottom: 2%;} .refined .clearAll { color: #000000; float: left; font-family: lato; font-size: 13px; margin-top: 5px; text-decoration: underline;} .search-viewAll .ui-dialog-content .scrollable li a{width: 90%;} .ui-dialog .refinement .scrollable li a{width: 90%;} .ui-dialog .refinement .scrollable li {width: 50%;box-sizing: border-box;float: left;} .refinement .scrollable li:nth-child(odd){clear: left;} .search-viewAll .ui-dialog-content{padding-top:0;} .ui-dialog.search-viewAll .refinement h3{ padding: 0px 10px 20px 0px; width: auto;} .ui-dialog.search-viewAll .refinement h3 span{background:none; text-indent: 0; } .ui-dialog.search-viewAll .refinement .clearAll{ color: #000000; font-family: lato; font-size: 13px; text-decoration: underline;} .ui-dialog.search-viewAll .selectedRefinements {width: 100%; float: left;} .ui-dialog.search-viewAll .breadcrumb-refined-by{display: none;} .ui-dialog.search-viewAll .refinement ul {padding:1px; border-width: 1px 0 0 0; border-style: dotted; margin-top: 10px;} .ui-dialog.search-viewAll .breadcrumb-refinement-value {margin: 5px 10px 5px 0;} .ui-dialog.search-viewAll .refinement .Brand { max-height:500px; } .ui-dialog.search-viewAll .refinement .scrollable { max-height:500px; } .ui-dialog.search-viewAll .refinement ul.Brand li { width: 50%; box-sizing: border-box; float: left; } .ui-dialog.search-viewAll .refinement ul.Brand li:nth-child(odd){clear: left;} .ui-dialog.search-viewAll .refinement ul.Brand li a{ width: 90%; } /*A sprint-2*/ #secondary.refinements .refinement a.clearAll{float: right; margin-top: 12px;} .refinement ul {padding: 8px 0px 5px;} .refinement li {padding: 3px 2px 3px 0px;} .refinement h3 span { font-family: lato; font-weight: 900; color: #000000;} .refinement{width: 195px;} .refinement .clear-refinement {top:4.5em;} .refinement h3.expanded span { background-position: 108% -25px;} .refinement { border-bottom: 1px solid #ccc;} .filterBy{font-size:18px; color: #000000;} .filterDevice{display: none;} .breadcrumb-refinement-value{margin:0px 10px 10px 0;} .breadcrumb { margin: 7% 0 15px;} .clearAll {font-size: 16px; font-family: lato; text-transform: none; } .breadcrumb-refined-by {font-family: lato;} #primary .search-result-options.sortby_opt {width: 100%; float: right; margin: 0; overflow: initial;} .pagination { margin-bottom: 20px; float: left; } ul.search-result-items .grid-tile {height: initial} .pt_product-search-result ul.search-result-items .grid-tile{height: auto;} .filterContent-wrapper{margin-bottom: 60px;} #results-products.content-header {font-size:3.222em; border-bottom: 1px solid #999999; padding-bottom: 15px;} h1#results-content {background: none;} .search-results-content .itemNum .more-count { display:none; margin-right: 3px; } .search-results-content .itemNum .less-count { margin-right: 3px; } .search-results-content .folder-content-list{padding:0;min-height: 250px;} .search-results-content .folder-content-list li{padding:30px 0px 10px 0px;min-height: 250px; float:left; border-bottom: 1px solid #999; margin: 0 24px 30px 0px; } .search-results-content .folder-content-list li .content-title {min-height: 45px;} .search-results-content { height: auto; width: 100%; float: left; margin: 20px 0 40px; } .itemNum{font-size: 16px; font-family: lato; color:#000000; margin: 15px 0 10px 0;} .search-results-content .folder-content-list li .readmore{margin-top:0px; clear:none; float:left;} #secondary.refinements .refinement ul li a{padding-left:0;} .filterContent-wrapper label.refinementCount {padding: 0 0 0 5px;text-align: left;font-family: lato;font-weight: 900;color: #000000;font-size: 1em;text-indent: 0;} .refinement h3 span div {float: left;} .refinement .refinementCount { padding: 0 0 0 5px; text-align: left; font-family: lato; font-size: 18px; font-style: normal; width:auto; } /* -------------- Sprint3 Styles ------------------ */ .pt_product-details .primary-content {padding: 0px 0px 0 0;} .pt_product-details .product-col-wrapper {padding: 0px 0px 0 260px;margin-bottom: 10px;display: inline-block;width: 100%;box-sizing: border-box;} .searchItemsDesktop{float: left; width:80%; margin-top: 10px;} .searchItemsMobile{display:none;} /*------ product-col-1 --------*/ .pdp-main .breadcrumb li,.pdp-main .breadcrumb li span,.pdp-main .breadcrumb li a {font-family: Raleway; font-weight:400; font-size: 16px; color: #000000;line-height: normal;margin: 0 0.2em 0 0;} .pdp-main .breadcrumb li span.last {font-weight: bold;} .pdp-main .product-col-1 {width: 35.02%; margin: 0px 0 0 0;} .pdp-main .product-primary-image {position: relative;display: inline-block;background: #FFF;width: 100%;} .dataTables_wrapper.no-footer .dataTables_scrollBody{border: none;} .pdp-main .product-primary-image .favoriteList {background: url("../images/pdp-images/favicons.png") no-repeat -2px 0; width: 24px; height: 24px;} .pdp-main .product-primary-image .favoriteList:hover {background-position: -38px 0;cursor: pointer;} .pdp-main .product-primary-image .favoriteList.added {background-position: -74px 0;} .pdp-main .product-primary-image .zoom-icon { width: 28px; display: inline-block;position: absolute;left: 20px;top: 20px;cursor: pointer;} .pdp-main .product-primary-image .zoom-icon.inactive{ display:none;} .pdp-main .product-primary-image.disable-zoom .zoom-icon {display: none;} .pdp-main .product-primary-image.zoom-on .product-image img {cursor:default;pointer-events: none;} .pdp-main .product-primary-image .larger-image-container {position: absolute;top: 50px;background: #FFF; border: 1px solid #ccc; width:400px; } .pdp-main .vedio-content-wrapper {clear: both;border-top: 1px solid #E0E0E0;padding-top: 20px;margin-top: 27px;} .pdp-main .vedio-content {height: 350px} .pdp-main .vedio-content-wrapper .vedio-content-heading {font-family: Raleway; font-weight:600; font-size: 18px; color: #000000;display: inline-block;padding: 6px 0;} .pdp-main .video-container {width: 100%;position: relative; margin: 0;padding: 75% 0px 0px 0px;} .pdp-main .video-container-tab {width: 85%;position: relative; margin: 0;padding: 50% 0px 0px 0px;} .pdp-main .video-container iframe , .pdp-main .video-container-tab iframe{ top: 0px; position: absolute; width: 100.1%; height: 100%; margin: 0px; padding: 0px; border: 0px !important;} .show-on-desktop {display: block;} .show-on-mobile {display: none;} .pdp-main .product-primary-image a.product-image,.pdp-main .product-primary-image a.product-image img {pointer-events:none;} /*----product-col-2 ---- */ .pdp-main .product-col-2 {float: left; width: 55.20%; padding: 13px 0 0 25px;box-sizing: border-box; position: relative;} .pdp-main .product-brand-name-section { width: 80%; float: left; margin: 0;} .pdp-main .product-brand {width: 100%; margin: 0 0;font-family: Raleway; font-weight:300; font-size: 24px; color: #000000;} .pdp-main .product-name-review-ratings{width: 100%; float: left; clear: both;} .pdp-main .product-name-review-ratings .product-name {width: auto;float:left; margin: 0 0;font-family: Raleway; font-weight:600; font-size: 24px; color: #000000;} .pdp-main .product-name-review-ratings .product-name a { color: #000000; pointer-events: none;} .pdp-main .product-review-ratings {float: right; text-align: right; width: 100px; margin: 0px 0 0 0;} .pdp-main .product-content-sku { float: left; width: 100%; clear: both; margin: 9px 0 0 0;} .pdp-main .bundle-product-content-sku {background: #FFF; margin:0; border: 1px solid #CCC; box-sizing: border-box; padding: 15px 15px; width: 100%; float: left;} .pdp-main .simpleProduct-kit-product {font-size: 16px; color: #000; margin: 10px 0 0 0;} .pdp-main .product-content-sku .product-number { margin: 0;} .pdp-main .product-content-sku .product-number .product-price {width: 100%; float: left; clear: both; margin: 20px 0 0 0;} .pdp-main .product-number {font-family: 'Lato'; font-size:14px; color: #000000; float:left;} .pdp-main .product-number.sku {margin-right: 20px;margin-bottom: 4px;} .pdp-main .sku-upc-wrap {clear: both;display: inline-block; width: auto;} .pdp-main .simple-product-size { font-size: 14px; color: #000; width: 100%; float: left; clear: both;} .pdp-main .bundle-product-rating { display: none;} .pdp-main .product-col-2 #ShowReviewsLink {font-family: 'Lato'; font-size:14px; color: #000000; line-height: 30.7px; border-left: 1px solid #000000;padding-left: 15px;margin-left: 15px;text-decoration: underline;} .pdp-main .product-price {width: 100%;} .pdp-main .product-price .price-your-msg,.pdp-main .product-price .price-your {font-family: 'Lato'; font-weight:600; font-size: 20px; color: #f1585d;} .pdp-main .colorselectoractions {width: 100%;box-sizing: border-box;} .pdp-main .product-add-to-cart button {border: 0;width: 100%;box-sizing: border-box;font-family: Raleway;font-weight: 600;font-size: 16px; padding: 13px 40px 13px; margin: 15px 0 28px;} .pdp-main .bundle-add-to-cart button {border: 0;width: 100%;box-sizing: border-box;font-family: Raleway;font-weight: 600;font-size: 16px; padding: 13px 40px 13px; margin: 15px 0 28px;} .pdp-main .product-actions {background: none;} .pdp-main .product-links .menu-no-border {padding: 0 0;} .pdp-main .product-links ul li a { text-decoration: underline;font-family: 'Lato';font-size: 14px;color: #000000; padding: 0 0; } .pdp-main .product-links ul li a.addtoList { margin: 0;} .pdp-main .product-links ul li a.print-page { display:none; } .menu-no-border > li > .send-to-friend {padding: 0 0;text-align: left;font-family: 'Lato';font-size: 12px;color: #000000;} .pdp-main .product-links ul > li.minwidth { min-width: auto; float:left; } .pdp-main #variations_table_filter input {margin-bottom:0; padding: 10px 10px; width: 100%;box-sizing: border-box;font-size: 16px;font-weight: 400;color: #000 !important;font-family: lato;} .pdp-main #variations_table_filter input:-moz-placeholder, .pdp-main #variations_table_filter textarea:-moz-placeholder {color: #000;} .pdp-main .bundle-view-all .less{display:none; float: right;} .pdp-main .bundle-view-all {width: 130px; float:right;margin:10px 0 0 0px;font-size:14px;color:#444;font-family:'Lato';font-style:normal;font-weight:600;cursor:pointer;text-decoration:underline;} .pdp-main .bundle-view-all a { width: auto; float: right; text-decoration: underline; text-align: right; border-bottom: 1px solid #000; color: #000;} .pdp-main .bundle-view-all span { text-decoration: none;} .pdp-main .bundle-view-all span.view-show { float: left;} .pdp-main .bundle-view-all span.item-no { display: inline-block !important; padding: 0 3px 0 8px;} .pdp-main #variations_table_filter input::-webkit-input-placeholder{ color: #000; } .pdp-main #variations_table_filter input:-moz-placeholder{ color: #000; opacity: 1; } .pdp-main #variations_table_filter input::-moz-placeholder{ color: #000; opacity: 1; } .pdp-main #variations_table_filter input:-ms-input-placeholder { color: #000; opacity: 1; } /* for simple */ .pdp-main .product-add-to-cart .productsubinfo { width: 60%; float: left;} .pdp-main .product-add-to-cart .productsubinfo .product-price { width: 100%; float: left; padding: 5px 0 0 0;} .pdp-main .product-add-to-cart .bundle-product-price {margin: 10px 0 0 0; width: 45%; float: left;} .pdp-main .product-add-to-cart .bundle-product-price .product-price { width: 100%; float: left; margin: 0; padding: 5px 0 0 0;} .pdp-main .product-add-to-cart .product-price {width: 50%; float: left;padding: 15px 0 0 0;} .pdp-main .product-add-to-cart .product-price .price-salon-msg {font-family: 'Lato';font-weight: 300;font-size: 20px; color: #999999;} .price-salon-save { font-weight: 300;font-size: 20px; color: #999999;} .pdp-main .product-add-to-cart .product-price.product-price-color-variation { width: 100%;} .pdp-main .product-add-to-cart .login-reg-sign {position: relative; top: 80px; margin-bottom: 5px;z-index: 9;} .pdp-main .product-add-to-cart .login-reg-sign a, .pdp-main .product-add-to-cart .productsubinfo a {color: #0188cb;} .ui-dialog.quickview .pdp-main .product-add-to-cart .login-reg-sign {top: 0;} .pdp-main #add-to-bag-bar { float: right; margin: 0 0 0 0; width: 180px;} .pdp-main #add-to-bag-bar.kit-producy-add-to-bag { width: 280px;} .pdp-main #add-to-bag-bar.kit-producy-add-to-bag button {width: 180px; float: right;} .pdp-main #add-to-bag-bar.kit-producy-add-to-bag button.login-register-signupbtn{width: inherit;} .pdp-main #add-to-bag-bar button { padding:13px 0; margin: 0;} .pdp-main #add-to-bag-bar.simple-product-page {float: right; margin:-30px 0 0 0; width: 180px;} .pdp-main #add-to-bag-bar.simple-product-page.simple-kit-product { width: 280px;} .pdp-main #add-to-bag-bar.simple-product-page.simple-prod-pdp {width: 280px;} .pdp-main #add-to-bag-bar.simple-product-page.color-size-login {margin: -35px 0 0 0;} //.pdp-main #add-to-bag-bar.simple-product-page.size-login {margin: 10px 0 0 0;} .pdp-main #add-to-bag-bar.simple-product-page .inventory{float: left; width: 85px;} .pdp-main #add-to-bag-bar.simple-product-page button#add-to-cart { width: 180px; float: right;} .pdp-main #add-to-bag-bar.simple-product-page button { padding:13px 0; margin: 0;} .pdp-main #add-to-bag-bar.bundle-add-to-cart {float: right;margin: 10px 0 0 0; width: 280px;} .pdp-main #add-to-bag-bar.bundle-add-to-cart.bundle-login {margin: 10px 0 0 0;} .pdp-main #add-to-bag-bar.bundle-add-to-cart button { padding:13px 0; margin: 0px 0 0 0; float: right;} .pdp-main a.logintoviewprice { width: auto; float: left; padding: 20px 0px 10px 0px;} .pdp-main .bundle-add-to-cart a.logintoviewprice , .pdp-main a.logintoviewprice {float: left; margin: 0px 0 0; width: auto;} .pdp-main a.logintoviewprice.size-kit-login { margin: 0;} .pdp-main .product-add-to-cart.bundle-add-to-cart a { color: #0188cb;} .pdp-main .bundle-add-to-cart a.logintoviewprice { margin: 0;} .pdp-main .pdp-color-swatch-form-section fieldset { width: 100%; float: left; clear: both;} .pdp-main .pdp-color-swatch-form-section #add-to-bag-bar.color-add-to-cart {margin: -30px 0 30px 0;} .pdp-main .product-price .pdp-promo-msg.pricing-messaging.size-pdp-mixmatch { padding-top: 25px; } .pdp-main .product-price .pdp-promo-msg.pricing-messaging.simple-kit-pdp-mixmatch { position: absolute; padding-top: 50px; } .pdp-main .product-price .pdp-promo-msg.pricing-messaging.color-pdp-mixmatch { position: absolute; padding-top: 30px; } .pdp-main .product-price .pdp-promo-msg.pricing-messaging.bundle-pdp-mixmatch { position: absolute; padding-top: 50px; } //.pdp-main #add-to-bag-bar.bundle-add-to-cart {margin: -20px 0 0 0;} .pdp-main .product-add-to-cart .inventory {float: left; width: 90px;font-family: 'Lato';font-size: 14px;color: #000000; margin: 0; } .pdp-main .product-add-to-cart .inventory .quantity input#Quantity {padding: 12px 8px 12px 8px;} .pdp-main .product-add-to-cart .inventory .quantity input[type="number"]{-moz-appearance: textfield; outline: none;text-indent: 0;-webkit-appearance: none; -webkit-border-radius: 0; border: 1px solid #000000; font-family: lato; font-size: 16px; color: #444444;} .pdp-main .product-add-to-cart .inventory .quantity input{margin-top: 0;} .pdp-main .product-add-to-cart .inventory .quantity input[type=number]::-webkit-inner-spin-button, .pdp-main .product-add-to-cart .inventory .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pdp-main .product-add-to-cart .availability {width: 100%;padding: 0px 0 0px 0px;} .pdp-main .availability-block,.pdp-main .availability .availability-msg p {font-family: 'Lato';font-size: 14px;color: #000000;padding: 0 0;} .pdp-main .availability-block {clear: both; width: 183px; float: right;text-align: left;} .pdp-main .availability .availability-msg .not-available-msg { color: #ff0008; } .pdp-main .product-variations {width:56.8%;float: left;margin-right: 10%;} .pdp-main .product-variations li.attribute {margin: 7px 0 13px;} .pdp-main .product-add-to-cart .inventory input {margin: 5px 0;} .pdp-main .product-variations.with-color-swatches { width:100%; margin-right: 0; margin-top: 50px; } .pdp-main .attribute .value {float: left;width:100%; background: #FFFFFF;} .pdp-main .attribute .value select {width: 100%;font-family: lato;font-size: 16px; margin: 0 0;height: 42px;line-height: 42px;border: 1px solid #000000;background: url("../images/pdp-images/pdp-arrow-down.png") no-repeat right 12px center; padding-left: 12px; } .pdp-main .variation-inventory-wrap {width: 100%;display: inline-block; margin: 0 0; position: relative; } .pdp-main .variation-inventory-wrap .product-variations li.attribute { margin: 0; } .pdp-main .pdp-promo-msg {font-family: lato;font-size: 16px; color: #000000;margin: 10px 0; text-transform: none; width: 100%; float: left; clear: both; } .pdp-main .pdp-promo-msg.promo-messaging {color: #f1585d; width: 100%; float: left; clear: both; margin: 0;} .pdp-main .pdp-promo-msg.simple-kit-pdp-promo , .pdp-main .pdp-promo-msg.size-pdp-promo , .pdp-main .pdp-promo-msg.color-pdp-promo { display: none;} .pdp-main .promotion p { margin:0; width: 100%; float: left; clear: both;} .pdp-main a.simpleProductAddToList { width: auto; float: left; clear: both; font-size: 14px; color: #000; text-decoration: underline; margin-top: 10px; position: relative; z-index: 99;} .pdp-main #pdp-add-to-bag-bar { width: 180px; float: right;} .pdp-main #pdp-add-to-bag-bar button { padding: 13px 0; margin: 0px; width: 100%;} .pdp-main .color-video-mobile , .pdp-main .awards_sec.video-header { display: none;} /*----product-col-2 swatches ---- */ .pdp-main .colorselectbox {border: 0; padding: 0;} .pdp-main .colorselectbox.colorselectsize #variations_table_filter input[type= "search"]{ display: none;} .pdp-main .colorselectbox.colorselectsize table.dataTable tbody td.Size { display: none;} .pdp-main .colorselectbox.colorselectsize table.dataTable tbody td {padding: 20px 8px 0;} .pdp-main .colorselectbox.colorselectsize #variations_table {border-top: 1px solid #D9D9D9;} .pdp-main .colorselectbox.colorselectsize #variations_table.variations_table_size {margin: 20px 0 0 0;} .ui-dialog.quickview .pdp-main .product-variations.with-color-swatches { margin-top: 15px; } .ui-dialog.quickview .pdp-main .colorselectbox.colorselectsize #variations_table.variations_table_size {padding: 0px 0px;} .ui-dialog.quickview .pdp-main .colorselectbox.colorselectsize #variations_table.variations_table_size tr td.qty-label { float: right;} .ui-dialog.quickview .pdp-main .product-price .pdp-promo-msg.pricing-messaging.color-pdp-mixmatch { position: initial !important; padding-top: 0px !important; } .ui-dialog.quickview .pdp-main .product-price .pdp-promo-msg.pricing-messaging.size-pdp-mixmatch { position: absolute; padding-top: 41%; } .ui-dialog.quickview .pdp-main .product-price .pdp-promo-msg.pricing-messaging.simple-kit-pdp-mixmatch { position: inherit; padding-top: 0;} .ui-dialog.quickview .pdp-main .product-price .pdp-promo-msg.pricing-messaging.bundle-pdp-mixmatch { position: absolute; padding-top: 93px; } .ui-dialog.quickview .pdp-main #add-to-bag-bar button { position:relative; } .ui-dialog.quickview .pdp-main .variation-inventory-wrap .product-variations li.attribute.variant-dropdown { margin: 20px 0; } .ui-dialog.quickview .pdp-main .variation-inventory-wrap .product-variations li.attribute.variant-dropdown .variation-select { width: 80%; } .ui-dialog.quickview .pdp-main .product-add-to-cart .availability { padding: 0px;} .pdp-main .colorselectbox.colorselectsize table.dataTable tbody td.variantId {padding: 20px 35px;} .pdp-main .colorselectbox.colorselectsize table.dataTable tbody td.variantId .swatch-size-name {font-size: 16px; color: #000000; font-weight: 600; float: left; clear: both; width: 100%;} .pdp-main .colorselectbox.colorselectsize table.dataTable tbody td.variantId .swatch-add-to-list {margin: 5px 0 0 0;font-size: 14px; color: #000000; font-family: lato; float: left; font-weight: 400; clear: both; width: 100%;} .show-on-tablet {display: none;} /*--.pdp-main #variations_table thead {display: none;}--*/ .pdp-main .colorselectbox td.variantName {padding-right: 0;display: table-cell;} .pdp-main .colorselectbox table.dataTable thead .sorting_asc,.pdp-main .colorselectbox table.dataTable thead .sorting_desc {pointer-events: none;background-size: 0.5px;}/* avoids sorting table */ .pdp-main .colorselectbox td .swatch-sku,.pdp-main .colorselectbox td.variantName {color: #444444;font-family: lato;font-size: 14px;} .pdp-main .colorselectbox td .swatch-sku {clear: both; color: #444444; float: left; font-family: lato; font-size: 14px; width: 100%;} /*---.pdp-main .colorselectbox td .swatch-sku,.pdp-main .colorselectbox td.variantName.qty-label { display:none; }---*/ .pdp-main .colorselectbox td .swatch-sku .skuno {width: auto;float: left; display: none;} .pdp-main .colorselectbox td .swatch-color-name {color: #000000;font-family: lato;font-size: 16px;font-weight: 600;} .pdp-main .colorselectbox td .swatch-add-to-list {margin: 2px 0 0 0;font-size: 14px;color: #000000; font-family: lato; font-weight: 400;} .pdp-main .colorselectbox td .swatch-add-to-list a { text-decoration: underline; font-size: 14px;} .pdp-main .colorselectbox td.Color a {width: 54px; height: 54px;border: 0; float: left;} .pdp-main .colorselectbox .input-text {font-family: lato;font-size: 14px;line-height: 19px;padding: 17px 14px 16px 14px;} .pdp-main .colorselectbox input[type="number"]{ border: 1px solid #000000;-webkit-border-radius: 0;text-indent: 0; width: 64.5966%; outline: none; -webkit-appearance: none; -moz-appearance: textfield;} .pdp-main .colorselectbox input[type=number]::-webkit-inner-spin-button, .pdp-main .colorselectbox input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pdp-main #variations_table .wishlistUrl a {text-decoration: underline;font-family: lato;font-size: 14px;color: #000000;} .pdp-main table.dataTable tbody td { padding: 20px 8px;} .pdp-main table.dataTable tbody td.Color { width: 54px; padding: 20px 18px 20px 40px; float: left;} .pdp-main .colorselectbox table.dataTable tbody td.Color { padding: 20px 18px 20px 18px; } .pdp-main table.dataTable tbody td.variantId {padding: 16px 0;width: 65%;vertical-align: top;float: left; text-align: left; } .pdp-main .colorselectbox td.variantName {width: 100px; vertical-align: top;} .pdp-main .colorselectbox td.variantName.qty-label {padding: 20px 0 0 0 ;} .pdp-main .colorselectbox td.qty {width: 35px; vertical-align: middle; float: left;} .pdp-main .colorselectbox td.qty span {margin: 18px 0 0 0; display: block; color: #000000;} .pdp-main .colorselectbox td.variantName span.productunavailable { color: #000;line-height: 16px;font-size: 14px; font-style: italic; text-align: center; display: block;} .pdp-main .colorselectbox td.variantName span.productunavailable.hide { display: none;} .pdp-main .product-links {width: 55%; float: left;} .pdp-main .product-links.product-links-bundle {width: auto; float: left; margin: 10px 0 0;} .pdp-main .bundle-quatity-section { float: left; width: 90px; } .pdp-main .bundle-quatity-section .bundle-quatity-name { float: left; padding: 15px 0 0 0;} .pdp-main .bundle-quatity-section .bundle-quatity-field { width: 50px; text-align: center; margin: 0 0 0 10px; float: right;} .pdp-main .bundle-quatity-section .bundle-quatity-field input { text-align: center;} .pdp-main .product-links.product-links-bundle a.bundle-add-to-list{ margin:0;} .pdp-main .product-links.product-links-bundle a.addtoList {font-size: 18px;} .ui-dialog.quickview .pdp-main .product-links.product-links-bundle a.addtoList{text-decoration: underline; line-height: 24px;} .pdp-main .product-add-to-cart .product-actions {padding:10px 0 0 0;} .pdp-main .product-add-to-cart .bundle-add-to-cart-section { float: right; width: 180px;} .pdp-main .product-add-to-cart .bundle-add-to-cart-section button { float: left; width: 100%; padding: 13px 0;} .pdp-main .colorselectbox::-webkit-scrollbar { width: 7px; height: 5px;} .pdp-main .colorselectbox::-webkit-scrollbar-button { background:transparent;} .pdp-main .colorselectbox::-webkit-scrollbar-track-piece { background: #e0e0df;border-radius:5px;-webkit-border-radius:5px;} .pdp-main .colorselectbox::-webkit-scrollbar-thumb { background: #bd9352;border-radius:5px;-webkit-border-radius:5px;} .pdp-main .colorselectbox::-webkit-scrollbar-thumb:hover {background: #bd9352;} .pdp-main .product-variations table.dataTable tbody tr {background: transparent; width: 100%; float: left; clear: both;} .pdp-main .product-variations table.dataTable tbody tr:last-child { padding: 0 0 20px 0;} .pdp-main .product-variations table.dataTable.no-footer {border-bottom: 0;} .pdp-main .add-this-social-section { width: 90%; float: left; clear: both; margin: 5% 0 0 5px;} .pdp-main .add-this-social-section .socialiconspdp{width: auto; float:left;} /* ----product-tabs----*/ .pdp-main .ui-tabs .ui-tabs-nav {margin-top: 30px;} .pdp-main .product-tabs {width: 90%;margin:0;padding: 0 0;display: inline-block;} .pdp-main .ui-tabs .ui-tabs-nav li {width: 100%;border: none;background: url("../images/pdp-images/plus.png") no-repeat right 10px center;} .pdp-main .ui-tabs .ui-tabs-nav li.ui-tabs-selected {background: url("../images/pdp-images/minus.png") no-repeat right 10px bottom 8px;background-color:transparent;outline: none;} .pdp-main .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {padding: 26px 0px 3px;} .pdp-main .ui-tabs .ui-tabs-nav li a {width: 100%;box-sizing: border-box;font-family: Raleway; font-weight:600; font-size: 18px; color: #000000;border-top: 1px solid #E0E0E0;padding: 12.5px 0px;outline: 0;} .pdp-main .product-tabs .tab-content {border: none;background: transparent; clear: both;box-shadow: none;padding-top: 0;min-height: auto;font-family: 'Lato'; font-size:14px; color: #000000;padding: 0 0px 22px;line-height: 24px;} .pdp-main .product-tabs .awards_sec { width: 100%; float:left; } .pdp-main .product-tabs .awards_sec .awards_header {margin-top:0; width: 100%; box-sizing: border-box; font-family: Raleway; font-weight: 600; font-size: 18px; color: #000000; border-top: 1px solid #E0E0E0; padding: 12.5px 0px; outline: 0;} .pdp-main .product-tabs .awards_sec .award_descri .awards_images { width: 100%; float: left;} .pdp-main .product-tabs .awards_sec .award_descri .awards_images ul { width: 100%; float: left; } .pdp-main .product-tabs .awards_sec .award_descri .awards_images ul li { width: 65px; float: left; margin-right: 9px; } /* Kit PDP UI Dialog*/ .ui-dialog.quickview .pdp-main .product-price .price-your-msg, .ui-dialog.quickview .pdp-main .product-price .price-your { font-size: 16px;} .ui-dialog.quickview .pdp-main .pdp-color-swatch-form-section .promotion .promotion-callout {font-size: 14px; color: #000; margin: 5px 0;} /* SImple Product*/ .ui-dialog.quickview .pdp-main #add-to-bag-bar.simple-product-page.simple-kit-product {width: 100%; margin-top:-10%;} .ui-dialog.quickview .pdp-main #add-to-bag-bar.simple-product-page.simple-kit-product .inventory {width: 88px;float: right;clear: both;z-index: 9999999;position: relative;} .ui-dialog.quickview .pdp-main #add-to-bag-bar.simple-product-page.simple-kit-product .inventory input {padding: 10px 0px;} .ui-dialog.quickview .pdp-main #add-to-bag-bar.simple-product-page.simple-kit-product button#add-to-cart {width: 100%; float: right;clear: both; } .ui-dialog.quickview .pdp-main #add-to-bag-bar.simple-product-page.simple-kit-product .availability-block {width: 100%; margin: 10px 0 5px 0; text-align: left;float: right;} .ui-dialog.quickview .pdp-main #add-to-bag-bar.simple-product-page.simple-kit-product .quickview-productlinks{display: none;} .ui-dialog.quickview .pdp-main a.simpleProductAddToList {margin: 0px 0 10px 0; z-index: 999; position: relative; } //.ui-dialog.quickview .pdp-main .bundle-product-content-sku {display: none;} .ui-dialog.quickview .pdp-main .QuickViewFull{ float: right; width: auto; clear: none; font-size: 14px; margin: 10px -60px 0px 0; font-weight: bold;} .ui-dialog.quickview .pdp-main .product-links {width: 100%; float: left;} .ui-dialog.quickview .pdp-main .QuickViewFull a { color: #000; text-decoration: underline;} .ui-dialog.quickview .pdp-main .product-add-to-cart .inventory { width: 100px;} .ui-dialog.quickview .pdp-main #add-to-bag-bar.bundle-add-to-cart button {width: 100%;} .ui-dialog.quickview .pdp-main .product-links.product-links-bundle .menu-no-border{position: relative; top: -5px;} .ui-dialog.quickview .pdp-main .product-links.product-links-bundle .menu-no-border .addtoList {font-size: 14px; font-weight: 600;} .ui-dialog.quickview .pdp-main .product-links.product-links-bundle ul.menu-no-border li{ margin-top: -10px;} .ui-dialog.quickview .pdp-main .variation-inventory-wrap .product-variations li.attribute select.variation-select { width: 80%; } .ui-dialog.quickview .pdp-main #add-to-bag-bar.simple-product-page .inventory { width:180px; } .accordionPDP {cursor: pointer;padding: 20px 0px 18px 0px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; border-top: 1px solid #ccc; background: url("../images/pdp-images/plus.png") no-repeat right; font-size: 18px; font-family: raleway; font-weight: bold;} .accordionPDP.active{background: url("../images/pdp-images/minus.png") no-repeat right;} .accordionPDP.active a { color: #444444;} div.panel {padding: 0 18px; display: none; background-color: white;} div.panel.show { display: block !important;} /* ----recommendations---- */ .global-slick-wrapper {width: 100%;clear: both;background: #e0e0df;} .pt_product-details .global-slick-wrapper {display: inline-block;} .pdp-main .recommendations {padding: 0 0;width: 83.8%;margin: 0 auto;padding: 30px 0 40px;} .pdp-main .recommendations li {width: 25px;float: none;} .pdp-main .recommendations .product-tile {padding: 0 0} .global-slick-wrapper h2{ font-family: raleway; font-weight: lighter; font-size: 38px; color: #000000; margin-bottom: 28px;text-align: center;} .global-slick-wrapper .slick-track > div { background: none repeat scroll 0 0 #FFFFFF; margin-right: 25px; border-top: 4px solid #cccccc; padding:20px;} .global-slick-wrapper .product-tile .product-image {min-height: 218px;} .global-slick-wrapper .slick-slide img {display: inline ;text-align: center; } .global-slick-wrapper .product-name-rec {font-family: Lato; color: #000000; font-size: 16px;font-weight: bold; width: 100%; clear: both; float: left;} .global-slick-wrapper .product-brand {font-family: Lato; color: #444444; font-size: 16px;padding-top: 10px;} .pt_storefront .homePageCarousl ul.search-result-items .grid-tile { float: none;width: inherit; background: none; margin:0; padding: 0px; } .pt_storefront .homePageCarousl .product-tile .product-image a img {display: inline-block; height: auto;} .pt_storefront #main .cp_Slot1 .promotionalMessaging a .promsg { color:#ff0008; font-family: lato;font-weight: bold;font-size: 16px; } .pt_storefront #main .cp_Slot1 .promotionalMessaging { width: 100%;float: left; text-align: center;} /*--------PDP Email a friend --------*/ .ui-dialog {padding: 0 0;border: 0 ;} .ui-dialog .ui-widget-header {background: #e0e0df;font-family: lato;font-size: 24px;color: #000000; height: auto; margin-bottom: 24px;} .ui-dialog .ui-icon-closethick {background: url("../images/pdp-images/dialog-close.png") no-repeat ;} .ui-dialog.emailafriend .required-indicator {color: #000000;} .ui-dialog.emailafriend .form-row { margin: 0 0 19px;} .ui-dialog.emailafriend .form-row label span {font-family: lato;font-size: 16px; font-weight: 400;color: #000000; padding-left: 7px; } .ui-dialog.emailafriend .form-row label span.required-indicator { display:none; position:relative; } .ui-dialog.emailafriend .form-row label[for$="friendsemail"]:before { content:'*'; position:absolute; color:#ff0008; } .ui-dialog.emailafriend .form-row label[for$="friendsname"]:before { content:'*'; position:absolute; color:#ff0008; } .ui-dialog.emailafriend .send-to-friend-product {border:none; margin-right: 0;padding: 14px 0; clear:both; } .ui-dialog.emailafriend .send-to-friend-product form#send-to-friend-form { width:880px; } .ui-dialog.emailafriend .send-to-friend-product .product-description h2 {font-weight: 300;font-size: 24px;font-style: normal;text-transform: none;margin: 0 0;} .ui-dialog.emailafriend .send-to-friend-product .product-description h3 {font-weight: 400;font-size: 24px;font-style: normal;margin: 0 0;} .ui-dialog.emailafriend .send-to-friend-product .product-description .product-number {font-size: 14px;} .ui-dialog.emailafriend .send-to-friend-product .features {font-size: 16px;} .ui-dialog.emailafriend .send-to-friend-product .product-description {width: 53%;} .ui-dialog.emailafriend .send-to-friend-product .product-image {width: 42%;} .ui-dialog.emailafriend input[type="text"],.ui-dialog.emailafriend input[type="password"],.ui-dialog.emailafriend textarea {width: 65%;border-color: #000000;resize: none;box-sizing: border-box;margin-left: 20px;} .ui-dialog.emailafriend .char-count {margin: 10px 0 10px 24%;color: #f1585d;font-family: lato;font-size: 16px;} .ui-dialog.emailafriend .form-row.form-row-button {float: left;margin-left: 24%;} .ui-dialog.emailafriend .ui-dialog-content {padding: 25px 23px 27px 30px;} .ui-dialog.emailafriend .ui-dialog-content a.buttonstyle { float:left; padding: 0.5em 0.8em; } .ui-dialog.emailafriend .ui-dialog-content form#send-to-friend-form .cancel.cancel-button {height: 42px; font-family: Raleway; font-size: 16px; } .ui-dialog.emailafriend .ui-dialog-content .cancel.cancel-button { line-height: 17px; font-family: 'Lato'; font-size: 13px; font-weight: 700; margin-left: 10px; height: 31px; margin-bottom: 10px;} .ui-dialog.emailafriend .ui-dialog-content form#send-to-friend-form{ width:827px; } .ui-dialog.emailafriend .form-row button {border: 0;width: 160px ;height:42px;line-height: 42px;font-family: Raleway; font-weight:600;padding: 0 0;font-size: 16px;} .ui-dialog.emailafriend .form-row button.cancel-button {background: #FFFFFF;color: #000000;border: 2px solid #000000;margin-left: 15px; } .ui-dialog.emailafriend #send-to-friend-main .dialog-required {display: none;} #send-to-friend-main .form-row label {width: 21.3%;} #send-to-friend-main span.error {margin: 1% 2% 0% 24%;color: #f1585d;} /*--------PDP My list pop up --------*/ @media screen and (min-width: 959px) {.ui-dialog.addtomylist.pdp {right: 4% !important;left: auto !important;} } .ui-dialog.addtomylist .ui-dialog-content {padding: 0 9.1% 9.1% 9.1%;overflow: inherit;} .ui-dialog.addtomylist h2 {font-family: Raleway; font-weight:600;text-transform: none;margin: 10px 0;font-size: 24px;} .ui-dialog.addtomylist #registry-primary {width: 29.4%;float: left;} .ui-dialog.addtomylist #registry-secondary {width: 69.5%;float: right;} .ui-dialog.addtomylist #registry-wrapper label{width: 100%;font-family: Raleway; font-weight: 300; font-size: 18px; color: #000000;text-align: left;margin-bottom: 5px;box-sizing: border-box; } .ui-dialog.addtomylist #registry-wrapper #MyLists {width: 100%;} .ui-dialog.addtomylist #registry-wrapper input[type="text"] {width: 100%;margin-top: 10px;box-sizing: border-box} .ui-dialog.addtomylist .submitsection {clear: both;} .ui-dialog.addtomylist .submitsection button {font-family: Raleway; font-weight: bold; font-size: 16px; color: #FFFFFF;background: #000000;width: 49.5%;float: left;padding: 0 0;line-height: 42px;} .ui-dialog.addtomylist .submitsection button#canceladdProductToGR {color: #000000;background: #FFFFFF; width: 44%;float: right;border: 2px solid #000000;line-height: 38px} /*-------- Qickview --------*/ .pdp-main .product-add-to-cart .min-max-price {font-weight: 400;font-size: 24px;} #QuickViewDialog .pdp-main .product-add-to-cart button {padding: 12px 0 11px;} #QuickViewDialog .pdp-main .simpleProductAddToList{z-index: 999999; position: relative;} .pdp-main .product-add-to-cart button.bundle-addto-cart {margin: 0px 0 10px;} .quickview-productlinks {display: inline-block;width: 100%;} .quickview .pdp-main .colorselectboxheight{ height:auto;} .ui-dialog.quickview .product-tabs .ui-widget-header {background: transparent;} .pdp-main .QuickViewFull {clear: none;} .quickview-productlinks .QuickViewFull a {text-decoration: underline;font-family: 'Lato';font-size: 14px;color: #000000;padding: 0 0;} .quickview-productlinks .menu-no-border > li:last-child > .wl-action {margin: 0 0 ;} .quickview-productlinks .menu-no-border > li:last-child > .wl-action.addtoList {margin: 10px 0 0;} .js .ui-dialog-content .product-col-1 {max-width: 354px;width: 48.5%;box-sizing: border-box;padding: 0 0;} .js .ui-dialog-content .product-col-2 {max-width: 354px;width: 48.5%;padding: 0 0;margin-left: 20px;} .ui-dialog.quickview .ui-dialog-content {padding: 0px 8.5% 40px ;} .ui-dialog.quickview .pdp-main .product-add-to-cart .inventory input {width: 45px;} .ui-dialog.quickview .pdp-main .product-add-to-cart .bundle-add-to-cart .inventory input.input-text {width: auto; height: 45px; max-width: 55px; box-sizing: border-box;} .ui-dialog.quickview .pdp-main .product-add-to-cart .bundle-add-to-cart .inventory {float: right; width: 90px;} .ui-dialog.quickview .pdp-main .product-add-to-cart .bundle-add-to-cart .bundle-add-to-cart-section {float: right; width: 100%;margin: 6px 0 0 0;} .ui-dialog.quickview .pdp-main .product-add-to-cart .bundle-add-to-cart .product-links .product-links-bundle { margin: -110px 0 0;} .ui-dialog.quickview .pdp-main .product-add-to-cart .bundle-add-to-cart .availability-block {margin: 10px 0;width: 100%;} .ui-dialog.quickview .pdp-main .colorselectbox td.Color a {width: 45px;height: 45px;} .ui-dialog.quickview .pdp-main .colorselectbox td .swatch-color-name {font-size: 14px;} .ui-dialog.quickview .pdp-main .colorselectbox td .swatch-add-to-list {font-size: 14px;color: #000000; font-family: lato; font-weight: 400;} .ui-dialog.quickview .pdp-main .colorselectbox td .swatch-add-to-list a { text-decoration: underline; color: #000;} .ui-dialog.quickview .pdp-main .colorselectbox .input-text {padding: 0 0;width: 45px;height: 45px;} .ui-dialog.quickview .pdp-main table.dataTable tbody td {padding: 0;} .ui-dialog.quickview .pdp-main table.dataTable tbody td.variantQty {padding-left: 0; float: right; margin: 0 3% 0 0;} .ui-dialog.quickview .pdp-main .colorselectbox table.dataTable tbody td.variantQty {margin: 0 8% 0 0;} .ui-dialog.quickview .pdp-main .colorselectbox.colorselectsize table.dataTable tbody td.variantQty {margin: 0 3% 0 0;} .ui-dialog.quickview .pdp-main table.dataTable tbody td.Color { padding: 0px 15px 0px 30px;} .ui-dialog.quickview .pdp-main .product-add-to-cart button {margin-bottom: 15px;padding: 12px 0 11px;} .ui-dialog.quickview .pdp-main .pdp-promo-msg.promo-messaging {margin: 0 0;} .ui-dialog.quickview .pdp-main .product-set-list .product-number {margin-right: 20px;} .ui-dialog.quickview .pdp-main .product-set-list .product-set-details {width: 80%; float: right; padding: 0 0 0 15px; box-sizing: border-box;} .ui-dialog.quickview .pdp-main .product-set-list .product-number,.ui-dialog.quickview .pdp-main .product-variations.bundle-variations {margin-right: 20px;} .ui-dialog.quickview .pdp-main .product-set-list .product-number { width:25%; } .ui-dialog.quickview .pdp-main .product-set-list .attribute { width:40%; } .ui-dialog.quickview .pdp-main .product-set-list .attribute .product-variations.bundle-variations { width:100%; } .ui-dialog.quickview .pdp-main .product-set-list .product-set-details-list .product-quantity { width: 21%; } .ui-dialog.quickview .pdp-main .menu-no-border-QuickView { padding-top:0; } .ui-dialog.quickview .pdp-main .menu-no-border-QuickView > li > .wl-action { margin-top: 0; } //.ui-dialog.quickview .pdp-main .product-links-bundle .menu-no-border-QuickView > li > .wl-action.addtoList , .ui-dialog.quickview .pdp-main .product-links-bundle .menu-no-border-QuickView > li > .wl-action.authenticated { margin: -115px 0 0 0;} .ui-dialog.quickview .pdp-main .menu-no-border-QuickView > li:last-child > .wl-action { margin-left: 0; padding-right: 15px; } .ui-dialog.quickview .pdp-main .product-set .QuickViewFull { position: absolute; right: -40px; top: -15px; z-index: 9999; } .ui-dialog.quickview .pdp-main .product-set .QuickViewFull.bundel-product-view-all { right: 0;} .ui-dialog.quickview .pdp-main .quickview-productlinks { position: relative; } .ui-dialog.quickview .pdp-color-swatch-form-section #add-to-bag-bar.color-add-to-cart { margin: 0 0 15px 0;} .ui-dialog.quickview .product-add-to-cart .bundle-product-price { width: 100%;} .ui-dialog.quickview .pdp-main .product-review-ratings { display: none;} .ui-dialog.quickview .pdp-main .product-add-to-cart .productsubinfo {width: 100%; } .ui-dialog.quickview .pdp-main .product-add-to-cart .product-price .price-salon-msg , .ui-dialog.quickview .pdp-main .product-add-to-cart .product-price .price-salon-save { font-size: 16px;} /*Bundle Product Quick view*/ .ui-dialog.quickview .pdp-main .product-set-list .product-set-item .bundle-product-details .bundle-product-name-attr-qty .product-quantity { float: left;} .ui-dialog.quickview .ui-dialog-titlebar.ui-widget-header { background: none; margin: 0;} .ui-dialog.quickview .product-primary-image { border: none;} .ui-dialog.quickview a.logintoviewprice { width: 42%;} .ui-dialog.quickview #add-to-bag-bar { width: 100%;} .ui-dialog.quickview .pdp-main #add-to-bag-bar.kit-producy-add-to-bag button { width: 100%;} .ui-dialog.quickview .pdp-main #add-to-bag-bar .availability-block { width: 100%; margin: 5px 0 15px 0;} .ui-dialog.quickview #variations_table { padding: 0px 0 ;box-sizing: border-box;} .ui-dialog.quickview #variations_table tr td.variantId { padding: 0; width: 40%;} .ui-dialog.quickview .pdp-main table.dataTable tbody td.qty { display: none;} .ui-dialog.quickview table#variations_table tbody tr { padding: 14px 30px; box-sizing: border-box; margin: 0 0 ;} .ui-dialog.quickview .colorselectbox table#variations_table { padding: 0;} .ui-dialog.quickview .colorselectbox table#variations_table tbody tr { padding: 14px 0px; box-sizing: border-box; margin: 0 0 ;} .ui-dialog.quickview .colorselectbox.colorselectsize table#variations_table tbody tr { padding: 14px 30px;} .ui-dialog.quickview .product-brand-name-section { width: 100%;} .ui-dialog.quickview .awards_sec , .ui-dialog.quickview .tab-content.video-container { display: none;} .ui-dialog.quickview .product-add-to-cart .product-price { width: 100%;margin: 10px 0 20px 0; padding: 0;} .ui-dialog.quickview #add-to-bag-bar.simple-product-page {width: 100%;float: left;margin: 0;} .ui-dialog.quickview .pdp-main #add-to-bag-bar.simple-product-page button#add-to-cart { width: 100%; float: left;} /*-------- PDP Bundle --------*/ .pdp-main #productListAccordion { border-top: 1px solid #D9D9D9; margin-top: 25px; } .pdp-main #productListAccordion.bundle-custom-scroll { border: none;} .pdp-main #productListAccordion #product-set-list.productList-bundle { width: 100%; float: left; clear: both; border: 1px solid #CCC;box-sizing: border-box;padding: 15px 7px;margin: 0;} .ui-dialog .pdp-main #productListAccordion { width: 100%; float: left; margin: 10px 0 0 0;} .pdp-main #productListAccordion .seefullproduct { width: 100%; float: left; text-align: center; margin-top: 25px;} .ui-dialog .pdp-main #productListAccordion .seefullproduct { display:none; } .pdp-main .product-set-list .product-set-item {margin: 0 0;padding: 25px 0; width: 100%; float: left; clear: both; border: none; } .pdp-main .product-set-list .product-set-item.bundle-product-set-item {padding:0 0 25px 0; width: 100%; float: left; clear: both;} .pdp-main .product-set-list .product-set-item.bundle-product-set-item .bundleswatchimage { width: 54px; float: left;} .pdp-main .product-set-list .product-set-item.bundle-product-set-item .bundle-product-details { float: left; width: 80%; padding: 0 0 0 10px; margin: 0; box-sizing: border-box;} .pdp-main .bundle-product-details .vendor-code {font-size: 14px; color: #444444;} .pdp-main .product-set-list .product-set-item .bundle-product-details .product-number {width: auto; float: left; margin: 5px 20px 5px 0; padding: 0; font-size: 16px; color: #000000;} .pdp-main .product-set-list .product-set-item .bundle-product-details .bundle-product-name-attr-qty {width: 100%; float: left; clear: both; margin:0; padding: 5px 0 0 0; position: relative;} .pdp-main .product-set-list .product-set-item .bundle-product-details .bundle-product-desc-section { width: 100%; float: left;clear: both; margin: 0 0; font-size: 16px; color: #000; text-align: justify;} .pdp-main .product-set-list .product-set-item .bundle-product-details .bundle-product-name-attr-qty .product-name { width: 50%; float: left; font-size: 16px; color: #000;} .pdp-main .product-set-list .product-set-item .bundle-product-details .product-attr-qty-section { position: absolute;right: 0; top: 3px; width: 200px;} .pdp-main .product-set-list .product-set-item .bundle-product-details .bundle-product-name-attr-qty .attribute h3.bundle-size { display: none;} .pdp-main .product-set-list .product-set-item .bundle-product-details .bundle-product-name-attr-qty .attribute { width: auto;} .pdp-main .product-set-list .product-set-item .bundle-product-details .bundle-product-name-attr-qty .attribute span.selected-value-bundle { font-size: 16px; color: #000;} .pdp-main .product-set-list .product-set-item .bundle-product-details .bundle-product-name-attr-qty .product-quantity {text-align: right;float: right; width: 70px; font-size: 16px; color: #000; text-transform: uppercase; } .ui-dialog .pdp-main .product-set-list .bundle-product-details .product-attr-qty-section { position: relative; right: 0; top: 0; width: 100%; float: left; margin: 0px;} .pdp-main .bundle-product-number-upc {width: 100%;float: left; clear: both;} .pdp-main .product-set-list .product-set-item.toggleBundleProduct {display:none;} .ui-dialog.quickview .pdp-main .product-set-list .product-set-item.toggleBundleProduct {display:block;} .ui-dialog.quickview .pdp-main .product-set-list .product-set-item .bundle-product-details .product-number { width: 100%; float: left; margin: 1px 0px; clear: both;} .pdp-main .product-set-list .product-set-item:last-child {border-bottom: 0;padding-bottom: 0;} .pdp-main .product-set-list .attribute {width:45%; float: left;margin: 0 0;} .pdp-main .product-set-list .product-set-details {width: 85%;margin-top: 13px;} .pdp-main .product-variations.bundle-variations,.product-set-list .attribute .label-bundle{width: auto;margin-right: 0px; padding: 0 0;font-family: 'Lato';font-size: 13px;color: #999999;text-transform: none;font-weight: normal;margin-bottom: 0;} .product-set-list .attribute-bundle h3 {width: auto;padding: 0 0;margin: 0 0;} .pdp-main .attribute .selected-value-bundle {padding: 0 0 0;font-style: normal;font-family: 'Lato';font-size: 13px;color: #999999;text-transform: none;} .pdp-main .attribute .value-bundle {float: left;width: auto;} .pdp-main .attribute .bundle-quantity {float: left ;} .pdp-main .product-set-list .product-number,.product-set-list .attribute-bundle h3,.pdp-main .attribute .value-bundle{font-family: 'Lato';font-size: 13px;color: #999999;text-transform: none;font-weight: normal;margin-bottom: 0;} .pdp-main .product-set-list .product-number,.pdp-main .product-variations.bundle-variations {margin-right: 39px;} .pdp-main .product-set-list .product-number span.sku { display: none;} .product-set-list .product-name {line-height: 16px;} .product-set-list .product-name a {font-family: Raleway;font-size: 16px;font-weight: 600;} .pdp-main .product-set-list .product-set-image {width: 54px; float: left;} .pdp-main .product-set-list .product-thumbnails {padding: 0 0;} .product-set-details-list .product-set-details-list .bundleswatchimage { width: 55px;} /*-------- PDP Bundle Qwickview --------*/ .js .ui-dialog-content .pdp-main .product-set-list .product-set-item {margin: 0 0;padding: 10px 0;} .js .ui-dialog-content .pdp-main .product-set-list { border:0;margin: 10px 0 0 0;padding: 0 0; } .js .ui-dialog-content .pdp-main .ui-tabs .ui-tabs-nav {margin: 0 0 ;} .js .ui-dialog-content .pdp-main .product-set-list .product-set-item:last-child {border-bottom: 0;} .ui-dialog .pdp-main #productListAccordion .product-set-details-list{ width:100%; float: left; } /*-------- PDP Bazaar voice --------*/ .primary-content .pdp-bv-wrapper h2 {margin: 0 0;font-family: Raleway;font-size: 38px;font-weight: 300;padding: 5px 0; border-bottom: 2px solid #cccccc;} .pdp-bv-wrapper .set-layout{width: 82.2%;margin: 0 auto;background: transparent;padding: 85px 0 63px; position: relative; } .pdp-bv-wrapper .set-layout #ShowReviewsLink { position: absolute; right: 0; top: 118px; text-decoration: underline; } .pdp-main .PDP-reviews {background: #FFFFFF;} .pdp-main .review-results-section {padding: 20px 0;margin: 0 0 0 0;} .pdp-main .review-title {padding: 25px 0 5px;font-family: Raleway;font-size: 18px;font-weight: 600;color: #000000;} .pdp-main .review-comments {padding-bottom: 25px;font-size: 16px;color: #000000;} .pdp-main .review-results-section {border-color: #CCCCCC;} .pdp-main .review-nickName {font-style: normal;font-size: 16px;color: #000000;} .pdp-main .PDP-write-reviews {background: #f2f2f0;} .reviewModel #dialog-container{overflow: initial;padding-top: 0;font-size: 14px; color: #000; margin-bottom: 10%;} .pdp-main .review-results {margin: 0 0;width: 100%;padding: 0 0;border: 0 ;max-height: 400px;} .pdp-main .rating .nickname {width: 27.3%;float: left;} .pdp-main .rating .rating-stars {width: 40%;float: left;margin: 25px 0 0 5%;max-height: 70px;} .pdp-main #ReviewForm { position: relative; } .pdp-main #ReviewForm .required-header { position: absolute; right: 20px; top: 25px; font-size: 16px; font-weight: normal; } .pdp-main .rating .form-row label,.pdp-main .rating .rating-stars label{ font-size: 16px;font-weight: normal;} .pdp-main .rating .form-row {margin: 26px 0 0;display: inline-block;width: 100%;} .pdp-main .rating .required-indicator {color: #000000;} .pdp-main .rating .form-row input[type="text"],.pdp-main .rating .form-row textarea {width: 100%;margin: 8px 0 0;padding: 11px 5px 10px;box-sizing: border-box;border-color: #000000;resize: none;} .pdp-main .rating .stars {margin: 25px 0;} .pdp-main .pre-reg-button {float: left;margin-top: 30px;} .pdp-main .pre-reg-button button {height: 42px;line-height: 42px;padding: 0 20px;font-family: Raleway;font-size: 16px;font-weight: bold;} .pdp-main .rating .form-row textarea {font-size: 16px;font-family: lato;} /* -------------- END of Sprint3 Styles------------------ */ /* -------------- Sprint4 Styles ------------------ */ .custom-scroll::-webkit-scrollbar { width: 7px; height: 5px;} .custom-scroll::-webkit-scrollbar-button { background:transparent;} .custom-scroll::-webkit-scrollbar-track-piece { background: #e0e0df;border-radius:5px;-webkit-border-radius:5px;} .custom-scroll::-webkit-scrollbar-thumb { background: #bd9352;border-radius:5px;-webkit-border-radius:5px;} .custom-scroll::-webkit-scrollbar-thumb:hover {background: #bd9352;} .white-button {background: #FFFFFF;border: 2px solid #000000;color: #000000 !important;line-height: 26px;} .mini-cart-content{ width: 377px;padding: 0 23px 13px;box-sizing: border-box; border: 0;right: 0;top: 39px; -moz-box-shadow:-3px 3px 5px 0px #ccc; -webkit-box-shadow: -3px 3px 5px 0px #ccc; box-shadow: -3px 3px 5px 0px #ccc;} .mini-cart-header {border-width: 0 0;font-family: Raleway;font-size: 22px;font-weight: 600;letter-spacing: 0;padding: 4px 0 4px;margin:15px 0 0 0;text-transform: none;border-bottom: 2px solid #000000;border-top: 2px solid #000000; width: 100%;box-sizing: border-box;display: inline-block;} .mini-cart-product {padding: 10px 0;border-bottom: 1px dashed #a0a0a0;} .mini-cart-image {width: 23.4%; display: table-cell; float: none; vertical-align: middle;} .js .mini-cart-product .mini-cart-image img { width:100%; max-height:none; } .minicart-rightwrap {float: right;padding-left: 12px;box-sizing: border-box;} .mini-cart-products {max-height: 522px;} .mini-cart-name {float: left;width: 100%;} .mini-cart-name a {font-family: Raleway;font-size: 14px;font-weight: 600;} .mini-cart-attributes {float: left;width: 100%;} .mini-cart-attributes .wrap-sku-price{width: 100%; float: left; padding-bottom: 2px;} #mini-cart .attribute{float: left;width: 100%;font-family: Lato;font-size: 12px;font-weight: 400;color: #000000;margin-top: 2px;} #mini-cart .attribute.sku{width: 50%; float: left; } #mini-cart .attribute.remove-minilineitem {text-decoration: underline;} #mini-cart .mini-cart-pricing {float: left;width: 50%;font-family: Lato;font-size: 12px;font-weight: 400;margin-top: 2px;} .mini-cart-pricing .mini-cart-price {float: right;} #mini-cart .product-brand {font-family: Raleway;font-size: 13px;color: #000000;} #mini-cart .minicart-viewmore-items {font-family: 'Lato'; font-size: 16px;font-weight: bold;text-decoration: underline;padding: 10px 0;color: #333333;} #mini-cart .updateremove-minicart{width: 100%; float:left; } #mini-cart .mini-cart-product{position: relative; display: table;} #mini-cart .updateremove-minicart span.label{font-size: 12px; float: left; padding: 2px 5px 0 0;} #mini-cart .updateremove-minicart input{width: 35px; height: 20px; box-sizing: border-box; padding: 3px 0 4px; font-size: 12px; float: left; margin-right: 5px; text-align: center;} #mini-cart .updateremove-minicart .update-minilineitem{width: auto; float: left; padding: 0 0 0 5px; margin-top:2px; text-decoration: underline;} #mini-cart .updateremove-minicart .remove-minilineitem {width: auto; float: right; margin-top: 3px;} .mini-cart-subtotals {font-family: 'Lato'; font-size: 16px;font-weight: bold;color: #333333;background: 0;border: 0;padding:0;display: inline-block;width: 100%;} .mini-cart-subtotals .label {margin: 0 0;float: left;} .mini-cart-subtotals .value {float: right;} .mini-cart-link-cart {margin: 0 0} #mini-cart a.mini-cart-link-cart { background: #fff; border: 2px solid #000; color: #000; line-height: 28px; height: 26px; } /* CP-445 */ .mini-cart-link-checkout {margin-top: 0px;padding: 0 0;} .minicat-checkout-closeicon{width: 100%; float: left;} .minicat-checkout-closeicon .minicart-checkoutlink{width: 280px; float: left;margin-top: 7px;} .minicart-close-icon {background: url("../images/minicart-close.png") no-repeat;width: 30px;height: 40px;display: inline-block;margin: 2px 0 0 20px; cursor:pointer;} /* ---- Cart page ----- */ .pt_cart #main {width: 100%;padding: 0px 30px 0 257px;margin: 0;box-sizing: border-box;clear: both;} /* ---- Modified the header in cart because of no breadcrum ------ */ #wrapper.static-header header .right-nav {position: static;margin: 30px 30px 3px 0; float: right;} #wrapper.static-header .breadcrumb {margin: 0 0 15px;} #wrapper.static-header div.dd3 {z-index: 1001;} #wrapper.static-header header .right-nav .header-search {top: 68px;right: 29px;z-index: 1001;} /* right col */ .summary-heading {font-family: Raleway;font-size: 24px;font-weight: 600;color: #000000;text-align: left;display: inline-block;width: 100%;} .right-cart-summary {padding: 10px;background: #e0e0df;} table.order-totals-table tr td:first-child {text-align: left;font-family: Raleway;font-weight: 600; word-break: break-word; } table.order-totals-table td {padding: 8px 0;font-family: Lato;font-size: 16px;color: #000000;border-bottom: 1px dashed #a0a0a0;font-weight: 600;} .right-cart-summary table.order-totals-table td { font-weight: normal; } .right-cart-summary table.order-totals-table tr.order-total td {font-weight: 600;} .order-totals-table { margin-top: 10px; } .order-totals-table .order-shipping .editlink { display:none; } .order-totals-table td {width: auto;} .order-totals-table tr.order-total td {border-bottom: 0;padding-top: 32px;} .cart-footer {margin: 0;clear: both;} .cart-footer .cart-footer-left-col {width: 100%;margin-top: 15px;} .cart-footer .cart-action-buttons button {float: right; max-width:200px; width: 46%;box-sizing: border-box; background: transparent;border: 2px solid #000000; line-height: 36px;padding: 0;font-family: Raleway;font-size: 16px;font-weight: 600;color: #000000;} .cart-footer .cart-action-buttons button#remove-all {margin: 0px 7% 0px 0px; max-width:204px;width: 47%;} .cart-footer .cart-coupon-code {clear: both;width: 40.4%;float: left;margin-top: 19px;} .cart-coupon-code label {text-indent: 0;font-family: Lato;font-size: 16px;font-weight: 600;color: #000000;margin-bottom: 4px;} .cart-coupon-code #add-coupon {width:28%;height: 42px;font-family: Raleway;font-size: 16px;font-weight: 600;color: #FFFFFF;margin-left: -1px;float: left;padding: 0 0;letter-spacing: 0.5px;} .cart-coupon-code input[type="text"] {width: 72%;;box-sizing: border-box;float: left;} .cart-actions {padding: 0 0;} .cart-action-checkout {float: none;} .cart-actions-right .cart-action-checkout { margin-bottom: 30px; } .cart-actions .cart-actions-right {width: 41.5%;float: right;margin-top: 20px;} .chechout-button,a.chechout-button {font-family: Raleway;font-size: 16px;font-weight: 600;color: #FFFFFF;width: 100%;padding: 12px 26px 11px;border-style: none;background: #000000;} .item-list .rowcoupons {font-family: Raleway;font-size: 16px;} /* left col */ h1.cart-checkout-header {font-family: Raleway;font-size: 42px;font-weight: 600;border-bottom: 2px solid #000000;text-transform: uppercase;display: inline-block;width: 100%;margin: 55px 0 0px;color: #000000;} .pt_cart #primary {width: 67.37%;max-width: 768px;float: left;padding: 0 0;} .pt_cart #primary .cart-empty { font-size: 24px; font-family: 'Raleway'; font-weight: 600;} .pt_cart #secondary {width: 27.2%;float: right; max-width: 310px;margin: 60px 0 0 14px;position: static;} .cart-items-details .left-cart-summary {margin-top: 25px;} #selected-shipping-container .deliverynote {font-style: normal;font-family: lato;font-size: 16px;padding: 2px 0;} .item-list .items-inyour-cart {font-family: Lato;font-size: 24px;font-weight: 600;padding: 15px 0;} .item-list .rowcoupons {font-size: 16px;line-height: 22px;} /* CP-439 */ .cart-footer .cart-action-buttons{max-width:434px; width: 58%;float:right;padding-bottom: 20px;} .pt_cart .cart-left-col .rowcoupons {width: 100%; display: table;padding-bottom: 10px;} .pt_cart .cart-left-col .rowcoupons .item-details{float: left; width: auto; display: table-cell; vertical-align: middle;} .pt_cart .cart-left-col .rowcoupons.applied .item-details .name{clear: both;} .pt_cart .cart-left-col .rowcoupons.notapplied , .pt_cart .cart-left-col .rowcoupons.applied {padding: 20px 0 0 0;} .pt_cart .cart-left-col .rowcoupons.notapplied .item-details .name{clear: both;} .pt_cart .cart-left-col .rowcoupons .item-quantity{max-width:434px; width: 58%; display: table-cell; vertical-align: middle;} .pt_cart .cart-left-col #cart-table .rowcoupons .item-quantity .item-quantity-details.removecouponbtn{float: left; max-width:204px;width: 47%;} .pt_cart .cart-left-col #cart-table .rowcoupons .item-quantity .item-quantity-details.removecouponbtn button{width: 100%;line-height: 36px;padding: 0;background: transparent;border: 2px solid #000000;font-family: Raleway;font-size: 16px;font-weight: 600;color: #000000;} .pt_cart .cart-left-col #cart-table .rowcoupons .item-quantity .item-total.removecouponmsg{float: right;} .item-list .cart-row {border-bottom: 1px dashed #a0a0a0;display: inline-block;width: 100%;padding-bottom: 25px;margin-bottom: 12px;} .item-list .cart-row .item-image.image-col {width: 25.3%;;max-width: 196px;max-height: 196px;float: left;text-align: center;position: relative;} .item-list .cart-row .details-col {width: 74%;float: left;padding-left: 4.1%;box-sizing: border-box;font-family: Lato; font-size: 16px;color: #000000;} .item-list .cart-row .details-col .mobile-your-price{margin-left: 3px;} .item-list .cart-row .details-col .name a {font-family: Lato; font-size: 16px;color: #000000; font-weight: bold;} .item-list .cart-row .details-col .item-edit-details {display: none;} .item-list .cart-row .details-col .product-list-item {width: 160px; float: left;margin-top: 10px;} .item-list .cart-row .details-col .item-details .item-availability-details {clear: both;} .item-list .cart-row .details-col .col3-wrap {clear: both;} .item-list .cart-row .details-col .col3-wrap .column {width: 33.333%;float: left;line-height: 29px;} .item-list .cart-row{position: relative;} .item-list .cart-row .details-col .col3-wrap .column.item-quantity {padding-left: 6%;box-sizing: border-box;} .item-list .cart-row .details-col .col3-wrap .column.item-quantity span{float: left; padding-right: 3px;} .item-list .cart-row .details-col .col3-wrap .column.item-quantity input{float: left;} .item-list .cart-row .details-col .col3-wrap .column.item-quantity .update-individual-value{ outline: none; padding: 3px 0 0 10px; float: left; background: transparent; font-size: 16px; color: #000; text-transform: capitalize; text-decoration: underline; font-weight: 400;} .item-list .cart-row .details-col .product-list-item .attribute,.item-list .cart-row .details-col .product-list-item .sku {margin: 3px 0;} #cart-table .item-user-actions {width: auto ;max-width: 68%;padding: 11px 0;display: inline-block;float: right;} #cart-table .item-user-actions a,#cart-table .item-user-actions button.button-text,#cart-table .item-user-actions div {padding: 0 15px;float: left;text-align: center;text-decoration: underline;font-family: Lato; font-size: 16px;color: #000000;font-weight: 400;} #cart-table .item-user-actions div.in-wishlist {max-width: 51%;text-decoration: inherit;border-right: 1px solid #000000;border-left: 1px solid #000000;} #cart-table .item-user-actions a.add-to-wishlist {border-right: 1px solid #000000;border-left: 1px solid #000000;} #cart-table .item-user-actions a.add-to-registry { padding-right: 0;font-size: 14px;text-decoration: none; } #cart-table .item-user-actions a.add-to-registry.addtolist { padding-right: 0;font-size: 16px;text-decoration: underline; } #cart-table .item-price {font-weight: 400;line-height: 29px;} #cart-table .item-price.pricesec { width:200px; } #cart-table .item-quantity input {width: auto;padding: 0 0;text-align: center;line-height: 25px;} .pt_cart #selected-shipping-container {margin: 30px 0 23px ;} .pt_cart .shipping-selectmsg {font-family: Lato;font-weight: bold;font-size: 16px;} .pt_cart .shipping-change-msg {font-family: Lato;font-size: 16px;color:#000; } .pt_cart #shop_address_list {width: 100%;padding: 0 30px 0 15px; box-sizing: border-box;} .needassist-content {padding: 15px;border: 1px solid #cccccc;font-family: Raleway;color: #444444;font-size: 16px;margin-top: 30px;} .needassist-content .assist-heading {font-size: 24px;font-weight: 100;color: #000000;margin-bottom: 15px;display: inline-block;width: 100%;} .needassist-content .question {font-weight: 600;text-decoration: underline;line-height: 24px;} .needassist-content .question:hover {cursor: pointer;} .needassist-content .answer {font-weight: 400;display: none;} .needassist-content p {line-height: 22px;} .pt_order-confirmation .order-confirmation-details .order-details .item-list.receipt-order-shipment-table .cart-row .item-image.image-col { width:26.3%; } .pt_order-confirmation .order-confirmation-details .order-details .item-list.receipt-order-shipment-table .cart-row .details-col { width: 73%; } .pt_order-confirmation .order-confirmation-details .order-details .item-list.receipt-order-shipment-table .cart-row .details-col .col3-wrap .column { line-height: 15px; } /* -------------- Forgot Password ------------------ */ .ui-dialog.forgot-password { } .ui-dialog.forgot-password .ui-dialog-titlebar.ui-widget-header { margin:0; } .ui-dialog.forgot-password .ui-dialog-content { padding:15px 20px; float:left; } .ui-dialog.forgot-password .ui-dialog-content .forgot-login-password {display: none;} .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap { width:610px; } .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .label { font-size: 16px; color:#000; margin: 0 0 25px; font-family: 'Lato'; float: left; } .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordReset { float:left; margin-bottom: 45px; } .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordReset input.myAcc_reqpaswrd_logn_btn { width: 360px; float:left; } .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordReset .sendPassword { width:230px; font-family: Raleway;font-size: 16px;font-weight: bold; padding: 12px 0 11px; } .ui-dialog.sendpassword .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap { width:610px; } .ui-dialog.sendpassword .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .label { font-size: 16px; color:#000; margin: 0 0 25px; font-family: 'Lato'; float: left; } .ui-dialog.sendpassword .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordReset { float:left; margin-bottom: 45px; } .ui-dialog.sendpassword .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordReset input.myAcc_reqpaswrd_logn_btn { width: 360px; float:left; } .ui-dialog.sendpassword .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordReset .sendPassword { width:230px; font-family: Raleway;font-size: 16px;font-weight: bold; padding: 12px 0 11px; } .ui-dialog.sendpassword .ui-dialog-content .error-form { margin:0; padding:0; font-size: 14px;} /* -------------- Send Password ------------------ */ .sendpasswordcontent { width:593px; margin:60px 0; float:left; } .sendpasswordcontent .thankyoumsg { width: 100%; float: left; font-family: Lato; font-size: 16px; font-weight:bold; } .sendpasswordcontent .thankyoumsg2 { width: 100%; float: left; font-family: Lato; font-size: 16px; font-weight:bold; margin: 10px 0 20px; } .sendpasswordcontent .padbottom20 { float:left; font-family: Lato; font-size: 16px; width: 530px; line-height: 24px; } .sendpasswordcontent .close-button { float:left; width:100% } .sendpasswordcontent .close-button a { float:left; font-family: Raleway; border: none; background: #000; font-size: 16px; padding: 0.7em 2.6em; clear:both; } .ui-dialog.forgot-password .ui-dialog-titlebar.ui-widget-header { margin:0; } .ui-dialog.forgot-password.ui-dialog-content { padding: 30px 35px; margin:0; float: left; } .ui-dialog.forgot-password .ui-dialog-content .sendpasswordcontent { width:593px; } .ui-dialog.forgot-password .ui-dialog-content .sendpasswordcontent .thankyoumsg { width: 100%; float: left; font-family: Lato; font-size: 16px; font-weight:bold; } .ui-dialog.forgot-password .ui-dialog-content .sendpasswordcontent .thankyoumsg2 { width: 100%; float: left; font-family: Lato; font-size: 16px; font-weight:bold; margin: 10px 0 20px; } .ui-dialog.forgot-password .ui-dialog-content .sendpasswordcontent .padbottom20 { float:left; font-family: Lato; font-size: 16px; width: 530px; line-height: 24px; } .ui-dialog.forgot-password .ui-dialog-content .sendpasswordcontent .close-button { float:left; } .ui-dialog.forgot-password .ui-dialog-content .sendpasswordcontent .close-button a { float:left; font-family: Raleway; border: none; background: #000; font-size: 16px; padding: 0.7em 2.6em; } .ui-dialog.forgot-password .PasswordReset { margin-top:10px; } .ui-dialog.forgot-password .cp_myAcc_retrivPaswrd_wrap input.myAcc_reqpaswrd_logn_btn { float:left; } .ui-dialog.forgot-password .cp_myAcc_retrivPaswrd_wrap .sendPassword { padding: 1em 1.5em 1.05em; } /* setup new password */ #wrapper.pt_account .password-reset { position: relative; width: 572px; padding-top:85px; } #wrapper.pt_account .password-reset .form-row { margin:0 0 15px;} #wrapper.pt_account .password-reset .form-row input{ width: 100%; box-sizing: border-box; } #wrapper.pt_account .password-reset .form-caption { font-size: 16px; margin:0; } #wrapper.pt_account .password-reset .form-row-button { margin: 20px 0 20px; width: 311px; float: left; } #wrapper.pt_account .password-reset .form-row-button button { width:100%; padding: 1em 1.5em; } .pt_account .password-reset span.error { margin:0; } /* ---- Order conformation page ----- */ .pt_order-confirmation #main {width: 100%;padding: 50px 30px 0 257px;margin: 0;box-sizing: border-box;clear: both;} .pt_order-confirmation .primary-content {padding: 0 0;} .pt_order-confirmation #main .order-left-wrapper,.pt_order-confirmation .confirmation-message {width: 67.37%;float: left;max-width: 768px;padding: 0 0 0 0;} .pt_order-confirmation #main .order-right-wrapper,.pt_order-confirmation .print-page-wrap {width: 27.2%;float: right; position: static;margin: 60px 0 0 30px;} .pt_order-confirmation .print-page-wrap {float: right;margin: 20px 0;} .pt_order-confirmation #main #secondary {margin-top: 0;} .pt_order-confirmation .order-right-wrapper {width: 27.2%;float: left;max-width: 310px;} .pt_order-confirmation .first-row-orderinfo { width: 47.5%; float: left;} .pt_order-confirmation .first-row-orderinfo.orderconfirmation { width: 49.5%; float: left;} .pt_order-confirmation .second-row-orderinfo {width: 47.5%; float: right;} .pt_order-confirmation .second-row-orderinfo .cardno-label { float: left; font-weight: bold;} .pt_order-confirmation .second-row-orderinfo .order-billing { margin-top: 20px; } .pt_order-confirmation h1.order-conf-header { padding: 12px 0 10px 0; margin: 0 0; } .pt_order-confirmation .confirmation-message {font-family: Lato;font-size: 16px;color: #000000;margin: 25px 0 30px;padding-bottom: 0;} .pt_order-confirmation .confirmation-message a.contactus-link { color: #000; text-decoration: underline; } .pt_order-confirmation .order-confirmation-details .order-details .item-list {border: none;width: 86%;font-size: 16px;font-family: Raleway;color: #333333;} .pt_order-confirmation .order-confirmation-details .order-details .item-list .order-information .label { width:130px; float:left; } .pt_order-confirmation .order-confirmation-details .order-details .item-list .timezone { width: 100%; float: left; padding-left: 130px; box-sizing: border-box; margin-bottom: 15px; margin-top: 2px; } .pt_order-confirmation .order-confirmation-details .order-details .item-list .value {font-family: Lato;} .pt_order-confirmation .order-details .head-label {font-family: Raleway;font-size: 38px;font-weight: 100;border-bottom: 3px solid #000000;padding: 6px 0;clear: both;margin-bottom: 20px;margin-bottom: 18px;} .pt_order-confirmation .order-details .head-label.your-purchase {margin-bottom: 15px} .first-row-orderinfo .order-date,.first-row-orderinfo .order-number,.first-row-orderinfo .order-po,.order-commentwithtext {padding: 7px 0;} .pt_order-confirmation .receipt-order-shipment-table.item-list .item-details {display: inline-block;} .pt_order-confirmation .order-confirmation-details .order-details .item-list.receipt-order-shipment-table {width: 100%;} .pt_order-confirmation .order-confirmation-details .order-details .item-list .cart-row .details-col .col3-wrap .column.item-quantity {padding: 0;text-align: center;} .pt_order-confirmation .order-confirmation-details .order-details .item-list .cart-row .details-col .col3-wrap .column.item-total {text-align: right;} .pt_order-confirmation .order-left-wrapper .actions {width: 41.5%;float: left;margin: 20px 0;} .pt_order-confirmation .order-left-wrapper .actions a {display: inline-block;padding-left: 0;padding-right: 0;background: #000000;} .pt_order-confirmation a.print-page {color: #000000;font-size: 16px;font-family: Raleway;font-weight: bold;text-decoration: underline;} .pt_order-confirmation .mini-address-name {font-weight: bold;} .show-on-mobile {display: none;} .show-on-desktop {display: block;} /* ---- Checkout pages page ----- */ .pt_checkout #main #secondary .order-component-block .section-header a{position: static;} .pt_checkout #main #primary .billing-wrapper{float: left;width: 100%; } .pt_checkout #main #primary .checkout-progress-indicator { float: left;width: 100%;text-align: left;position: static;margin: 38px 0 50px; } .pt_checkout #main #primary .checkout-billing.address #billing-forms-container .sameasaddress { margin-top: 15px; } .pt_checkout #main #primary .checkout-billing.address fieldset { width:100%; float:left; } .pt_checkout #main #primary .checkout-progress-indicator .chekoutsteps{padding: 0;float: left;box-sizing: border-box;width: 33.33%;position: relative;} .pt_checkout #main #primary .checkout-progress-indicator .chekoutsteps .indicator{padding: 0;float: left; border-radius: 50%;background-color: #cccccc; width: 46px;height: 46px;position: relative;margin-right: 8px;} .pt_checkout #main #primary .checkout-progress-indicator .chekoutsteps .chekoutstepslabel{float: left;width: 34%;margin-top: 5px;margin: 2px 0 0 0;} .pt_checkout #main #primary .checkout-progress-indicator .chekoutsteps .chekoutstepslabel span{text-transform: none; color: #cccccc;font-size: 16px;} .pt_checkout #main #primary .checkout-progress-indicator .chekoutsteps .indicator span{position: absolute;width: 100%;text-align: center;font-size: 31px;color: #fff;top: 31%;line-height: 14px;font-weight: normal;} .pt_checkout #main #primary .checkout-progress-indicator div.chekoutsteps:after {content: "";position: absolute;height: 23px;border-bottom: 2px solid #ccc;top: 0;width: 40%;box-sizing: border-box; right: 16px;} .pt_checkout #main #primary .checkout-progress-indicator div.chekoutsteps:last-child:after{border-bottom: 0px solid #000;width: 0;height: 0;} .pt_checkout #main #primary .checkout-progress-indicator .chekoutsteps.active .indicator{background-color: #000000;} .pt_checkout #main #primary .checkout-progress-indicator .chekoutsteps.active .chekoutstepslabel span{color: #000000;} .pt_checkout #main #primary .ship-bill-address-wrapper { float:left; } .pt_checkout #main #primary #selected-shipping-container { float:left; margin-bottom: 35px; width: 100%; } .pt_checkout #main {width: 100%;padding: 80px 30px 0 257px;margin: 0;box-sizing: border-box;} .pt_checkout #main .primary-content {padding: 0 0 0 0;} .pt_checkout #main #primary {width: 67.37%;float: left;max-width: 768px;} .pt_checkout #main #secondary {width: 27.2%;float: right; position: static;margin: 60px 0 0 14px;max-width: 310px;} .pt_checkout label,.pt_checkout .form-label-text {width: 100%;text-align: left;font-family: Lato;/* font-size: .75rem; */font-weight: bold;color: #333333;} .pt_checkout h1.checkout-header {font-family: Raleway;font-size: 42px;font-weight: 600;border-bottom: 2px solid #000000;text-transform: uppercase;padding: 0 0 16px;} .pt_checkout .page-header {font-family: Raleway;font-size: 38px;font-weight: 400;border-bottom: 3px solid #000000;padding: 10px 0;display: inline-block;width: 100%;} .pt_checkout .checkout-subheader {font-family: Raleway;font-size: 24px;font-weight: 100;border-bottom: 3px solid #7a7a7a;padding: 10px 0;} .checkout-order-totals .order-totals-table {width: 100%;} .pt_checkout div.clear {clear: both;} /* Billing page */ .pt_checkout input[type="text"],.pt_checkout input[type="password"] {width: 71%;} .pt_checkout .checkout-shipping.address select[disabled]{ background-color: #ebebe4; } .pt_checkout .checkout-shipping.address input[disabled]{ background-color: #ebebe4; } .pt_checkout .checkout-shipping.address .select-address { padding: 2em 0 0; } .pt_checkout .checkout-shipping.address .shipping-change-msg { margin: 0 0 5px; } .pt_checkout select {width: 73.4%;padding: 11px 8px 10px 10px;} .pt_checkout select.disabled-cc { background:#fff; } .pt_checkout select.disable-addr { background:#fff; } .pt_checkout .month,.pt_checkout .year {width: 25.4%;float: left;clear: none} .pt_checkout .month select,.pt_checkout .year select {width: 100%;background-position: 94%;} .pt_checkout .year{padding-left: 5%; } .pt_checkout .payment-method {margin-top: 15px;} .pt_checkout .cvn {width: 25.4%;float: left;clear: both;} .pt_checkout .cvn input { width: 100%;box-sizing: border-box;} .pt_checkout .form-indent {margin-left: 0;} .pt_checkout .form-indent label {width: auto;} .pt_checkout #fieldset_billing_address_details label, .pt_checkout #fieldset_billing_address_details .form-label-text { padding:0; } .pt_checkout #fieldset_billing_address_details .form-row {margin: 0 0 5px;} .pt_checkout #fieldset_billing_address_details .form-row { position: relative; } .pt_checkout #fieldset_billing_address_details .form-row .form-caption { position: absolute; top: 5px; left: 120px; font-weight: bold; font-size: 16px; font-family: Lato; margin:0; } .pt_checkout #PaymentMethod_CREDIT_CARD .form-row.form-row-button {margin: 0 0;} .pt_checkout .billing-wrapper div#checkout-button {width: 41.5%;float: left;margin: 20px 0;} .pt_checkout .billing-wrapper div#checkout-button button { color: #000; background: #fff; border: 2px solid #000; padding: 0.5em 2em 0.5em; } .pt_checkout .cvn-tip { margin: 4% 0 0 3%;width: auto;} .pt_checkout #PaymentMethod_CREDIT_CARD .form-row {margin: 0 0 9px;} .pt_checkout #PaymentMethod_CREDIT_CARD .form-row .is-PayPal, .pt_checkout #PaymentMethod_CREDIT_CARD .form-row .is-BML { border: .5px solid #979797; border-radius: 5px;} .pt_checkout #PaymentMethod_CREDIT_CARD .card-number + span .form-caption,.pt_checkout #PaymentMethod_CREDIT_CARD .card-number + .form-caption { width: 68%; } .pt_checkout #PaymentMethod_CREDIT_CARD .cvn .form-caption.error-message { width: 100%; } .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvn .form-caption.error-message {box-sizing: border-box; width: 100%;} #fieldset_billing_address_select .select-address .form-row-button {margin: 0 0;} .pt_checkout span.error {margin: 5px 0 0 0;display: inherit;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD select {box-sizing: border-box;height: 42px !important;} .pt_checkout #dwfrm_billing #shippingContBtn {display: none;} .pt_checkout .savethiscard .form-row{display: flex; flex-direction: row-reverse; float: none;width: auto;} .pt_checkout .order-summary-footer .form-row{display: flex; flex-direction: row-reverse;width: 30%;justify-content: center; align-items: center;} .pt_checkout .order-summary-footer .form-row .edit-cart{ float: right;padding-top: 10px;padding-left: 10px;} .pt_checkout .error-message{background:transparent;border:none;color: red;width: 100%;margin-top: .25rem;font-size: 80%;color: #e0182d;padding: 0;font-family: Open Sans,sans-serif;font-weight: 400;line-height: 1.5;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .error{color: #000;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .card-number{margin-bottom: 1rem;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD #dwfrm_billing_paymentMethods_creditCard_saveCard{ margin-right: 10px;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD input.error{background-color: transparent;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD select.error, .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD input.error {border: 1px solid red;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .form-field-tooltip{margin-top: 13px; margin-right: 13%;} .paymentmethods #PaymentMethod_CREDIT_CARD .month .form-caption{margin-left:0; width: 100%; box-sizing: border-box;} .pt_checkout .underline-text{text-decoration:underline;font-weight: 400;font-size: 12px;line-height: 1.5;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD #cardNumber-container {height: 43px;width: 100%;box-sizing:border-box;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .credit-cards{display: flex; padding-left: 0;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .credit-cards li{margin-right:7px;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .credit-cards li img{width:36px;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .card-number-wrapper .form-control{display: block;width: 55.5%;border-radius: 0.1875rem;border: 1px solid #75787b;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-clip: padding-box;background-color: #fff;padding-left: .75rem;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvv .formfield{float: left;width: 50%;margin-bottom: 1rem;} .pt_checkout .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvv .form-field-tooltip{float: none;margin-left: 50%;padding-left: 12px;padding-top: 4%;} .paymentmethods #PaymentMethod_CREDIT_CARD .card-number-wrapper {position: relative} .paymentmethods #PaymentMethod_CREDIT_CARD .card-number-wrapper:after {content: "";position: absolute;right: 4px;background-repeat: no-repeat;background-image: url("../../images/credit.png");background-size: contain;width: 48px;height: 30px;top: 6px;} .paymentmethods #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=plcc]:after {background-image: url("../../images/cosmo-plcc-newcard.png");background-size: contain;width: 48px;height: 30px;top: 6px;} .paymentmethods #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=visa]:after {background-image: url("../../images/payment-types.png");background-size: auto;background-position: -162px -110px} .paymentmethods #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=mastercard]:after {background-image: url("../../images/payment-types.png");background-size: auto;background-position: -295px -110px} .paymentmethods #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=amex]:after {background-image: url("../../images/payment-types.png");background-size: auto;background-position: -230px -15px} .paymentmethods #PaymentMethod_CREDIT_CARD .card-number-wrapper[data-type=discover]:after {background-image: url("../../images/payment-types.png");background-size: auto;background-position: -95px -110px} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvn {width: 100%;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvn span.error {color: red;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .exp-month.error #dwfrm_billing_paymentMethods_creditCard_month {border: 1px solid red;} .pt_checkout .order-summary-footer .form-row {width: 100%;} .pt_checkout .order-summary-footer .form-row #shippingContBtn {width: 50%;background-color: rgb(10, 31, 62);color: rgb(255, 223, 137);font-size: 16px;font-family: raleway;font-weight: bold;padding: 10px 13px 9px 13px;width: 192px;text-align: center;text-transform: uppercase;} .pt_checkout .order-summary-footer .form-row #shippingContBtn:hover{background-color: rgb(150, 170, 176);color: rgb(255, 255, 255) !important;border-width: initial;border-style: none;border-color: initial;border-image: initial;padding: 10px 13px 9px;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .hidden-label {display: none;} .pt_checkout .payment-method .label-inline label{color: #333333;/* margin-left: 9px; */margin-right: 1.25em;margin-top: .0625em;/* padding-bottom: 5px; */font-weight: 400;margin-bottom: 4.5px;font-family: lato;line-height: 1.25rem;font-size: 17px;} .pt_checkout .paymentmethods #PymentMethod_CREDIT_CARD input[type="text"],.pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD input[type="password"] {width: 68%; height: 42px !important;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .month select,.pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .year select {width: 100%;background-position: 94%;border-radius: 0.1875rem;/* border: 1px solid #75787b; */transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-clip: padding-box;} .pt_checkout .paymentmethods .payment-method {margin-top: 25px;width: 100%; max-width: 331px; } .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .exp-month .month {margin-bottom: 1rem; width: 48%; padding-left: 0;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .exp-year .year {width: 48%;padding-left: 4%;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvn input { width: 100%;box-sizing: border-box;border-radius: 0.1875rem;border: 1px solid #75787b; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-clip: padding-box; padding: 11px 8px 10px 8px;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvn input.error, .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD #cardNumber-container.flex-microform-invalid{border: 1px solid red !important;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvn input.error, .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD #cardNumber-container.error{border: 1px solid red;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .exp-month .form-caption.error-message, .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvn .form-caption.error-message {display: none;} .pt_checkout #billing-forms-container select, .pt_checkout #billing-forms-container input[type="text"] {width:75%; box-sizing: border-box;} /* Review order */ .show-only-tablet {display: none;} .pt_checkout .orderNotesContainer {display: inline-block;width: 85.6%;float: left;padding-left: 0;} .pt_checkout .orderNotesContainer .form-row {margin: 0 0} .pt_checkout .orderNotesContainer .form-row label { padding: 0 0;} .pt_checkout .orderNotesContainer textarea {margin:2px 0 0 0 ;height: 149px;resize: none;width: 100%;border-color: #000000;font-size: 16px;} .pt_checkout .SummaryContainer {margin-bottom: 30px;} .pt_checkout .SummaryContainer .form-row label {padding-bottom: 0;} .pt_checkout .submit-order .csnoteheader {width: 100%;font-family: Lato;font-size: 16px;color: #000000;font-weight: 600;} .pt_checkout .submit-order .csnotedesc {color: #666666;width: 100%;font-family: Lato;font-size: 16px;font-style: normal;display: inherit;} .pt_checkout .POContainer {float: left;margin-top: 20px;} .pt_checkout .POContainer .from-row lable {padding: 0 0;} .pt_checkout .POContainer input[type="text"] {padding: 15px 8px 14px 10px;} .pt_checkout .order-review-summary {clear: both;margin-top: 10px;display: inline-block;width: 100%;} .pt_checkout .submit-order .checkoutMsg {width: 100%;text-align: left;float: left;font-size: 16px;color: #999999;font-family: Lato;font-style: italic;} .pt_checkout .submit-order .checkoutMsg span { display:inline-block;max-width:419px;} .pt_checkout .order-totals-table .order-total td {font-size: 21px;} .pt_checkout .submit-order-wrapper {width: 41.5%;float: right;} .pt_checkout .submit-order button {margin: 0 0 0 0;} .pt_checkout .submit-button-msg {font-family: Raleway;font-size:16px;font-style: italic;text-align: center;color: #999999;width: 100%;display: inline-block;margin: 2px 0;font-weight: 600;} a.transparent-button {font-family: Raleway;font-size: 16px;font-weight: bold;text-transform: uppercase;color: #000000;border: 2px solid #000000;padding: 10px;float: left;} a.transparent-button.return-shopping {float: right;} a.transparent-button.see-more {padding: 10px 30px;} .summary-page .table-actions {display: inline-block;width: 100%;margin: 5px 0;} .summary-page .table-actions .see-less { width: 143px; padding: 10px 0; text-align: center; } .summary-page .checkout-msg-for-mobile {display: none;} .pt_checkout .summary-page .item-list .items-inyour-cart {margin: 27px 0 0px;padding-bottom: 22px;} .pt_checkout #main #primary .review-order.step-3 .mini-billing-address.order-component-block { width:30%; float: left; font-family: Raleway; font-size: 16px; line-height: 24px; margin-bottom: 10px;} .pt_checkout #main #primary .review-order.step-3 .mini-billing-address.order-component-block .cardno-label{font-weight: bold;} .pt_checkout #main #primary .review-order.step-3 .mini-billing-address.order-component-block .billing-accountno { font-weight: 600; float:left; margin-bottom: 13px; width: 100%; } /*CP-2712*/ .pt_checkout .payment-method #PaymentListContainer {margin-top: 5px; overflow: visible; padding: 1px; box-sizing: border-box;} .pt_checkout .payment-method #PaymentListContainer input[type="radio"] {display:none;} .pt_checkout .payment-method #PaymentListContainer .payment-method-label {border: .5px solid #979797; margin-bottom: 9px; padding: 15px 0 26px 20px; width: 100%; box-sizing: border-box; cursor: pointer; overflow: hidden;} .pt_checkout .payment-method #PaymentListContainer .Visa, .pt_checkout .payment-method #PaymentListContainer .on-account-response-container .Visa {background-image: url('../images/icons/Icon/Payment/Visa.png'); display: block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 36px; height: 23px;} .pt_checkout .payment-method #PaymentListContainer .Amex, .pt_checkout .payment-method #PaymentListContainer .on-account-response-container .Amex {background-image: url('../images/icons/Icon/Payment/Amex.png'); display: block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 36px; height: 23px;} .pt_checkout .payment-method #PaymentListContainer .MasterCard, .pt_checkout .payment-method #PaymentListContainer .on-account-response-container .MasterCard {background-image: url('../images/icons/Icon/Payment/Mastercard.png'); display: block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 36px; height: 23px;} .pt_checkout .payment-method #PaymentListContainer .Discover, .pt_checkout .payment-method #PaymentListContainer .on-account-response-container .Discover {background-image: url('../images/icons/Icon/Payment/Discover.png'); display: block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 36px; height: 23px;} .pt_checkout .payment-method #PaymentListContainer .PLCC,.pt_checkout .payment-method #PaymentListContainer .on-account-response-container .PLCC {background-image: url('../images/icons/Icon/Payment/cosmo-plcc-newcard.png'); display: block; background-repeat: no-repeat; background-position: center; background-size: contain; width: 36px; height: 23px;} .pt_checkout .payment-method #PaymentListContainer .card-info {margin-top: 7px; display: flex; width: 100%;} .pt_checkout .payment-method #PaymentListContainer .card-details {display: flex; width: 100%; padding-left: 10px; padding-top: 1px; color: #152935;font-size: 11px; line-height: 13px; font-weight: 400;} .pt_checkout .payment-method #PaymentListContainer .card-details .card-details-wrapper{margin-bottom: 20px; position: relative; top: -4px;} .pt_checkout .payment-method #PaymentListContainer .checked {border: 3.5px solid #0A1F3E;} .pt_checkout .payment-method #PaymentListContainer .checked input.cvn-card {display:block; height: 38px; width: 75px; padding: 6px; margin-left: 20px; font-size:13px; border-radius: 2px;} .pt_checkout .payment-method #PaymentListContainer .add-new-label.checked{padding-top: 0;} .pt_checkout #PaymentMethod_CREDIT_CARD .form-row.cvn {margin-bottom: 0; width: 40%; margin-left: 0; margin-top: -6px;} .pt_checkout #PaymentMethod_CREDIT_CARD .new-credit-card-flex-fields .form-row.cvn.form-row.cvn {width: 96%;} .pt_checkout .payment-method #PaymentListContainer .on-account-label:not(.checked), .pt_checkout .payment-method #PaymentListContainer .add-new-label:not(.checked) {padding:20px 0 20px 20px; text-transform: uppercase;} .pt_checkout #billing-forms-container .edit-address-button {float:right; width:23%;} .pt_checkout #billing-forms-container .missing-fields-billing-error {margin-top: 25px; margin-bottom: 15px; font-weight: normal; font-size: 12px; color: #152836;} .pt_checkout .payment-method #PaymentListContainer .payment-method-label:not(.checked) span.error {display:none !important;} .pt_checkout #PaymentMethod_CREDIT_CARD .cvv {display:flex;} .pt_checkout #fieldset_billing_address_select .checkout-subheader {padding-top:50px;} .pt_checkout #PaymentMethod_CREDIT_CARD .Card-label, .pt_checkout #PaymentMethod_CREDIT_CARD .add-new-label-text, .pt_checkout #PaymentMethod_CREDIT_CARD .on-account-label {font-size: 12px; line-height: 13px; font-weight: bold;} .pt_checkout .on-account-label .loader {position: relative; width: 100%; height: 100%;} .pt_checkout .on-account-label .loader-indicator {position: relative; top: unset; left: unset; margin: 0 auto; background-position: center; width: 34px; height: 34px;} .pt_checkout .on-account-label .loader-bg {display:none;} .pt_checkout #PaymentMethod_CREDIT_CARD .cvn span.error {margin-left: 20px;} .pt_checkout .checked .on-account-response-container {margin-top:20px;} .pt_checkout .payment-method #PaymentListContainer .on-account-response-container input[type="radio"] {display:block; width:20px; transform: scale(0.8);} .pt_checkout .payment-method #PaymentListContainer .on-account-response-container .card-info {margin-top:0; margin-left: 10px;} .pt_checkout .payment-method #PaymentListContainer .on-account-response-container label {display:flex; margin-bottom: 25px;} .pt_checkout .payment-method #PaymentListContainer .checked .on-account-response-container .onAccount-checked input.cvn-card {display:block; position: relative; top: -6px;} .pt_checkout .payment-method #PaymentListContainer .checked .on-account-response-container input.cvn-card {margin-left: 17px;} .pt_checkout .payment-method #PaymentListContainer .checked .on-account-response-container input.cvn-card {display:none;} .pt_checkout #PaymentMethod_CREDIT_CARD .on-account-response-container .form-row.cvn {float: right; margin-top: 0; margin-right: 0;} .pt_checkout #PaymentMethod_CREDIT_CARD .on-account-response-container .cvn span.error {max-width: 174px; margin-left: 16px;} .pt_checkout #PaymentMethod_CREDIT_CARD .on-account-response-container .account-terms-info {font-size: 11px; line-height:13px; text-align:left; padding-right:20px; color:#152935; font-weight:normal; margin-left: 25px;margin-bottom:0; margin-top:4px;} .pt_checkout #PaymentMethod_CREDIT_CARD .on-account-response-container span.account-terms-info {font-weight: bold; line-height: 15px;} .pt_checkout .paymentmethods #PaymentMethod_CREDIT_CARD .cvv span.error {margin-left: 0; width: 180px; margin-top: .25rem; font-size: 80%; color: #e0182d; padding: 0;font-weight: 400; line-height: 1.5;} .pt_checkout #PaymentMethod_CREDIT_CARD .on-account-response-container .payment-on-account-error {margin-bottom: 6px; font-size: 11px;} .pt_checkout #PaymentMethod_CREDIT_CARD .on-account-response-container .on-accoun-empty-tokenized-error {font-size: 11px;} /* -------------- END of Sprint4 Styles ------------------ */ /* -------------- Contact Us ------------------ */ .contact-us select, textarea {width:51.5%; box-sizing: border-box;} .pt_customer-service .breadcrumb{display:none} .pt_customer-service .primary-content{padding-top:0;} .pt_customer-service .contact-us div.form-row .tdtopic { padding:0; width: 100%; float: left;} .pt_customer-service .contact-us table td.tdtopic { padding:0; float: left;} .pt_customer-service .contact-us .tdtopicSelect { width: 100%; float: left; padding: 0;} .pt_customer-service .contact-us label{ text-align: left; width: 100%; color: #000; font-family: lato; font-weight: bold; font-size: 16px; margin-bottom: 5px; } .pt_customer-service .contact-us .input-textarea { margin:0; border-color: #000; } .pt_customer-service .contact-us .form-row-button{margin:0 0 20px; width:100%; box-sizing: border-box;} .pt_customer-service .contact-us .form-row-button button{width:25%; float:left;} .pt_customer-service .contact-us .form-row-button button#sendBtn{margin-right: 15px; padding-bottom: 12px; } .contactusdialog {padding-top: 0 !important;} .contactusdialog .ui-dialog-buttonset{float: left;} .pt_customer-service .dialog-required{ width: 52%; padding: 0; float: left; text-align: right; margin-top: 34px; } .pt_customer-service .dialog-required .required-indicator { font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 14px; } .pt_customer-service .contact-us form{width: 100%; float: left; margin-top: 25px; } .pt_customer-service .contact-us form table .tdtopic{ } .pt_customer-service .contact-us form table .tdtopicValue{ float:left; font-size: 16px; } .contact-us-dialog #dialog-container{ padding: 0px;} .contact-us-dialog #dialog-container .contactusdialog{ width: 65%; margin: auto; padding-bottom: 45px;} .contact-us-dialog #dialog-container p{ font-family: raleway; font-weight: bold; font-size: 16px; color: #000000;} .contact-us-dialog #dialog-container #close{padding: 14px 46px 13px 46px; margin-top: 15px;} .pt_customer-service .contact-us .form-row.form-row-button {padding: 25px 0 0;} /* -------------- END of Contact us ------------------ */ /* -------------- DROP-5 ------------------ */ /* Below style related to only beauty blog and brand pages */ .mobileOnly{display:none} .desktopOnly{display:block} .beautyBlog {width: 80%; float: right; margin-top:8%;} .beautyBlog .header-blog {padding: 0;} .beautyBlog .header-blog h2{border-bottom: #000 solid; border-width: 2px; font-size: 42px; font-family: raleway;color: #000;margin-bottom:0;} .beautyBlog .breadcrumb{display: none;} .beautyBlog .listing-filters{display: none;} .socialPreviewMobile{display: none;} .article-content {width: 100%; float: right;} .Article-right {float: right;text-align: right; width: 30%; padding: 0px 0px 20px 30px; box-sizing: border-box;} .Article-right .refinmentSection {position: relative;} .Article-left {width: 70%; padding: 0;} .featuredArticle {width:100%; float: left; height: auto;} .beautyBlog .viewall{float: right; padding-bottom: 84%;} .beautyBlog .readmore {font-style: normal;} .featuredArticle div{padding:0;} .Article-left .share {font-size: 16px; color: #000000;float: left; padding: 0px 0px 17px 10px; cursor: pointer; position: relative; width: 70%;margin-top: 20px;} .Article-left .share .fa-share{font-size: 20px;} .featuredArticle, .Article-folder-content-list, .listArticle {padding:0;} .Article-left a.readmore{width: 100%; float: left;color: #000000; text-decoration: underline; font-family: lato; font-weight: bold;font-size: 16px;} .beautyBlog .search-results-content {width: 97%;height: auto;} .Article-left .featuredArticle .featuredArticle-left{width:70%;float:left;} .Article-left .featuredArticle .featuredArticle-right{width: 30%; float: left; background: #ffffff;} .Article-left .featuredArticle .featuredArticle-right .share{margin-top:0;width: 50%;} .Article-left .share .social-icons{display: none; width:255px;} .Article-left .share:hover .social-icons { display: block; position : absolute; top: 0px; right: 0px; left:0; } .relatedPosts .Articles .share .social-icons {display: none; width:255px;} .relatedPosts .Articles .share:hover .social-icons { display: block;} .Article-left .featuredArticle .featuredArticle-right span.views{float: right; width: 100%; text-align: right; padding: 7% 4% 13% 0px;} .Article-left .featuredArticle .featuredArticle-right .content{padding: 0px 5px 23% 30px;float: left;} .Article-left .featuredArticle .featuredArticle-right .content a.readmore{text-decoration: none;width: auto; float: left; font-family: raleway; font-weight: bold; font-size: 14px; text-align: center;} .Article-left .featuredArticle .featuredArticle-right .content h3{font-family: raleway; font-size: 24px; font-weight: normal; margin: 0px;} .Article-left .featuredArticle .featuredArticle-right .content p{height: 7.1em; overflow: hidden;} .Article-left .featuredArticle .featuredArticle-right, .views, .left p {font-size: 16px; font-family: lato; color: #000000; } .Article-left .featuredArticle .featuredArticle-right .left li .listArticle-right h3{font-size: 1.4em; font-family: raleway;} .Article-left .social-icons{float: left;position: relative; top: -37px;} .Article-left .social-icons a{position: relative; float: left;} .Article-left .social-icons a .fa-angle-down{position: absolute; top: 14px; left: 19px; color: #d9d9d9;font-size: 18px;} .Article-left .social-icons a .tool-tip{ border-radius: 2px;background: #ffffff;border: 1px solid #d9d9d9; position: absolute;top: 0px;left: 3px; width: auto;text-align: center; min-width: 85%;} .Article-left .left ul.Article-folder-content-list li {width: 100%; float: left; padding: 0;} .Article-left .left ul.Article-folder-content-list{ width: 100%; box-sizing: border-box; margin-top: 4%;} .Article-left .left ul.Article-folder-content-list .mainArticles { margin: 0px 4% 10px 0px; background: #fff !important; min-height: initial; height: initial;} .Article-left .left ul.Article-folder-content-list .list-2 .listArticle-left{min-height: 270px;} .Article-left .left ul.Article-folder-content-list .list-3 .listArticle-left{min-height: 270px;} .Article-left .left ul.Article-folder-content-list .mainArticles .listArticle-left{min-height: 215px;} .Article-left .left ul.Article-folder-content-list .mainArticles .listArticle {float: left; width: 100%; min-width: 100%;} .Article-left .left ul.Article-folder-content-list .mainArticles .listArticle .views{float: right;} .beautyBlog .Article-left .left{width: 100%;} .beautyBlog .refinmentSection .clearall .link-button-large{width: 100%; box-sizing: border-box; margin-top: 10px;text-align: center;} .beautyBlog .Article-left ul li .listArticle .listArticle-right .description{height: 40px; overflow: hidden;} .beautyBlog .Article-left li .listArticle .listArticle-right h3{font-size: 18px;} .beautyBlog .Article-left ul li{width: 100%; background: none; margin-bottom: 30px; height: 196px; min-height: 196px;} .beautyBlog .Article-left .left ul li .listArticle .listArticle-left{width: 25%; min-width:25%; float:left; padding: 0; height:inherit;} .beautyBlog .Article-left ul li .listArticle .listArticle-right{min-height: inherit; width: 70%; min-width:72%; margin-left: 3%;box-sizing: border-box;float:left; background: #ffffff; padding: 15px;} .beautyBlog .Article-left ul li .listArticle .listArticle-right h3{ word-wrap: break-word; margin: 0; font-weight: normal; font-family: raleway;} .beautyBlog .Article-left ul li div.listArticle {background: none; min-height: inherit; min-width:inherit; width: 100%; float: left; clear: both;} .beautyBlog .Article-left ul li div.listArticle > span {display: none;} .beautyBlog .Article-left ul .mainArticles div.listArticle > span{display: block; padding:10px;} .Article-left .left ul.Article-folder-content-list .mainArticles .listArticle .listArticle-right .share span{float: none;} .Article-left .left ul.Article-folder-content-list .mainArticles .listArticle .listArticle-right > span.views{display: none;} /* .Article-left .left ul.Article-folder-content-list .list-3 {width: 56%; margin: 0px 0px 10px 0px;} .Article-left .left ul.Article-folder-content-list .list-5 {width: 26%; margin: 0px 4% 12px 0px;} .Article-left .left ul.Article-folder-content-list .list-5 .share{width:100%;} .Article-left .left ul.Article-folder-content-list .list-6 .share{width:100%;} .Article-left .left ul.Article-folder-content-list .list-2 {margin-bottom: 4%;} .Article-left .left ul.Article-folder-content-list .list-3 {margin-bottom: 4%;} .Article-left .left ul.Article-folder-content-list .list-6{width: 26%; margin: 0px 0px 10px 0px;} */ .beautyBlog .Article-left ul li .listArticle .listArticle-right > span.views{display: block;float: right;} .beautyBlog .refinmentSection {width:100%; float:left; margin-bottom: 12%;} .beautyBlog .refinmentSection .blog-search{width: 100%; margin-bottom: 20px;} .beautyBlog .refinmentSection .blog-search #q{float: left; width: 81.5%; box-sizing:border-box;} .beautyBlog .refinmentSection .blog-search .blogSearchBtn{float: left; width: 18%;padding: 0px; line-height: 42px;} .beautyBlog .refinmentSection .refinement {border: none; width:100%; margin-bottom: 20px; padding: 0px;} .beautyBlog .refinmentSection .refinement .selectRefinements {width: 100%;color:#444444;} .beautyBlog .refinmentSection .clearall {padding: 0px; width: 87%;} .beautyBlog .refinmentSection .clearall a{display: inline-block;} .beautyBlog .clearall a.primaryButtn {padding: 11px 10px 12px 10px; width: 42%; float: left;} .beautyBlog .clearall a.secondarybtn{width: 34%;} .beautyBlog .socialPreview .instragram{width: 100%; margin-bottom: 10px; float: left;} .beautyBlog span.SocialTilte{float:left; font-family:raleway; font-weight: bold; font-size: 18px; text-transform: uppercase;color: #000;} .beautyBlog a.seeMore{color: #000000; text-decoration: underline;font-family: lato; font-size:16px;} .article-content {margin-top: 8%;} .article-content .content {width:80%; float: right;} .article-content .content #article_wrapper .title{ margin: 1% 0 15px; border-bottom:2px solid #000; width: 100%; font-family: raleway; font-size: 24px; color: #000; font-weight: 600; padding-bottom: 15px; } .article-content .content #article_wrapper .HeroImage-Videos{width:97.2%; float: left; min-height:340px;} .article-content .content #article_wrapper .articlebody{font-size: 16px; color: #000; width: 95%; float: left;} .article-content .shareBtn { padding: 25px 30px 0px 0px; text-align: right;} .pt_storefront #main .article-content .home-bottom{ padding-bottom: 2%;} .article-content .comments { width:100%; float: left; padding: 0 0px; box-sizing: border-box; } .article-content .comments iframe table{width:100%; float: left; color: red;} .relatedPosts {width:100%; float: left; padding: 0 1%; box-sizing: border-box; } .relatedPosts .title{width: 100%; float: left; border-bottom: 2px solid; font-size: 24px; color: #000;font-family: raleway; font-weight: 600; line-height: 60px; margin-bottom: 30px;} .relatedPosts .Articles{ width: 100%;box-sizing: border-box; list-style: none;} .relatedPosts .Articles .article {width: 23%; float: left; background: #fff; margin-right: 30px; margin-bottom: 30px; padding-bottom: 30px;} .relatedPosts .Articles .article .views{float:right; padding: 5px;} .relatedPosts .Articles .article .readmore{ width: 100%; float: left; color: #000;text-decoration: underline; font-family: lato; font-weight: bold; font-size: 16px;} .relatedPosts .Articles .article .row-2{padding: 0px 60px 35px 20px; box-sizing: border-box;} .relatedPosts .Articles .article .row-2 h3 a{font-size: 18px; font-family: raleway; font-weight: 400;color: #000;font-weight: 700;} .relatedPosts .Articles .article .row-2 .related-article-title{line-height: 22px;} .relatedPosts .Articles .article .description{font-size: 16px; line-height: normal; text-align: left; color: #000; height: 80px; overflow: hidden;} .relatedPosts .Articles .article .fa-share{font-size: 20px;} .relatedPosts .Articles .share{position: relative;margin-top: 30px; float: left; cursor: pointer;} .relatedPosts .Articles .share .social-icons{ display: none; position: absolute; } .relatedPosts .Articles .share .social-icons:hover{display: block;position: absolute; top:0;} .relatedPosts .Articles .article span{font-size: 16px; color: #000;} .relatedPosts .Articles .article:last-child{margin-right: 0;} .relatedPosts .Articles .article .row-1 { width: 100%; float: left; } .relatedPosts .Articles .article .row-2 { width: 100%; float: left; } .pt_content .content-asset #article_wrapper .title{ font-family: 'Raleway'; text-transform: uppercase; padding-bottom: 10px; font-style: normal; font-size: 42px; font-weight: 600; color: #000; padding: 25px 0; margin: 25px 0 30px; line-height: 31px; border-bottom: 2px solid #000; text-transform: uppercase; } .pt_content .content-asset #article_wrapper .articlebody{font-size: 16px; color: #000;} /* -------------- BrandPortfolio ------------------ */ #brandTitle {border-bottom: 0px solid #d5d5d5;font-size: 38px; margin-top: 5%;font-weight: lighter; } .content-asset #article_wrapper .articlebody{font-size: 16px; color: #000;} .content-asset #article_wrapper .title span{font-family: raleway; font-weight: bold; font-size: 42px;} #brandTitle span{font-family: lato; font-size: 16px;text-transform: uppercase;float: right; } #brandTitle span.count{font-weight: bold; margin-right: 3px;} #BrandPortfolio{float: right; width: 100%; border-top: 1px solid #d5d5d5;} .brandPortfolio .product-tile .product-pricing{ display: none;} .brandPortfolio .product-tile .product-name { margin: 13px 0 20px;} #BrandPortfolio .backTop{float: left; width: 99%; text-align: right; font-size: 16px; font-family:lato;text-decoration: underline;} #BrandPortfolio .QuickNavigationBar{width:100%; float: left; border-top: 1px solid #d5d5d5; padding: 15px 0px;} #BrandPortfolio .QuickNavigationBar a{ text-transform: uppercase; padding: 20px 16px 20px 16px;} #BrandPortfolio .QuickNavigationBar a:last-child{padding: 20px 0px 20px 16px;} .floating-box {display: inline-block;width: 180px;text-align:center; margin: 10px 3px 10px 0px;} #BrandPortfolio .brandNames {width: 100%; float: left; border-top: 1px solid #d5d5d5; margin-bottom: 50px;} #BrandPortfolio .brandNames ul{ padding: 3% 0px 3% 0px; list-style: none; margin: 0;width: 33%; float: left;text-align: center; line-height: normal;border-bottom: 1px solid #d5d5d5; } #BrandPortfolio .brandNames ul.second-row{ border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5;} #BrandPortfolio .brandNames ul li{ font-size: 16px; font-family: lato; font-weight: normal;} #BrandPortfolio .brandNames ul li.popularBrandName{font-weight: bold;} #BrandPortfolio .brandNames ul li.brandLetter { text-transform: uppercase; font-family: raleway; font-size: 38px; font-weight: lighter;} #bp_wrapper .home-bottom-slots{float: left; width: 100%;} #bp_wrapper .editChoice {width: 100%; float: left; text-align: center;} #bp_wrapper .editChoice .product-block{width: 100%; float: left; margin-bottom: 2%;} #bp_wrapper .editChoice .product-block ul.search-result-items li{margin:0 26px 0 0px} #bp_wrapper .label_text{text-transform: uppercase; text-align: left; font-size: 38px; font-family: raleway;font-weight: lighter; color: #333; border-bottom: 1px solid #999;} #bp_wrapper .editChoice .product-block ul.search-result-items li:last-child {margin-right:0 !important;} #bp_wrapper .editChoice .shopAllProducts{font-size: 16px;font-family: lato;font-weight: bold;text-decoration: underline;} #bp_wrapper .cp_Trending{width: 32%; padding-bottom: 0;} #bp_wrapper .cp_Trending .trend{width:100%; height: 280px;} .brandPortfolio {padding:0;} .brandWrapper .WhatNew{float: none; width: 100%;} .brandWrapper .featureBrand{display: none;} .brandPortfolio #bp_wrapper{width: 80%;float: right; padding-bottom: 15%;} .brandPortfolio #primary{padding: 0;} .brandPortfolio #WhatNew{width:100%;} .brandPortfolio #secondary {z-index: 1;} .brandPortfolio #secondary .sideNav a{color: #000;} .brandPortfolio #secondary .sideNav .titleLabel {font-size: 16px;font-family: raleway; font-weight: bold;} .brandPortfolio #secondary .sideNav .productlinks a{ margin-bottom: 10px;font-size:16px; float: left; width:100%;} .brandPortfolio .search-result-items.tiles-container .product-tile img{height: auto;} .brand-Background-Images {position: relative;} .brand-Background-Images .brand-text{position: absolute; top: 25%; left: 22%; width: 30%;} .brand-Background-Images .brand-text .brand-title{margin-bottom: 30px;font-size: 38px; font-family: raleway; color: #333333; float: left; width: 100%;}\.brand-Background-Images .brand-text .brand-title{font-size: 38px; font-family: raleway; color: #333333; float: left; width: 100%;} .brand-Background-Images .brand-text .brand-info {font-size: 25px; font-family: raleway; color: #333333; float: left; width: 100%;} .brandPanel{position: absolute; color: #fff; top: 40%;width: 30%;left: 20%; word-break: break-word;} .brandPanel .brandName{font-size: 38px; font-family: raleway; font-weight: lighter;color: #fff;margin:0; border-bottom: none;} .brandPanel .showCasePanel{font-size: 25px; font-family: raleway; font-weight: lighter;} /* -------------- END of DROP-5 ------------------ */ /* -------------- Forgot Password ------------------ */ .ui-dialog.forgot-password .ui-dialog-titlebar.ui-widget-header { margin:0; } .ui-dialog.forgot-password .ui-dialog-content { padding:15px 20px; float:left; } .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap { width:628px; margin: 0;} .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .label { font-size: 16px; color:#000; margin: 0 0 25px; font-family: 'Lato'; float: left; } .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordRes{ float:left; margin-bottom: 45px; } .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordReset input.myAcc_reqpaswrd_logn_btn { width: 360px; } .ui-dialog.forgot-password .ui-dialog-content .cp_myAcc_retrivPaswrd_wrap .PasswordReset .sendPassword { width:246px; font-family: Raleway;font-size: 16px;font-weight: bold; padding: 12px 0 11px; margin: 0;} .ui-dialog #dialog-container .cp_myAcc_retrivPaswrd_wrap .PasswordReset .sendpassword {padding: 13px 30px;} .ui-dialog #dialog-container .cp_myAcc_retrivPaswrd_wrap .label{margin-bottom: 10px; float: left;} /* ------------------------ no-results-page ------------------- */ #wrapper.pt_product-search-noresult .primary-content .no-results-page {margin-bottom: 58%; float: left; padding: 200px 0 0 150px; width: 100%; box-sizing: border-box; } #wrapper.pt_product-search-noresult .primary-content .no-results-page .no-results-header { font-weight: 600; color: #000; font-size: 24px; font-family: 'Raleway'; } #wrapper.pt_product-search-noresult .primary-content .no-results-page .section-header { padding: 0; margin-top: 75px; float: left; width: 462px; line-height: 38px; } #wrapper.pt_product-search-noresult .primary-content .no-results-page .section-header p { margin: 0; color: #000; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 18px; } #wrapper.pt_product-search-noresult .primary-content .no-results-page .no-hits-search { float: left; width: 100%; padding-top: 10px; } #wrapper.pt_product-search-noresult .primary-content .no-results-page .form-row.label-above label { width:100%; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 18px; color:#000; padding-bottom: 5px; } #wrapper.pt_product-search-noresult .primary-content .no-results-page input[type="text"] { width: 41.5966%; float: left; } #wrapper.pt_product-search-noresult .primary-content .no-results-page button { width: 230px; height: 42px; float:left; } /* ------------------ REQUEST TO RESET YOUR PASSWORD --------------------------- */ .pt_account #PasswordResetForm { margin-top:30px; float:left; width: 572px; } .pt_account #PasswordResetForm input { width: 100%; box-sizing: border-box;} .pt_account #PasswordResetForm button { background: none repeat scroll 0 0 #000; border-color: #FFF; border-style: none; border-width: 5px; color: #fff; cursor: pointer; margin: 15px 0; width: 311px; float: left; height: 40px; display: inline; padding: 0;text-align: center;text-transform: uppercase; } /* ------------------ 404 ERROR --------------------------- */ .pt_error .error404-container { margin:420px 0 520px; float:left; } .pt_error .error404-container .error404 { width: 100%; float: left; text-align: center; font-family: 'Lato'; font-weight: bold; font-size: 42px; color: #000;} .pt_error .error404-container .error404-msg { font-family: 'Lato'; font-weight: bold; font-size: 16px; width: 100%; float: left; text-align: center; margin-top: 20px; } .pt_error .error404-container .return_home { width: 100%; float: left; text-align: center; margin: 50px 0; } .pt_error .error404-container .return_home a { background: #000; text-align: center; padding: 15px 100px; color: #fff; font-family: 'Raleway'; font-style: normal; font-weight: bold; text-transform: uppercase; font-size: 16px; } ul.folder-content-list li .content-description{width: 100%; float: left; margin-bottom:10px;} #shop_address_list:focus option[value=""]{display: none;} /* ------------------ static pages --------------------------- */ .static { margin-bottom: 100px; } .static h3 { font-size: 24px; } .clear { clear: both; } .static a { text-decoration: underline; font-weight: bold; } .static p { font-size: 16px; } .static p b { font-size: 18px; } .static ul { font-size: 15px; } .static .image-section { margin-top:25px; } .static .removeSpace { margin-bottom: 0; line-height: 12px; } .static .removeSpace + p { margin-top: 0;} .static .content-area p:first-child { margin-bottom: 0; } .static .content-area p:last-child { margin-top: 0; } .static .col-3-3 { width: 31%; float: left; } .static ol li { margin-top: 5px; font-size: 15px; } .static blockquote { margin: 20px 0 20px 40px; } .static blockquote p { font-size: 15px; margin: 0; } .pt_content .checkout-security-code { margin-top: 60px; float: left; } .outofstockproductoverlay .product{ padding-top: 30px;width: 100%; float: left; border-bottom: 1px solid;} .outofstockproductoverlay .ProductImg{width: 196px; float: left;} .outofstockproductoverlay .title{font-size: 16px; font-family: raleway; color: #000; font-weight: 600;} .outofstockproductoverlay span.title{border-bottom: 1px solid; padding-bottom: 30px; width: 100%; float: left} .outofstockproductoverlay .sku{ font-size: 16px; font-family: lato;color: #000;} .outofstockoverlay{width: 50% !important;} .outofstockoverlay .ui-dialog-titlebar.ui-widget-header{padding: 20px 26px 10px;} .outofstockoverlay #dialog-container{padding: 25px 23px 60px 30px;float: left;} .pdp-main .socialiconspdp a.addthis_button_pinterest_share{background: url("../images/pinterest.png")no-repeat; margin-top: 2px; margin-left: 5px;} .pdp-main .socialiconspdp a.addthis_button_email{background: url("../images/PDPemail.png")no-repeat;margin-top: 3px;} .pdp-main .socialiconspdp a .at-icon-wrapper{ background: none !important;width: 20px !important; height: 20px !important;} .pdp-main .socialiconspdp a .at-icon-wrapper .at-icon{fill:#000 !important; width: 20px !important; height: 20px !important;} .pdp-main .socialiconspdp a.addthis_button_pinterest_share .at-icon-pinterest_share{fill: none !important;} .pdp-main .socialiconspdp a.addthis_button_email .at-icon-email{fill: none !important;} .pdp-main .PDPinstagram { margin-left: 3px;background: url("../images/instagram.png")no-repeat;margin-top: 3px;float: left; width: 20px; height: 20px; cursor: pointer;} .pdp-main .PDPinstagram a.icon{float: left; width: 20px; height: 20px;} .pdp-main .product-content-sku .sdd-pdpsection {display: none !important;} .zoomContainer { z-index:99999; display:none; } .zoom-active .zoomContainer { display:block; } /* Virtula sign up(Merged) */ .vsu_signup .form-row.professionbox input{top:15px;} .vsu_signup #vsu-start-form .form-row.professionbox label {margin: 10px 0 0px 30px;} .vsu_signup #main{padding: 15px 0 0 18%; box-sizing: border-box;} .vsu_signup #main .vsu-proclub ul li{width: 100%; float:left;} .vsu_signup #main .vsu-proclub input[type="radio"]{margin: 5px 0 10px 20%;} .vsu_signup .vsu-contactinfo .email-row{width: 37em;} .vsu_signup .vsu-contactinfo .form-row.select-city {width: 35em;} .vsu_signup .vsu-contactinfo .form-row.select-state select{width: 40%;} .vsu_signup .vsu-contactinfo .form-row.select-state select{width: 50%;margin-left: 3%;} .vsu_signup .vsu-contactinfo .form-row.phone-type select{width: 50%;margin-left: 3%;} .vsu_signup .vsu-mainform .businessinfo .form-row.business-name input{margin-left:0;width:60%;} .vsu_signup .vsu-proclub .form-row {width: 46%; margin-left: 1%;} .vsu_signup .form-row.employee-type-row input, .vsu_signup .form-row.professional-type-row input{top:10px;} .vsu_signup .vsu-contactinfo .form-row input[id$="_vsu_emailmessage"]{float: right; margin: 3px 20px 0px 0px;} .vsu_signup .vsu-mainform .vsu-contactinfo label[for$="vsu_emailmessage"]{margin-right: 32.7%;} .vsu_signup .vsu-contactinfo .form-row.select-zip{width:auto;} .vsu_signup .vsu-contactinfo .form-row.select-state{width:30em;} .vsu_signup .vsu-contactinfo .form-row.phone-type{width:30em;clear: none; display: inline-block;} .vsu_signup .vsu-contactinfo .form-row.select-zip, .select-zip-CA{width: auto;float:left;clear: none;} .vsu_signup .vsu-contactinfo .form-row.select-zip label{width: auto;} .vsu_signup .vsu-contactinfo .select-zip-CA label{width: auto !important;} .vsu_signup .vsu-contactinfo .select-zip-CA input {width: 4em;} .vsu_signup .vsu-contactinfo .form-row.select-phone {width: 35em;} .vsu_signup .messaging-options p.optout{width: 100%; float: left} .vsu_signup .messaging-options .input-options-left .form-row{width:65%;margin-bottom: 0;} .vsu_signup .messaging-options .form-row input[id$="textmessage"]{ width: auto; float: left; margin-top: 6px; margin-bottom: 0} .vsu_signup .messaging-options p.optout{margin: 0 0 0 3em;} .vsu_signup .vsu-mainform .vsu-proinfo .form-row label[for$="business_beautylicensestateUS"]{padding: 0.35em 0 0px 0px; width: 34%; text-align: left;} .vsu_signup .SelectBO label{ width: 10.538em;} .vsu_signup .SelectBO .businessinfo .form-row select {margin-left: 2%;} .vsu_signup .SelectBO .form-row.employee-type-row input{margin-top: 0;} .vsu_signup .SelectBO .form-row.professional-type-row input{margin-top: 0;} .vsu_signup .SelectBO .businessinfo .form-row.business-name input{margin-left: 10px;} .vsu_signup .vsu-mainform .vsu-proinfo .form-row input{width: 54%;} .vsu_signup .vsu-mainform .address1 input{width: 66%;} .vsu_signup .SelectBO .businessinfo label[for$="dwfrm_profile_business_businesslicense"]{width: 11em;} .vsu_signup .vsu-mainform .SelectBO .form-row.years-in-biz label{width: 14%;} .vsu_signup .vsu-mainform .form-row.years-in-biz label{width:31%; padding-right: 0;} .vsu_signup .vsu-congrats-confirm .vsu-returntoshop form input[type="password"]{margin-left: 15px;} .vsu_signup .vsu-congrats-confirm{margin-bottom: 10%;} .vsu_signup .messaging-options.terms-conditions .form-row input[type="checkbox"]{margin-top: 1%;} .vsu_signup .termsconditiions.moroccanoil.moroterms{width: 70% !important; top: -30px; left: 43px;} .vsu_signup #vsu-start-form .termsconditiions.moroccanoil.moroterms{float: left; right: -35%; top: -55spx;width: auto !important;} .vsu_signup .messaging-options{box-sizing: border-box;} .vsu_signup .messaging-options .form-row.phone-type{margin-top: 10px;} .vsu_signup .messaging-options .form-row.phone-type select{margin-left: 0;} .vsu_signup .messaging-options .form-row.phone-type label{width: 93%; float:left;} .vsu_signup .messaging-options.terms-conditions{ position:relative; } .vsu_signup #vsu-start-form .termsconditiions.moroccanoil.moroterms{float: left; left: 35%; bottom: 22px;right: auto; top: auto; position: absolute; width: auto !important;} .vsu_signup .messaging-options.terms-conditions .form-row label{width: 92%;} .vsu_signup .vsu-congrats-confirm .vsu-returntoshop .confirm-passwordEmail input{margin-left: 15px;} .vsu_signup .breadcrumb .breadcrumb-last{font-size: 14px;} .vsu_signup .vsu-contactinfo .form-row.select-bday{width: 246px; padding-bottom: 20px;} .vsu_signup .vsu-contactinfo .form-row.select-bday label{width: 100%; text-align: left;} .vsu_signup .vsu-contactinfo .form-row.select-bday input{margin-left: 0px;} .vsu_signup .vsu-mainform .vsu-emails span.error{margin: 1% 0% 0% 34%;} .vsu_signup .SelectBO .businessinfo .form-row.years-in-biz input{margin-left: 17px;} .vsu_signup .vsu-reprint-request{ margin: auto; padding: 2em 7em; width: 36em;display: table;} .vsu_signup .vsu-replacement-options{width: auto;} .vsu_signup .vsu-reprint-request label {padding: 0 5px; width: auto; float: right;} .vsu_signup .vsu-professiontype #submitButton{background: #000000; border-style: none; font-size: 14px;} .vsu_signup .vsu-professiontype #submitButton:hover{background: #bd9532 !important;} .vsu_signup #vsu-start-form .vsu-contactinfo input[id='dwfrm_profile_customer_emailconfirm']{float:left;} .vsu_signup #vsu-start-form .professinalinfo input[id='dwfrm_profile_business_licenseexpiration']{float:left;} /* CP */ .pt_storefront.vsu_signup .chkbox{width:100%; float:left; position:relative;} .pt_storefront.vsu_signup .chkbox .readterm-indicator.required-indicator{position:absolute; left:0; top:5px; } /* request Consultant */ .requestConsultant {width: 55%; float: left; margin-bottom: 10%; } .requestConsultant .col{width: 48%; float: left;} .requestConsultant .clear-fix{margin-right: 4%;} .requestConsultant select{width:100%;} .requestConsultant label{width: 100%; text-align: left;} .requestConsultant .address.form-row > div{width: 30%; float: left;} .requestConsultant .address.form-row .city, .requestConsultant .address.form-row .state {margin-right: 5%;} .requestConsultant input{width: 100%;padding: 12px 5px;box-sizing: border-box;} .requestConsultant ul{padding: 0;} .requestConsultant ul li{list-style: none;} .requestConsultant ul li label{width: 75%; float: right; padding-top: 0;} .requestConsultant .yourRole ul li, .requestConsultant .services ul li {width: 20%; float: left;word-break: break-word;} .requestConsultant .yourRole ul li input, .requestConsultant .services ul li input{width: 20%;} .vsu_signup #virtualsignupconfirm .email-row input{margin:0 0 0 15px;} .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm .form-row span[for='dwfrm_profile_login_passwordconfirm']{width: 81%;margin: 10px 0 0 0;text-align: center; float: left;} @-moz-document url-prefix() { #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .favorites a{padding-left: 18px; float: left;} #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .favorites::before{position: initial;float: left;} #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .mylist a{padding-left: 18px; float: left;} #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .mylist::before{position: initial;float: left;} #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .myprofile a{padding-left: 18px; float: left;} #wrapper header .right-nav .navigation-bar .CustomerInfo .menu-utility-user li .myaccount-info .myprofile::before{position: initial;float: left;} .welComelogin .login-box-table .right{width: auto;float:left;} .welComelogin .login-box-table .left{margin-right: 5%;} .welComelogin .login-rememberme .form-row{padding: 10px 0px 0px 0px;} .welComelogin .login-rememberme .form-row label{width: auto;} .cart-coupon-code .error{float: left;padding-left: 0;} } /* Session Logout page redesign */ .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers .form-row #dwfrm_login_username {width: 80%;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers .form-row #dwfrm_login_password {width: 80%;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers form .login-box-table{width: 100%;float:left;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers form .login-box-table .login-inputs {padding: 0.5em;width: 100%;box-sizing: border-box;float: left;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers form .login-box-table .left {width: 20%;margin-right: 5%;width: 95px;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers form .login-box-table .left .primaryButtn {width: 100%;margin: 15px 0 0 0;padding: .7em 0;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers form .login-box-table .right {float: left;width: 150px;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers form .login-box-table .right .login-rememberme .form-row{width:100%;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers form .login-box-table .right .login-rememberme .form-row label{padding: 25px 0px 0 0;width: 82%;} .pt_account #primary .col-1 .login-box.login-account .login-box-content.returning-customers form .login-box-table .password-reset {width: 100%;padding-top: 0;padding: 10px 0px 0 6px;} /*CPUAT-285 */ .shareBtn { z-index: 9999; } /*CP-408 */ .addedCartpopup{height: 100px!important;width: 200px!important;left: 0!important; right: 0;margin: 0 auto;padding:40px 0!important; box-sizing: border-box;background: #f9f9f7;font-size: 20px;border-radius: 10px;font-weight: 500;} .addedCartpopup .ui-dialog-titlebar{display: none;} .addedCartpopup .ui-dialog-content{padding: 0; text-align:center;} /*CPUAT-307 */ .disable-cart-button-minicart.button{border-color: #333333;opacity:0.5;pointer-events: none;} /* request Consultant */ .succes-msg {padding:10% 0 0 22%;} .request-heading {text-transform: uppercase;border-bottom: 1px solid;margin-top: 70px;padding-bottom: 20px;letter-spacing: 3px;font-size: 2em;word-spacing: 4px; } .requestConsultant .error{margin: 0;} .requestConsultant {width: 55%; float: left; margin-bottom: 10%; } .requestConsultant .col{width: 48%; float: left;} .requestConsultant .clear-fix{margin-right: 4%;} .requestConsultant select{width:100%;} .requestConsultant label{width: 100%; text-align: left;} .requestConsultant .address.form-row > div{width: 30%; float: left;} .requestConsultant .address.form-row .city, .requestConsultant .address.form-row .state {margin-right: 5%;} .requestConsultant input{width: 100%;padding: 12px 5px;box-sizing: border-box; } .requestConsultant input[type="checkbox"]{ width:15px; } .requestConsultant ul{padding: 0;} .requestConsultant .primaryButtn {width: 150px;} .requestConsultant ul li{list-style: none;} .requestConsultant ul li label{width: 75%; float: right;padding-top: 15px;} .requestConsultant .services ul li { width: 16.66%; float: left;font-weight: 700;font-size: 1.1em; } .requestConsultant .yourRole ul li { width: 20%; float: left; } .requestConsultant #salonConsultantForm .g-recaptcha {float: left;} .requestConsultant #salonConsultantForm .form-row.form-row-button{width: 100%; float: left; margin: 20px 0 0;} .requestConsultant .yourRole ul li input, .requestConsultant .services ul li input{width: 20%; margin: 3px 2%;} .requestConsultant #salonConsultantForm .otherType{width: 16%;font-weight: bold;font-size: 1.1em;} .requestConsultant #salonConsultantForm .otherType .otherbutton {padding-right: 20px;} .vsu_signup #virtualsignupconfirm .email-row input{margin:0 0 0 15px;} .vsu-congrats-confirm .vsu-returntoshop form#virtualsignupconfirm .form-row span[for='dwfrm_profile_login_passwordconfirm']{width: 81%;margin: 10px 0 0 0;text-align: center; float: left;} .requestConsultant #salonConsultantForm .otherTextBox{display: none; width: 150px;} .requestConsultant #salonConsultantForm .otherTextBox .form-row {margin: 0;} .requestConsultant #salonConsultantForm .otherTextBox #dwfrm_profile_other{ margin: 0;padding: 7px 3px; width:100%;} .requestConsultant #salonConsultantForm .form-row #dwfrm_profile_saloncomment{ margin: 0; width:100%;max-height: 130px;height: 130px;box-sizing: border-box;resize: none;} .requestConsultant #salonConsultantForm input {margin-left: 0; top: 10px;} .requestConsultant #salonConsultantForm .city #dwfrm_profile_address_city{ width: 100%} .requestConsultant #salonConsultantForm .select-zip #dwfrm_profile_address_zip{width: 100%} .requestConsultant #salonConsultantForm #dwfrm_profile_address_firstname{width : 100%} .requestConsultant #salonConsultantForm #dwfrm_profile_address_lastname{width : 100%} /*CP-409 */ #back-to-top {max-width: 100%; max-height: 100%; text-align: center; cursor: pointer;transition: opacity 0.2s ease-out; opacity: 1; display: none;} .main-backtotop-view-less{position: absolute; bottom: 0; right: -60px; z-index: 999; width: 60px; height: 60px; text-align: center;} .main-backtotop-view-less{position: fixed; bottom: 20px; right: 20px; z-index: 999; width: 60px; height: 60px; text-align: center;} #back-to-top.show {opacity: 1;} .main-backtotop-view-less{position: fixed; bottom: 20px; right: 20px; z-index: 999; width: 60px; height: 60px; text-align: center;} .quickview #back-to-top {display: block;} .quickview .main-backtotop-view-less{position: absolute; bottom: 0px!important;top: inherit !important; right: -60px; z-index: 999; width: 60px; height: 60px; text-align: center;} .main-backtotop-view-less.main-backtotop-footer{position: absolute; bottom: 0px;} /*CP-413 */ .add-to-cart-seeless {clear:both; padding-top: 20px;} .pdp-main .pdp-color-swatch-form-section #add-to-bag-bar.color-add-to-cart.add-to-cart-seeless{margin: 0;} /*CP-122 */ .retype-email.error{display: block;} /*CP-136 */ .preregemailoptin .form-indent{margin: 0;} .pt_account .preregemailoptin .form-row label{width: 95%;float: right;} .preregemailoptin .input-checkbox{position: absolute;} /*CPUAT-285 */ .shareBtn { z-index: 9999; } /*CP-408 */ .addedCartpopup{height: 100px!important;width: 200px!important;left: 0!important; right: 0;margin: 0 auto;padding:40px 0!important; box-sizing: border-box;background: #f9f9f7;font-size: 20px;border-radius: 10px;font-weight: 500;} .addedCartpopup .ui-dialog-titlebar{display: none;} .addedCartpopup .ui-dialog-content{padding: 0; text-align:center;} /*CPUAT-307 */ .disable-cart-button-minicart.button{border-color: #333333;opacity:0.5;pointer-events: none;} /*CP-492 */ .save_button_info {width: 52%;float: left;font-family: 'Raleway';font-style: normal;font-weight: normal;font-size: 14px;line-height: 19px;color: #000000;padding: 5px 0; margin: 0;box-sizing: border-box;} /*CP-495 */ .reset_edituser_popup{width:375px !important;} .reset_edituser_popup.ui-dialog .ui-dialog-title{font-size: 14px;} .reset_edituser_popup.ui-dialog .ui-dialog-titlebar-close{border: 1px solid #000000;} .reset_edituser_popup.ui-dialog .ui-dialog-titlebar.ui-widget-header{background:#ffffff} .reset_edituser_popup.ui-dialog .ui-dialog-content{padding:15px 23px 15px 30px;} .reset_edituser_popup.ui-dialog .ui-dialog-titlebar.ui-widget-header{margin: 0;} .reset_edituser_popup.ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick{background-image: url(../images/interface/close-icon-reset.png);height: 10px;width: 10px;margin: 0 auto;margin-top: 10px;} /*CP-323 */ .manage-user-info{margin-bottom: 30px;} .manage-user-info p{width: 100%;font-family: 'Raleway';font-style: normal;font-weight: 600;font-size: 14px;line-height: 19px;color: #000000;padding: 0; margin: 0;} /* CP-532 */ .order-history .orderdetailview{width: 100%; display: inline-block;} .order-history .orderdetailview .label.mobile-label {display:none;} #wrapper.pt_order .primary-content .order-history .order-history-labels .label.bsginvoiceno{width:12% } #wrapper.pt_order .primary-content .order-history .order-history-labels .label.shippedto {width: 30%; } #wrapper.pt_order .primary-content .order-history .order-history-labels .label.ordertotal{width: 10%; } #wrapper.pt_order .primary-content .order-history .order-history-labels .label.viewdetail{width: 10%; text-align: center;} #wrapper.pt_order .primary-content .order-history .order-history-labels .label.orderstatus{width: 8%; text-align: center;} #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .bsginvoiceno{ word-break: break-word; width: 12%; float: left; color:#000;} #wrapper.pt_order .primary-content .order-history ul.search-result-items.order-details .order-history-header .shippedto {width: 30%; float: left; color:#000;} /* CP-553 */ .pt_account .addMangeUser .assign-shipaddress-error.error{ padding:0 0 15px;} /* CP-636 */ /*new customer section*/ .my-account .dd3.newcustomer-dropdown{width:320px;} .my-account .newcustomer-dropdown .newcustomer-content{clear:both;} .my-account .newcustomer-dropdown .newcustomer-content.new-register h3{font-size:20px; line-height:22px; text-align: left; margin-top:0;} .my-account .newcustomer-dropdown .newcustomer-content.new-register h3 span{display:inline-block; color: #000000; font-size: 16px; line-height:22px;} .my-account .newcustomer-dropdown .newcustomer-content p{ font-family: lato;color: #000000; font-size: 16px; font-weight:400; line-height:29px; margin-bottom:10px;} .my-account .newcustomer-dropdown .newcustomer-content .newcustomer-btn{width:100%; padding:10px 0; margin-bottom: 20px; background-color:#000; color:#fff !important; text-align:center;} .my-account .newcustomer-dropdown .newcustomer-content.shop-loxabeauty .newcustomer-btn{margin-bottom:0px;} .my-account .newcustomer-dropdown .newcustomer-content .newcustomer-btn button{width:100%;} li.my-account.newcustomer.dd3:hover div.newcustomer-dropdown.dd3{display: none;} .pt_storefront.homepage .header-login-form .login-fields{margin-left:3.5%; float:left;} .pt_storefront.homepage .header-login-form .login-box-content{position:relative; padding:15px 0;} .pt_storefront.homepage .header-login-form .login-box-content .error-form{width:100%; float:left; padding-left:2.8%; box-sizing: border-box;} .pt_storefront.homepage .header-login-form {box-sizing:border-box; } .pt_storefront.homepage .header-login-form .login-fields label{width:auto; text-align:left; padding-bottom:8px; font-size:16px;} .pt_storefront.homepage .header-login-form .login-fields label .required-indicator{float:right;} .pt_storefront.homepage .header-login-form .login-fields input{width:100%; box-sizing:border-box; float: left;} .pt_storefront.homepage .header-login-form .login-fields .form-row span.error{width:100%; float:left;} .pt_storefront.homepage #header .welcome-return-customer{padding-left:120px; margin-top:56px; width:auto; float:left; font-size:20px; line-height:22px; font-family:lato; font-weight:700; color:#000;} .pt_storefront.homepage .header-login-form .login-fields.login-email, .pt_storefront.homepage .header-login-form .login-fields.login-password{width:33%;} .pt_storefront.homepage .header-login-form .login-fields.login-submit{width:20.8%; float: left; padding-top:33px;} .pt_storefront.homepage .header-login-form .login-fields.login-submit button.login-box-button{height:42px; line-height:42px; padding:0 ; width:100%; margin:0;} .pt_storefront.homepage .header-login-form .login-fields.remember-reset-options {width:100%; max-width:none; margin-left:0; padding-left: 30px; box-sizing:border-box;} .pt_storefront.homepage .header-login-form .login-fields.remember-reset-options .login-remember-me {width:34%; float:left;} .pt_storefront.homepage .header-login-form .login-remember-me .form-row{margin-bottom:0;} .pt_storefront.homepage .header-login-form .login-fields.remember-reset-options .login-remember-me label{font-size:17px; font-family:lato; font-weight:400; color:#000; padding-top:0; float:right; width:90%;} .pt_storefront.homepage .header-login-form .login-fields.remember-reset-options .login-remember-me input{float:left; width:20px; margin-right:10px;} .pt_storefront.homepage .header-login-form .login-fields.remember-reset-options .password-reset{padding-top:0; margin-left: 36px; float:left;} .pt_storefront.homepage .header-login-form .login-fields.remember-reset-options .password-reset a{font-size:17px; font-family:lato; text-decoration:underline; color:#000;} .pt_storefront.homepage .login-navigationbar{display: none;} /*registration page */ .pt_accountregister .primary-content-register{padding: 15px 0 0 245px; box-sizing: border-box;} .login-box.pre-registration{border:none; padding:0; margin:0;} .pt_accountregister .primary-content-register .newcustomer-header{width:98%; float:left; font-family: raleway; font-size:32px; font-weight:700; line-height:34px; color:#000; text-transform:uppercase; border-bottom:1px solid #000; padding:30px 0 11px; margin:56px 0 7px 2%; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_accountregister .primary-content-register .newcustomer-back{float:left; width:100%; margin-bottom:30px; padding: 0 2% 0 2%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .pt_accountregister .primary-content-register .newcustomer-back a{ width: auto; font-family: raleway; font-size: 24px; line-height: 26px; color: #000; } .pt_accountregister .primary-content-register .register-form{padding:0 0 0 2%; width:100%; float:left; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_accountregister .primary-content-register .registration-type-radio { max-width:600px; width:100%; float:left;} .pt_accountregister .primary-content-register .registration-type-radio .form-row{box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_accountregister .primary-content-register .registration-type-radio .form-row span{font-size:16px; line-height:29px; font-family:lato; color: #000;} .pt_accountregister .primary-content-register .registration-type-radio .form-row span.accounttype-label{display:block; font-weight:700;} .pt_accountregister .primary-content-register .registration-type-radio .reg-type input[type="radio"]{margin-top:7px; float:left;} .pt_accountregister .primary-content-register .registration-type-radio .reg-type .label-n-decription{width:90%; float:left; padding-left:5%;} .pt_accountregister .primary-content-register .registration-type-radio .reg-type .label-n-decription .msg-bold{font-weight: 700;} .pt_accountregister .primary-content-register .fields-type{width:98%; float:left; margin-top:40px; border-top:1px solid #000;} .pt_accountregister .primary-content-register .fields-type .regtype-filed-section{ max-width:500px; width:100%; float:left; padding-top:30px;} .pt_accountregister .primary-content-register .fields-type .regtype-filed-section .required-field{width:auto; float:right; color:#ff0008;} .pt_accountregister .primary-content-register .fields-type .regtype-filed-section .regtype-filed{max-width:310px; width:100%; float:left;} .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed label, .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed input{float:left; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed .form-caption.error-message {width:100%; float:left; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; margin-top: 5px;} .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed label{width:auto; text-align: left; font-size:16px; color:#000; padding:0 0 6px;} .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed label .required-indicator{float:right;} .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed input{width:100%;} .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed .form-row span.error{width:100%; float:left;} .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed .form-row {padding:0 0 10px 0;} .pt_accountregister .primary-content-register .regtype-filed-section .regtype-filed .form-row.select-zip-CA {width: 100% !important;} .pt_accountregister .primary-content-register .regtype-filed-section .pre-reg-button {padding:40px 0 0; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_accountregister .primary-content-register .regtype-filed-section .pre-reg-button button{width:196px; margin-right:30px; padding:12px 0 11px; float:left; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_accountregister .primary-content-register .regtype-filed-section .pre-reg-button a{width:196px; padding:9px 0 10px 0; color:#000; float:left; font-size:16px;text-transform:uppercase; background-color: transparent; border:2px solid #000; text-align:center; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_accountregister .primary-content-register .regtype-filed-section #div-card .form-row {padding-bottom: 25px;} .pt_accountregister .primary-content-register .regtype-filed-section #div-account,.pt_accountregister .primary-content-register .regtype-filed-section #div-card {position:relative; } .pt_accountregister .primary-content-register .regtype-filed-section #div-account .form-field-tooltip{ position:absolute; width: 25px; height:25px; top:33px; left: 85px; background:url('../images/Info-icon.png')no-repeat;} .pt_accountregister .primary-content-register .regtype-filed-section #div-account .form-field-tooltip .tooltip{width: 25px; height:25px;} .pt_account .account-prereg-main .email-description { position: relative;} .pt_account .account-prereg-main .email-description span{ position: absolute; top: 9px; left: 105px;} /* Bonus Product Pop Up Dialog Stylings*/ .ui-dialog.quickview.bonus-discount-section .ui-dialog-titlebar.ui-widget-header , .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-titlebar.ui-widget-header { background: #e0e0df; text-align: center; padding: 15px 0 !important;} .ui-dialog.quickview.bonus-discount-section .ui-dialog-titlebar.ui-widget-header span , .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-titlebar.ui-widget-header span { width: 100%; font-size: 20px; } .ui-dialog.quickview .ui-dialog-content.bonus-discount-container {padding: 30px 8.5% 10px; box-sizing: border-box;} .ui-dialog.quickview .ui-dialog-content.bonus-discount-container .bonus-product-alert , .ui-dialog.quickview .ui-dialog-content.bonus-discount-container .bonus-product-promo { font-size: 15px; color: #000; font-family: 'Raleway'; font-style: normal; font-weight: 600;line-height: normal;} .ui-dialog.quickview .ui-dialog-content.bonus-discount-container .buttonbar { margin: 25px 0 10px; width: 100%; } .ui-dialog.quickview .ui-dialog-content.bonus-discount-container .buttonbar button.select-bonus-btn { margin: 0 0px 10px 0; width: 100%;font-size: 17px; font-family: 'Raleway'; font-style: normal; font-weight: 600;} .ui-dialog.quickview .ui-dialog-content.bonus-discount-container .buttonbar button.no-bonus-btn , .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-buttonpane .ui-dialog-buttonset button { background: none; color: #000; border: 2px solid #000; width: auto; float: none; margin: auto; display: inherit; padding: 0.4em 1.5em; font-size: 20px; font-family: 'Raleway'; font-style: normal;font-weight: 600;} .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-content {padding: 10px 10px 20px 10px; box-sizing: border-box; position: relative;} .ui-dialog.quickview.select-bonus-product-overlay .bonus-selet-msg { font-size: 15px; color: #000; padding: 0 0 0 10px; font-weight: 600;} .ui-dialog.quickview.select-bonus-product-overlay .promotion { margin: 20px 0 0 0; width: 100%; float: left; clear: both;} .ui-dialog.quickview.select-bonus-product-overlay .bonus-product-list .bonus-product-item {border-bottom: none;width: 100%;clear: both; display: flex; flex-direction: row; justify-content: left;margin-bottom: 30px;} .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-content .product-col-1 { max-width: none; width: 110px; box-sizing: border-box; padding: 0 0;} .ui-dialog.quickview.select-bonus-product-overlay .bonus-select-radio {display: inline-flex; justify-content: center; align-items: center;} .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-content .product-col-2 {max-width: none; width: 68%; padding: 0 0 0 30px; margin-left: 0; display: inline-flex; justify-content: center; align-items: center;flex-direction: column; box-sizing: border-box;} .ui-dialog.quickview.select-bonus-product-overlay .bonus-product-list .product-name {float: none; margin: 0; width: 100%; font-size: 15px; color: #000; font-family: lato; font-style: normal; font-weight: 400;} .ui-dialog.quickview.select-bonus-product-overlay .product-number {display: none;} .ui-dialog.quickview.select-bonus-product-overlay .simple-product-size {font-size: 15px; color: #000; width: 100%; float: left; clear: both; margin: 5px 0 0 0;} .ui-dialog.quickview.select-bonus-product-overlay .bonus-product-list-footer { width: 45%; margin: 0 20px 0 0;} .ui-dialog.quickview.select-bonus-product-overlay .bonus-product-list-footer button { float: left; font-size: 20px; padding: 5px 15px; width: 100%;} .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-buttonpane {width: 45%; float: right; position: absolute; right: 0; bottom: 12px;} .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-buttonpane .ui-dialog-buttonset {width: 100%;} .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-buttonpane .ui-dialog-buttonset button { width: 100%; padding: 4px 15px; line-height: normal;} .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-text { padding: 0;} .bonus-product-section {float: left; clear: both; border-bottom: 1px dashed #a0a0a0; display: inline-block; width: 100%; padding-bottom: 25px; margin-bottom: 12px;} .bonus-product-section .cart-promo {width: 55%; background: #000; margin: auto; padding: 10px 15px; box-sizing: border-box;} .bonus-product-section .cart-promo .bonus-item-actions { font-size: 20px !important; text-align: center; vertical-align: middle; text-transform: uppercase; font-style: normal; } .bonus-product-section .cart-promo .bonus-item-actions a { color: #ffffff;} .bunus-item-title { font-size: 20px; color: #000; font-family: 'Raleway'; font-style: normal; font-weight: 600;} #cart-table .bunus-item-tile.item-list .item-user-actions { float: left; text-align: left;} #cart-table .bunus-item-tile.item-list .item-user-actions button {padding: 0;} @media screen and (max-width: 959px) { .bonus-product-section .cart-promo { width: 88%;} } @media screen and (max-width: 480px) { .ui-dialog.quickview .ui-dialog-content.bonus-discount-container .buttonbar button.select-bonus-btn { font-size: 16px;} .ui-dialog.quickview .ui-dialog-content.bonus-discount-container .buttonbar button.no-bonus-btn, .ui-dialog.quickview.select-bonus-product-overlay .ui-dialog-buttonpane .ui-dialog-buttonset button { font-size: 14px;} .ui-dialog.quickview.select-bonus-product-overlay .bonus-product-list-footer button { font-size: 14px; padding: 0px 10px;} } /*CP-692*/ .remove-confirmation {max-width: 500px; width:100%;} .remove-confirmation.ui-dialog .ui-dialog-titlebar.ui-widget-header{background: #fff;} .remove-confirmation.ui-dialog .ui-dialog-content{padding-top: 0;} .remove-confirmation.ui-dialog .ui-dialog-titlebar{margin-bottom: 0;} .remove-confirmation.ui-dialog .delete-item-confirmation .confirmation-msg {font-size: 16px;} .remove-confirmation.ui-dialog .delete-item-confirmation .confirm-btns{max-width:215px; float:none; width: 100%; margin:30px auto 0;} .remove-confirmation.ui-dialog .delete-item-confirmation .confirm-btns a{ float: left;} .remove-confirmation.ui-dialog .delete-item-confirmation .confirm-btns a:first-child{margin-right: 25px;} .remove-confirmation.ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick{width: 20px; height:20px; background-size: 100%;} .remove-confirmation.ui-dialog .ui-dialog-titlebar-close { right: 10px; top: 10px; width: 20px; height: 20px;} /* --- Shopping List ---*/ /* .shopping-list.dd3 .dd3{max-width:320px; width:100%; left: 162px; padding-top: 15px; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-shadow:-8px 10px 15px -3px #ccc; -webkit-box-shadow: -8px 10px 15px -3px #ccc; box-shadow:-8px 10px 15px -3px #ccc;} .shopping-list-wrapper{cursor: default; padding-left: 10px; clear: both;} .sl-dropdwn-content.address-detail{font-weight: 400; font-family : lato; font-size: 16px; line-height: 22px; padding: 0 0 25px 10px;} .sl-dropdwn-content.address-detail .sl-closest-store{padding: 0 0 10px;} .sl-dropdwn-content.address-detail .local-phone{display:none;} .shopping-list-wrapper .sl-dropdwn-content{font-weight: 400; font-family : lato; font-size: 16px; line-height: 22px; margin-bottom:20px;} .shopping-list-wrapper .sl-dropdwn-content.sl-msg1 span{position: relative;} .shopping-list-wrapper .sl-dropdwn-content .form-field-tooltip{cursor: pointer; margin: 0 !important; position: absolute; right: -28px; bottom: -4px; display: inline-block;} .mylist{width:100%; float:left; padding-bottom: 10px; cursor: default;} .mylist a{width:auto; float:left; padding-left: 20px; font-family: lato; font-weight: 700; padding-top:12px;} .mylist:before{ content:""; float: left;} .mylist.shopping-list{padding: 20px 0 15px 0;} .mylist.shopping-list:before{background: url('../images/store-icon.png')no-repeat; width:43px; height: 41px;} .mylist.myfav{border-top: 1px solid #ccc; padding-top: 10px;} .mylist.myfav:before{background: url('../images/mylist.png')no-repeat; width:39px; height: 34px;} .mylist.my-lists{border-top: 1px solid #ccc; padding-top: 10px;} .mylist.my-lists:before{background: url('../images/list-icon.png')no-repeat; width: 38px; height: 47px;} */ /*menuitem*/ #in-store-pickup {float: left; margin: 0; position: relative; z-index: 200; padding:0;} .mini-cart-total.store-pickup-total a{font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 14px; color: #000; text-transform: uppercase;} .mini-cart-content.pickup-in-store {padding-top: 25px;} .store-pickup-content .store-lineItems{width: 100%; float: left;} .mini-cart-content.pickup-in-store .mini-cart-image { width: 34.4%; float: left; display: block;} .mini-cart-content.pickup-in-store .minicart-rightwrap{float: right; width: 63%;} .mini-cart-content.pickup-in-store .minicart-rightwrap .mini-cart-pricing{width: 100%; font-size: 14px;} .mini-cart-content.pickup-in-store{right: -107px;} .inventory-label{padding: 5px 0; font-size: 14px; font-style: italic; width: 183px; float: right; text-align: left;} /*ui confirmation dialog box*/ .ui-dialog.instore-pickup-confirmation{padding: 0;} .ui-dialog.instore-pickup-confirmation .ui-dialog-titlebar.ui-widget-header{ background: transparent; padding-bottom: 0 !important; margin-bottom: 0;} .ui-dialog.instore-pickup-confirmation .ui-dialog-content{padding-top: 0; position: relative;} .ui-dialog.instore-pickup-confirmation .ui-dialog-content .content-asset p{ color: #000;} .ui-dialog.instore-pickup-confirmation .ui-dialog-content .content-asset .confirm-msg{padding-bottom: 30px;} .ui-dialog.instore-pickup-confirmation .ui-dialog-content .content-asset .view-list-link{position: absolute; bottom: 20px; right: 20px; font-size: 16px; text-decoration: underline; color: #000;} .ui-dialog.instore-pickup-confirmation .confirm-header{width: 100%; float: left; padding-bottom:0;} .ui-dialog.instore-pickup-confirmation .ui-dialog-content .content-asset .confirm-header img{ float: left; margin-right: 15px; max-width: 50px;} .ui-dialog.instore-pickup-confirmation .ui-dialog-content .content-asset .confirm-header h3{font-weight: 900; font-size: 18px; color: #000; padding: 10px 0;} .ui-dialog.instore-pickup-confirmation .ui-dialog-content .content-asset .confirm-msg span{padding-top: 5px; font-size: 16px;} .store-pickup-nearest-store {float: left; width: 100%; } .store-pickup-content{ position : relative;} .pickup-in-store .address-detail {padding-top: 6%;} .pickup-in-store .addr-outer {width: 78%; float: left;} .pickup-in-store .address-detail .img { float: left;width: 20%; padding-right: 2%;} .pickup-in-store .address-detail .address1 {padding-bottom: 1%;} .pickup-in-store .sl-closest-store {font-weight: 600; padding-bottom: 1%; width: 100%; float: left;} .pickup-in-store .store-lineItems a {color: black; padding-bottom: 2%;} .pickup-in-store .minicart-rightwrap .attribute { padding: 2px 0;} .pickup-in-store .mini-cart-pricing {margin-top: 0;} .pickup-in-store .remove-isstore-item {text-decoration: underline;} .pickup-in-store .store-pickup-content .store-lineItems {border-bottom: 2px dashed lightgray;padding: 3% 0;} .pickup-in-store .mini-cart-attributes {font-weight: normal;font-size: 1em;} .pickup-in-store .mini-cart-subtotals {padding: 1em 0;} .pickup-in-store .mini-cart-header {font-size: 21px;} .pickup-in-store .store-lineItems .minicart-rightwrap {padding-left: 0;} .mini-cart-total.store-pickup-total .mini-cart-total-label{margin: 0 0 0 5px;min-width: 10px;padding: 0 5px; height: 20px; background: #b09857; float: left; color: #000; text-align: center; line-height: 18px;} .mini-cart-total.store-pickup-total .mini-cart-total-label span{color: #000;} .mini-cart-total.store-pickup-total .mini-cart-total-label.empty { margin: 0 0 0 5px; min-width: 10px; padding: 0 5px; height: 20px;background: #000;float: left; color: #fff; text-align: center;line-height: 18px;} .mini-cart-total.store-pickup-total .mini-cart-total-label.empty span{color:#fff;} .mini-cart-total.store-pickup-total .mini-cart-label{float: left; margin: 3px 0 0 0;} .instorepickup-btn { background: transparent; border: 2px solid #000 !important; margin: 15px 0 0 !important; color: #000 !important; float: right !important; max-width: 180px; width: 100%;} .instorepickup-btn[disabled]:hover{background: transparent; border: 2px solid #000 !important; color: #000 !important;} .instorepickup-btn:hover{background: #000; color: #fff !important;} .pickup-in-store .minicat-checkout-closeicon{padding-bottom: 10px;} .ui-dialog.quickview .instorepickup-btn{max-width: 100%; } .ui-dialog.quickview .inventory-label{float: left;} .pt_shopping_list .shoppinglist-msg{position: relative; padding: 24px 4px 24px; font-family: Raleway;font-size:17px; font-weight:700;color:#000; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_shopping_list .shoppinglist-msg p{margin-top:0; line-height: 28px; font-family: Raleway;font-size: 24px;font-weight:700;color:#000;} .pt_shopping_list #shoppinglist-instruction{width:25px; float: right; margin: 10px 50px 0 5px; height: 25px; background: url('../images/Info-icon.png'); cursor: pointer;} .pt_shopping_list .primary-content .mylist-registry .gift-reg .Mylist .item-details {float: none; width: 29%; display: table-cell; padding: 0 15px 0 35px;} .pt_shopping_list .primary-content .mylist-registry .gift-reg .Mylist .item-dashboard { float: none; width: 37%; display: table-cell; vertical-align: middle; text-align: center;} .pt_shopping_list .item-list .item-dashboard .item-option label{width: 100%; text-align: left; font-size: 16px; font-weight: 400;} .pt_shopping_list .item-list .item-dashboard .item-option label .input-text{padding: 5px; width: 50px; max-width: 50px; border: 1px solid #000000; font-family: lato; font-size: 16px; color: #444444; -webkit-appearance: none; -moz-appearance:textfield; appearance: none; box-sizing: border-box;} .pt_shopping_list .item-list .item-dashboard .item-option label .qtySec input[type=number]::-webkit-inner-spin-button, .pt_shopping_list .item-list .item-dashboard .item-option label .qtySec input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pt_shopping_list .primary-content .mylist-registry .gift-reg .Mylist .item-info{width:80%; display: table;} .pt_shopping_list .primary-content .mylist-registry .gift-reg .Mylist .itemActions{position: inherit; display: table-cell; vertical-align: middle; width: 34%;} .pt_shopping_list .shopping-list-action {width: auto; float: right; padding: 0;} .pt_shopping_list .shopping-list-action.bottom{padding: 30px 99px 0 0;} .pt_shopping_list .shopping-list-action.bottom .clearlist-outer{float: left;} .pt_shopping_list .clearlist-btn{border: 2px solid #000; margin:0 30px 0 57px; background: #000; font-size:14px; line-height: 19px; text-align: center; text-decoration: none !important; width: 240px; float: left; padding:0 !important;} .pt_shopping_list .clearlist-btn a {box-sizing: border-box; float: left; padding: 9px 10px 9px 10px; width:100%; color: #fff; font-family: Raleway; font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 900; text-decoration: none;} .pt_shopping_list .shopping-list-action .item-option.option-update{ width: 240px; float:left; margin-right: 30px;} .pt_shopping_list .shopping-list-action .item-option.option-update .update-all-button{padding:10px 0;line-height:18px;width:100%;font-family: Raleway;font-size:14px;font-weight:900; color: #000; background: transparent;border: 2px solid #000;} .pt_shopping_list .shopping-list-action .send-to-store{float: left; width: 240px; } .pt_shopping_list .shopping-list-action .send-to-store .send-to-store{border: 2px solid #000;font-family: Raleway;font-size:14px;padding:10px 0; line-height:18px;font-weight:900; width: 100%;} .pt_shopping_list .store-selection-outer{width:100%; float: left; padding-bottom: 60px;} .pt_shopping_list .store-selection-outer.final-step h1{text-transform: uppercase;} .pt_shopping_list .store-selection-outer .store-top-section{max-width: 850px; width:100%; clear:both;} .pt_shopping_list .store-selection-outer .store-top-section.continue-page{padding-top: 20px;} .pt_shopping_list .store-selection-outer .store-top-section.continue-page .use-my-saved-location{font-size: 16px; color: #000; line-height: 22px;} .pt_shopping_list .store-selection-outer .store-top-section .saved-store .form-row {max-width: 205px; margin-bottom: 0; } .pt_shopping_list .store-selection-outer .store-top-section .saved-store .form-row label {padding-top: 0;float:right; width: auto; font-size: 16px; line-height: 22px; font-family: lato; color: #000; font-weight: 400;} .pt_shopping_list .store-selection-outer .store-top-section .saved-store-address .or-store{padding:12px 0 2px;} .pt_shopping_list .store-selection-outer .store-top-section .saved-store .form-row input {float: left;} .pt_shopping_list .store-selection-outer .store-final-wrapper .update-via-text .form-row label {padding-top: 0;float:right; width: auto; font-size: 16px; font-family: lato; color: #000; font-weight: 400;} .pt_shopping_list .store-selection-outer .store-final-wrapper .update-via-text .form-row {max-width: 170px;} .pt_shopping_list .store-selection-outer .store-final-wrapper .required-indicator {display: none;} .pt_shopping_list .store-selection-outer .store-final-wrapper .update-via-text .form-row input {width: auto;} .pt_shopping_list .store-selection-outer .store-top-section .saved-store-address{clear: both; padding-bottom: 20px; padding-left: 30px;} .pt_shopping_list .store-selection-outer .store-top-section .saved-store-address div, .pt_shopping_list .store-selection-outer .store-top-section .saved-store-address span{font-size: 16px; line-height: 22px; font-family: lato; color: #000;} .pt_shopping_list .store-selection-outer .store-top-section .saved-store{padding: 20px 0 0;} .pt_shopping_list .store-header h2{font-family: Raleway;font-size: 24px; font-weight:900;color:#000;} .pt_shopping_list .back-to-previous{font-family: Raleway;font-size: 24px; font-weight:700;color:#000;padding-top:15px;} .pt_shopping_list .store-avail-msg {padding-bottom: 30px;} .pt_shopping_list .store-avail-msg p{margin:0;font-family: lato; font-weight: 700; font-size: 18px; color: #000;} .pt_shopping_list .store-avail-msg p span{font-style: italic;} .pt_shopping_list .choose-store-msg{padding-bottom: 19px;} .pt_shopping_list .choose-store-msg p{margin:0;font-family: lato; font-weight: 700; font-size: 16px; color: #000;} .pt_shopping_list .store-wrapper .use-current-location{max-width: 310px; width:100%; } .pt_shopping_list .store-wrapper .use-current-location fieldset .form-row label{display:none; width: 100%; float: left;} .pt_shopping_list .store-wrapper .use-current-location fieldset .form-row:first-child label{ display: block !important; width: 100%; float: left; text-align: left; padding-bottom: 26px;} .pt_shopping_list .store-wrapper .use-current-location fieldset .form-row:first-child label span{font-family: Raleway;font-size: 16px;font-weight:700;color:#000;} .pt_shopping_list .store-wrapper .use-current-location fieldset .form-row input, .pt_shopping_list .store-wrapper .use-current-location fieldset .form-row select {box-sizing: border-box; width: 100%; float: left; margin-bottom: 20px;} .pt_shopping_list .store-wrapper .use-current-location .action button{padding:12px 0 11px; width:100%; font-family: Raleway;font-size: 16px; text-align: center; font-weight:900;} .pt_shopping_list .store-wrapper .use-current-location .usemylocation button{text-transform: capitalize; color:#000; font-family: Raleway;font-size: 16px; background: transparent; padding:20px 0 0 15px;} .pt_shopping_list .store-wrapper .use-current-location .geo-location{width:100%; float:left; padding: 30px 0 24px 0;} .pt_shopping_list .store-wrapper .use-current-location .currentgeo-location{cursor:pointer; padding-left:38px; font-family: Raleway;font-size: 16px;font-weight:700;color: #000; background: url('../images/location-arrow.png')no-repeat left center;} .pt_shopping_list .store-wrapper .storessearch-result{width:100%; float:left; border-top: 2px solid #000; clear: both; padding-top: 26px;} .pt_shopping_list .store-wrapper .storessearch-result .search-result-msg{ font-family: Raleway;font-size: 16px;font-weight:700;color: #000;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail{padding-top:22px; width:100%; float: left; clear: both;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .store-description{max-width: 310px; float:left; width: 100%;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .shopping-store-address{float:left;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .shopping-store-address .store-distance{color: #3c3c3c; font-size: 18px;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .store-distance{float: right; padding:35px 10px 0 10px; margin-right:20px; text-align:center; background: url('../images/store-miles.png')no-repeat center top; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail div{font-family: lato;font-size: 16px; line-height: 26px; color:#000;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail div.store-no{font-weight: 700;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .view-details{width:100%; float:left;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail div.local-phone{font-weight: 700; padding:25px 0 28px; width: 100%; float:left;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .view-details{font-family: Raleway; font-weight: 700; color:#000; font-size: 16px; text-decoration: underline;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section{width:100%;padding-top:25px; float: left;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section .direction-btn{width:310px; float:left; margin-right:30px; text-transform:uppercase; text-align:center;font-family: Raleway; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; background-color:#000; padding: 10px 0;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section .form-row.select-store{margin-bottom:0;width: auto; float:left; clear: none;} .pt_shopping_list .store-wrapper .storessearch-result .finalize-store .error-msg{clear: both; padding:10px 0;} .pt_shopping_list .store-wrapper .storessearch-result .finalize-store .error-msg span{color: red; font-size: 14px;} .pt_shopping_list .store-wrapper .storessearch-result .finalize-store button{width:310px; float:left; text-transform:uppercase; text-align:center;font-family: Raleway; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; background-color:#000; padding: 10px 0;} .pt_shopping_list .store-wrapper .storessearch-result .finalize-store-saved button{width:310px; float:left; text-transform:uppercase; text-align:center;font-family: Raleway; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; background-color:#000; padding: 10px 0;} .pt_shopping_list .store-wrapper .storessearch-result .finalize-store{padding-top: 30px; margin-top: 30px; float:left; width: 100%; clear: both; display:none; border-top: 2px solid #000;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section .store-selected{display:none;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section .form-row.select-store label, .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section button.select-store-disabled{width:310px; float:left; cursor:pointer; text-transform:uppercase; text-align:center;font-family: Raleway; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; background-color:#000; padding: 10px 0;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section button.select-store-disabled{ background-color: #b7b7b7; pointer-events: none; cursor: default;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section div.limit-store{margin:0 0 10px; display: block; } .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section div.limit-store .content-asset{width: auto; float: left; margin-right: 3px;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section div.limit-store p{margin:0} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section .form-row.select-store input {width: 100%;float: left; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: none;} .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section .form-row.select-store input:before{content:none;} .pt_shopping_list .store-selection-outer.final-step .store-msg{ font-family: Raleway;font-size: 24px;font-weight:700;color:#000; padding: 25px 0 10px;} .pt_shopping_list .store-selection-outer.final-step .store-msg-next{font-family: lato;font-size: 16px;font-weight:700;color:#000; padding: 25px 0;} .pt_shopping_list .store-selection-outer.final-step .store-final-wrapper .top-inputfield-section{max-width: 305px;} .pt_shopping_list .store-selection-outer.final-step .store-final-wrapper label{font-size:16px; font-family: lato; font-weight:700; color:#000; width:auto; text-align: left; padding-bottom: 10px;} .pt_shopping_list .store-selection-outer.final-step .store-final-wrapper input{width:100%; float: left; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .pt_shopping_list .store-selection-outer.final-step .store-final-wrapper input.input-text.customer-email{margin-bottom: 8px;} .pt_shopping_list .store-selection-outer.final-step .store-final-wrapper .textarea-section{max-width: 540px;} .pt_shopping_list .store-selection-outer.final-step .store-final-wrapper .textarea-section textarea{background:#fff !important; width:100%; resize:none; margin:0; border:1px solid #000; min-height: 100px; } .pt_shopping_list .store-selection-outer.final-step .store-final-wrapper .usemylocation button{width:310px; float:left; text-transform:uppercase; text-align:center;font-family: Raleway; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; background-color:#000; padding: 10px 0;} .pt_shopping_list .store-selection-outer.final-step .contact-msg{font-family: lato;font-size: 16px;font-weight:700;color:#000; padding: 25px 0;} .pt_shopping_list .store-selection-outer.final-step .text-remaining{width: auto; float: right; font-size:16px; font-family: lato; font-weight:700; color:#000;} .pt_shopping_list .store-selection-outer.final-step form .form-row span.error{width:100%; float: left; margin:0; padding:0;} .pt_shopping_list .edit-print-list{clear: both;} .pt_shopping_list .last-send-store{clear: both; padding: 20px 0 20px 10px;} .pt_shopping_list .edit-print-list .print-page{width: auto; float: right; padding-top: 9px;} .pt_shopping_list .edit-print-list .print-page span{font-family:lato; font-weight: 700; font-size:16px; color:#000; text-decoration: underline;} .pt_shopping_list .edit-print-list .edit-and-instructions{float: left; width: auto; padding-bottom: 5px;} .pt_shopping_list .edit-print-list .edit-and-instructions span{text-decoration:underline; font-family:lato; font-size:16px; font-weight: 400; color:#000; padding:0 5px; float: left; padding: 9px 10px 9px 10px;} .pt_shopping_list .edit-print-list .edit-and-instructions span.first{padding-left: 2px;} .pt_shopping_list .edit-print-list .edit-and-instructions span.find-products{font-size: 22px; font-weight: 700; padding-top: 5px;} .ui-dialog.shopping-list-popup {width: 100% !important; max-width: 800px;} .ui-dialog.shopping-list-popup .ui-dialog-titlebar.ui-widget-header {background: transparent !important;margin: 0; padding: 10px 30px 10px !important;} .ui-dialog.shopping-list-popup .ui-dialog-content {padding: 0 35px 55px 35px !important;} .ui-dialog.shopping-list-popup .ui-dialog-titlebar-close span.ui-icon-closethick {background-image: url(../images/shopping-list-cross-mark.png);background-position: 5px 10px; !important} .ui-dialog.shopping-list-popup .ui-dialog-content .thanks-popup .thank-you{padding: 0 0 15px 0;text-align: center;font: 700 20px lato;} .ui-dialog.shopping-list-popup .ui-dialog-content .thanks-popup .store-details-msg {text-align: center;font: 500 22px lato;padding: 0 0 15px 0;margin: 0 auto;display: table;width: 85%; color: #000;} .ui-dialog.shopping-list-popup .ui-dialog-content .thanks-popup .selectes-store-address{display: table;margin: 0 auto 20px;width: auto;text-align: center;font: 700 24px lato; color:#000;} .ui-dialog.shopping-list-popup .ui-dialog-content .thanks-popup .msg{text-align: center; font-size: 22px; font-weight: 400; line-height: 24px; color: #000;} .ui-dialog.shopping-list-popup .ui-dialog-content .thanks-popup .msg1{ font-size: 24px; text-align: center; font-weight: 500; color: #000; padding: 20px 0; font-family: lato;} .ui-dialog.shopping-list-popup .ui-dialog-content .thanks-popup .msg2{ font-size: 20px;text-align: center; font-family: lato; line-height: 24px; font-weight: 400; color:#000;} .pt_shopping_list .label-selected-radio{float: left; display: none; font-size: 16px; font-family: raleway; font-weight: 700; color: #000; background: url('../images/store-selected.png')no-repeat left center; padding-left:15px; margin-left: 30px; } .pt_shopping_list .store-wrapper .storessearch-result .store-detail .button-section .savetomystore{width: 310px; display:none; float: left; cursor: pointer; text-transform: uppercase; text-align: center; font-family: Raleway; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; background-color: #000; padding: 10px 0;} .pt_shopping_list .store-wrapper .storessearch-result .brand-avail-msg{clear : both; padding-top: 15px; font-family: lato; font-weight: 400; font-size: 16px; color: #000;} .pt_shopping_list .store-wrapper .storessearch-result .error-msg{clear : both; padding-top:15px; font-family: lato; font-weight: 400; font-size: 14px; color: #fd0000; font-style: italic;} .ui-dialog.shopping-list-popup .ui-dialog-content .shopping-list-instruction ol li, .ui-dialog.shopping-list-popup .ui-dialog-content .shopping-list-instruction p{ font-size: 14px; line-height:20px;} .ui-dialog.shopping-list-popup .ui-dialog-content .shopping-list-instruction ol li{padding-bottom: 8px;} .ui-dialog.shopping-list-popup .ui-dialog-content .shopping-list-instruction{padding-bottom: 30px;} .storessearch-result-outer{max-width: 740px;} .pt_shopping_list .storessearch-result .store-detail .savetomystore{float: left; width: 37%;} .pt_shopping_list .storessearch-result .store-detail .savetomystore .form-row{padding: 23px 0 0 0; margin-left: 24px; width: auto;} .pt_shopping_list .storessearch-result .store-detail .savetomystore .form-row label{width: auto;font-size: 16px; float: right; padding-top: 0; padding-left: 15px; line-height: 19px;} .clearshoppinglist.ui-dialog {max-width: 400px; width: 100% !important;} .clearshoppinglist.ui-dialog .delete-item-confirmation .confirm-btns{max-width:215px; float:none; width: 100%; margin:30px auto 0;} .clearshoppinglist.ui-dialog .delete-item-confirmation .confirm-btns a{ float: left;} .clearshoppinglist.ui-dialog .delete-item-confirmation .confirm-btns a:first-child{margin-right: 25px;} .clearshoppinglist.ui-dialog .confirmation-msg{font-size: 16px; text-align: center;} .pt_shopping_list .store-top-section.continue-page .saved-store .form-row label{padding-left:0;} .pt_shopping_list .store-top-section.continue-page .storessearch-result .continue-store-saved {max-width: 310px; width: 100%; margin-left: 30px; float:left;} .pt_shopping_list .store-top-section.continue-page .storessearch-result .change-store-saved{max-width: 310px; width: 100%; float: left;} .pt_shopping_list .store-top-section.continue-page .storessearch-result .change-store-saved button, .pt_shopping_list .store-top-section.continue-page .storessearch-result .continue-store-saved button{padding: 0 1.5em; width: 100%; height: 42px; line-height: 42px; font-size: 16px; font-weight: 700;font-family: Raleway;} .pt_shopping_list .store-top-section.continue-page .brand-avail-msg, .pt_shopping_list .store-top-section.continue-page .error-msg{clear: both; padding: 10px 0;} .pt_shopping_list .store-top-section.continue-page .error-msg{color: #c00000;} .pt_shopping_list .store-top-section.continue-page .saved-store .form-row{max-width: none;} .pt_shopping_list .store-top-section.continue-page .saved-store .form-row label{float: left;} .pt_shopping_list .store-top-section.continue-page .saved-store-address{padding-left: 0;} .ui-dialog .shopping-list-instruction h5{font-family: lato; font-size: 20px; line-height: 22px; font-weight: 700; margin-top:0} .ui-dialog .shopping-list-instruction h6{font-family: lato; font-size: 18px; line-height: 20px; font-weight: 700; margin: 20px 0 5px;} .ui-dialog .shopping-list-instruction {font-family: lato; font-size: 18px; font-weight: 400; color: #000;} .ui-dialog .shopping-list-instruction em{font-size: 18px; font-weight: 400; padding: 15px 0; width:100%; float: left;} .ui-dialog .shopping-list-instruction .close-btn-bottom{ width: 100%; float: left; padding: 25px 0 0; text-align: right; } .ui-dialog .shopping-list-instruction .close-btn-bottom{cursor:pointer; font-weight: bold; text-decoration: underline;} .ui-dialog.clearshoppinglist .ui-dialog-titlebar.ui-widget-header{padding: 12px 30px 12px;} .ui-dialog.clearshoppinglist .ui-dialog-content{padding: 15px 23px 25px 30px;} /*CP-637*/ #fadefullpage.show{ display: block !important;} #fadefullpage{ position: absolute; left: 0%; top: 0%; background-color: black; -moz-opacity: 0.6; opacity: .60; filter: alpha(opacity=60); width: 100%; height: 100%; z-index: 9999; display:none;} header .subscribe-email-button{position: absolute;right:-42px; top:115px; width: 42px; height: 310px; background: url("../images/subscribe_email.png")no-repeat; outline: none; z-index: 999; display:none;} header .email-opt-section{max-width:830px; height: 718px !important; position: absolute;right:12px;top:115px; width:100%; display: none; z-index: 99999; display:none; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .emailopt-content-section{position: relative; width:100%; float:left;} .email-opt-section .overlay-img-holder{position: absolute; z-index:2; bottom: 39px; left: 0; width: 642px; height:428px; background: url("../images/emailopt/scissor-img.png")no-repeat; content:""; background-size: 100%; } .email-opt-section .emailopt-head{width:100%; float:left; position: relative; background: #fff;} .email-opt-section .emailopt-content h2{margin: 0; font-size: 74px; letter-spacing: 4px; color: #000; font-weight: 700;font-family: Didot Bold;} .email-opt-section .emailopt-content .content-holder {width: 100%; float: left;} .email-opt-section .emailopt-content h2 span{font-size: 74px; color: #000; font-weight: 400;font-family: Didot Bold;} .email-opt-section .emailopt-content h2 span em{color: #000;} .email-opt-section .emailopt-content h2 span:before{content:"|"; font-size: 72px; color:#000; height:60px; width: 3px; position: absolute; left: -25px; top: -1px;} .emailopt-head .close-modal{cursor: pointer; position:absolute; right: 12px; top: 12px;width: 23px;height: 23px;background: url("../images/emailopt/close_xmark.png")no-repeat;} .emailopt-content-outer{padding-top: 62px; max-width: 718px; width:100%; float: right; background: url("../images/emailopt/bg-img.png")no-repeat left bottom #fff; background-size: 44%;} .emailopt-content{ max-width: 480px; float: right; width: 100%; padding-right: 20px;} .emailopt-content .heading p {color: #000; margin:0; padding: 7px 0 36px; font-family :lato; font-size: 30px; line-height: 32px; text-align: center;} .emailopt-content .mid-col-content{max-width: 390px; text-align: center; width: 100%; float: right; padding-bottom: 25px; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .emailopt-content .mid-col-content p{color: #000; font-family :lato; font-size: 24px; line-height: 29px; margin: 0;} .emailopt-content .mid-col-content .text-decorative-line{width:100%; float:left; text-align: center; font-size: 36px; font-weight: 400;font-family: Didot Bold; position: relative;} .emailopt-content .mid-col-content .text-decorative-line em{color: #000;} .emailopt-content .mid-col-content .text-decorative-line:after{content:""; width:108px; position:absolute; height: 4px; background: url("../images/emailopt/text-line.png")no-repeat; right:0; top:50%; margin-top: -2px;} .emailopt-content .mid-col-content .text-decorative-line:before{content:""; width:108px; position:absolute; height: 4px; background: url("../images/emailopt/text-line.png")no-repeat; left:0; top:50%; margin-top: -2px;} .emailopt-content .mid-col-content img{padding: 12px 0 3px;} .emailopt-content form{max-width: 390px; padding: 0px 0 55px 35px; width: 100%; float: right; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .emailopt-content form .radio-holder{position: relative; z-index:999; width: 100%; float: left; padding-bottom: 5px;} .emailopt-content form label{color: #000; z-index:99; padding-top:0; width: auto; float: left; margin-left: 18px; font-size: 30px; line-height: 32px; font-weight: 400; color: #000;} .emailopt-content form input[type=radio]:checked + label {font-weight: 700;} .emailopt-content form input{margin-top:9px; float: left;} .emailopt-content-section.remove-image:after{content:none;} /*CP-576*/ .digital-library-content .floating-box{width: auto; margin-right: 0 !important;} .Article-left.digital-library-content ul li{width: auto; height: auto;} .Article-left.digital-library-content .Article-folder-content-list{max-width: 100%;} /* Start : Captcha */ .contsct-us-captcha { float: left;} .ui-dialog.search-viewAll ul{position: relative;} /* .contsct-us-captchaerror{ animation:contsct-us-captchaerror 8s 1; -webkit-animation:contsct-us-captchaerror 8s 1; animation-fill-mode: forwards; animation-delay:8s; -webkit-animation-delay:8s; -webkit-animation-fill-mode: forwards; } @keyframes contsct-us-captchaerror{ from {opacity :1;} to {opacity :0;} }*/ .beautyBlog.digitallibrary .pagination {margin-bottom: 35px; width: 100%;} .beautyBlog.digitallibrary .pagination ul{float: left; display: block !important;} .beautyBlog.digitallibrary .pagination li{height:45px; width: 45px; padding: 0 5px;} .beautyBlog.digitallibrary .pagination li a{text-align: center; display:block; padding: 14px 0 15px; background: #000; color: #fff;} .beautyBlog.digitallibrary .pagination li.first-last a{ padding: 14px 0 17px;} .beautyBlog.digitallibrary .pagination li.nav-start .page-first, .beautyBlog.digitallibrary .pagination li.arrow-last .page-last, .beautyBlog.digitallibrary .pagination li.arrow-last .page-next, .beautyBlog.digitallibrary .pagination li.nav-start .page-previous { background-color: #999999; pointer-events: none;} .beautyBlog.digitallibrary .pagination li.current-page {height: 25px; width: 10px; padding: 14px 17px 6px 18px;} .Article-left.digital-library-content .left ul.Article-folder-content-list .mainArticles { margin: 0px 4% 10px 0px; width: 40%; background: #fff !important; min-height: initial;height: initial;} .Article-left .left ul.Article-folder-content-list .mainArticles1 { margin: 0px 4% 20px 0px !important; background: transparent !important; min-height: initial; height: initial; padding-bottom: 40px;} .Article-left .left ul.Article-folder-content-list .mainArticles1 .listArticle .listArticle-left{width: 70% !important; float: left;} .Article-left .left ul.Article-folder-content-list .mainArticles1 .listArticle .listArticle-right{margin: 0 !important; min-width: 1% !important; width: 30% !important; float: left;} .Article-left .left ul.Article-folder-content-list .mainArticles {background: #fff;} .Article-left .left ul.Article-folder-content-list .mainArticles .listArticle .listArticle-left, .Article-left .left ul.Article-folder-content-list .mainArticles .listArticle .listArticle-right{min-height: auto !important;} .Article-left .left ul.Article-folder-content-list .mainArticles1 h2{margin-top: 0 !important; font-family: raleway; font-size: 24px; font-weight: normal;} .Article-left.digital-library-content .left ul.Article-folder-content-list li{ width: 100%; margin: 15px 4% 15px 0;} /* .Article-left.digital-library-content .left ul.Article-folder-content-list .list-3 {width: 56%; margin: 0px 0px 10px 0px;} .Article-left.digital-library-content .left ul.Article-folder-content-list .list-5 {width: 26%; margin: 0px 4% 12px 0px;} .Article-left.digital-library-content .left ul.Article-folder-content-list .list-2 {margin-bottom: 4%;} .Article-left.digital-library-content .left ul.Article-folder-content-list .list-3 {margin-bottom: 4%;} .Article-left.digital-library-content .left ul.Article-folder-content-list .list-6{width: 26%; margin: 0px 0px 10px 0px;} */ .Article-left.digital-library-content ul li .readmore{padding: 0 0 15px 10px;} .Article-left.digital-library-content ul li div.listArticle iframe, .Article-left.digital-library-content ul li div.listArticle img{max-width : 100% !important;} .Article-left.digital-library-content ul li div.listArticle h2{font-size: 18px; font-weight: normal; font-family: raleway; box-sizing: border-box;} .Article-left.digital-library-content .left ul.Article-folder-content-list .list-1{width: 100%;} .Article-left.digital-library-content ul.Article-folder-content-list .list-1.mainArticles1 iframe{min-height: 330px !important;} .Article-left.digital-library-content ul.Article-folder-content-list .listArticle .listArticle-left p{padding-left: 10px; float: left; width: 100%;} .Article-left.digital-library-content .show-more{text-transform: uppercase; background: 0; color: #000 !important; font-size: 16px; font-family: raleway; font-weight: bold; padding: 10px 13px 9px 13px; border: 2px solid #000; border-color: black;} /* End : Captcha */ /* paypal */ .payment-method-options .input-radio.remove-margin{margin:0; height:0; width:0;} #payment-method-container .form-row.form-row-button{display:none;} #payment-method-container .payment-method-options {width: 90%;} label[for=is-PayPal]{text-transform: capitalize !important;font-style: italic;} label[for=is-BML] span{text-transform: capitalize !important;font-style: italic;} .pt_checkout #main #secondary .PayPalBannerDisplay {margin:20px 0 0 0;} #payment-method-container .payment-method-options input[type="radio"]{display: none;} /*payapal slot alignment*/ #ad-wrap_310x224{margin-top: 30px;} .digital-library-article-page{margin-top: 8%;} .digital-library-article-page h2{font-size: 22px; font-family: raleway; font-weight: normal;margin-top:0;} .shopping-list-wrapper .form-field-tooltip{ width: 25px; height:25px; margin: 0; background:url('../images/Info-icon.png')no-repeat;} .shopping-list-wrapper .form-field-tooltip .tooltip{width: 25px; height:25px;} .pt_shopping_list .shoppinglist-msg .label{font-weight: bold; position: relative; display: block;} .pt_shopping_list .shoppinglist-msg .label #shoppinglist-instruction { float: none; display: inline-block; position: absolute; bottom: -4px;} /*CybersourceTokenization*/ .pt_cart .note-po-section.accord-outer{width: 100%; float: left; clear:both; position: relative;} .pt_cart .note-po-section.accord-outer .commentText {display: none;} .pt_cart .note-po-section .accord-section{width: 100%; border-top:1px solid #e4e4e4;} .pt_cart .note-po-section .accord-section.POContainer { border-bottom: 1px solid #e4e4e4;} .pt_cart .note-po-section .accord-content {display: none;} .pt_cart .note-po-section .accord-content.active {display: block;} .pt_cart .note-po-section .orderNotesContainer.accord-content{padding-left:0; width: 100%;} .pt_cart .note-po-section .accord-header{width: 100%; font-weight: 700; font-size: 18px; color: #000; padding: 10px 0; cursor: pointer; background: url('../images/summary-down.png') no-repeat right center;} .pt_cart .note-po-section .accord-header.active{background: url('../images/summary-up.png') no-repeat right center;} .pt_cart .note-po-section .POContainer label{display: none;} .pt_cart .note-po-section .accord-content .form-row{width: 100%; float: left;} .pt_cart .note-po-section .accord-content .form-row textarea{margin: 0; width: 90%; float: left; resize: none; min-height: 135px;} .pt_cart .note-po-section .save-po-box{margin-bottom: 15px; width: 90px; font-size: 14px;} .pt_cart .note-po-section .SummaryContainer .char-count{width: auto; float: left; margin-top:5px;} .pt_cart .note-po-section .csnotedesc{width: 90%; float: left; font-size: 14px; line-height: 18px; padding-bottom: 20px; } .pt_cart .note-po-section .accord-content button{font-family: Raleway;} /*my account */ .pt_account .creditcard-info .btns-outer{width: 100%; float:left; margin-top: 30px;} .pt_account .paymentSetting ul.payment-list li .btns-outer .btns{width: auto; margin-top: 0;} .pt_account .paymentSetting ul.payment-list li .btns-outer .btns .default-card{width: auto; margin-top: 5px;} .pt_account .creditcard-info .btns-outer .btns a{width: 125px;} .pt_account .paymentSetting ul.payment-list li .creditcard-info .btns-outer .deletelink{margin-top: 5px; float: right; width: auto;} .pt_cart .accord-content button.saved {opacity: .5; cursor: default;} .pt_account .SecureAcceptance_IFRAME iframe{max-width: 565px; } .pt_order-confirmation .order-confirmation-details .order-commenttext{width: 100%; float: left;} .pt_order-confirmation .order-confirmation-details .order-commenttext .value {float: right; width: 59%; word-break: break-word;} .pt_checkout .review-order .secure-card-entry , .pt_account .secure-card-entry{margin: 0 0 5px 0; font-weight: 900; width:100%; float: left; color: #000; font-size: 14px; padding: 8px 0 8px 24px; background: url(../images/lock.png)no-repeat left center; background-size: 16px 20px;font-family: lato; text-transform: uppercase;} /*PI Widget*/ .pt_product-search-result .recommendation-title, .pt_cart .recommendation-title, .pdp-main .recommendation-title { font-family: Raleway; font-size: 30px; font-weight: 300; color: #222; padding: 0 0 30px;} .pt_product-search-result .category-recemmendation{padding-top: 23%;} .pt_product-search-result .global-slick-wrapper, .pt_cart .global-slick-wrapper, .pdp-main .global-slick-wrapper {background: transparent;} .pt_cart .recommendations.cross-sell a{color: #000;} .pt_product-search-result .global-slick-wrapper{margin-top: 30px;} .pt_product-search-result .recommendations.cross-sell { width: 100%; } .pdp-main .recommendation-title{width: 83.8%; margin: 0 auto; padding-bottom: 0;} .pdp-main .recommendation-title { padding: 40px 40px 0; } .pt_cart .recommendation-title { padding: 25px 0 0; } .pt_cart .global-slick-wrapper{ border-top: 2px solid #000; margin: 40px 0 0;padding-bottom: 0;float: left; width: 100%;} .pt_cart .recommendations.cross-sell {padding: 30px 0 0;width: 100%;} .brand-message{text-align: center; font-size: 18px; padding:5px 0 25px 0;} .brand-message.cart-page{ border-bottom: 2px solid #000; margin-bottom: 30px; padding-bottom: 30px; width: 100%; float: left;} .back-to-searchpage {width: 100%; float: left; width: 18%;float:left; clear:both;} .wrap-summary-actions{display: none; width:100%; float: left; padding: 0 0;} /*customsearchpage*/ .header-search #suggestions .suggestionterm .jsSearchTitle{font-family:raleway; font-size: 22px; font-weight: 900; padding: 10px 0 10px 40px; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .header-search #suggestions .suggestionterm a{ font-size: 18px; line-height: 20px; color: #000; width: 100%; float: left; padding: 8px 0 8px 45px; text-transform: capitalize; box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .header-search #suggestions .suggestionterm a .searchkeywrd{font-weight: 700;} .header-search #suggestions .suggestionterm a:hover, .header-search #suggestions .suggestionterm a.jsEnhancedSearch.selected{background-color: #000; color: #fff;} .header-search #suggestions .suggestionterm .view-all a{font-family: raleway; font-weight: 900; text-transform: none; text-decoration: underline;} .header-search #suggestions div div.suggestionterm{width:100%; margin: 5px 0px;} .customsearchcategory{width:100%; float: left; clear:both; padding-top: 30px;} .customsearchcategory .view-all{width: 100%; float: left; clear: both; text-align: center; padding-top: 20px;} .customsearchcategory .view-all a{font-size: 14px; font-weight: 700; font-family: raleway; border: 2px solid #000; padding: 8px 20px; text-transform: uppercase; } .customsearchcategory .view-all a:hover{background-color:#000; color: #fff;} .customsearchcategory .search-category-heading{font-size: 22px; font-weight: 700; padding: 15px 0; float: left; width: 100%;} .pt_product-search-result .back-to-searchpage.button {border: none; background: transparent; text-align: center; padding:0; width: 100%; float: left; margin:20px 0;} .pt_product-search-result .back-to-searchpage.button .primaryButtn{padding: 12px 20px 11px;} .pt_product-search-result .search-result-options{text-align: center; } .pt_product-search-result .search-result-options .pagination{display: inline-block; float: none; width: auto; margin: 0 auto;} .customsearchcategory .only-mobile{display:none;} .video-container.customsearchcategory .video-list-section{width: 50%; float: left; box-sizing: border-box;} .video-container.customsearchcategory .video-list-section:first-child{padding: 0 10px 0 0; } .video-container.customsearchcategory .video-list-section:nth-child(2){padding: 0 0 0 10px; } .video-container.customsearchcategory .video-list-section.new-row{ padding: 0 20px 0 0;} .video-container.customsearchcategory .video-list-section .floating-box{width:100%; margin:0 !important;} .video-container.customsearchcategory .video-list-section .floating-box iframe{width:100% !important; min-height: 260px; } .allresultspage{clear:both;} .allresultspage .backto-search{padding-top: 30px; clear: both; text-align: center;} .allresultspage .backto-search a{padding: 12px 30px; display: inline-block; width:auto; background: #000; color: #fff; font-family: raleway; font-size: 18px; font-weight: 700;} .blog-container.customsearchcategory .listArticle{width:31.33%; margin: 0 0 0 3%; float: left; background-color: #fff; margin-bottom: 20px; box-sizing: border-box; min-width: 1px;} .blog-container.customsearchcategory .listArticle:first-child{margin: 0;} .blog-container.customsearchcategory .listArticle .listArticle-left, .blog-container.allresultspage .listArticle .listArticle-left { width: 100%; padding: 20px; box-sizing: border-box; text-align: center; } .blog-container.customsearchcategory .listArticle .listArticle-left img{max-width: 100%;} .blog-container.customsearchcategory .listArticle .listArticle-left a{ display: block;} .blog-container.customsearchcategory .listArticle .listArticle-right, .blog-container.allresultspage .listArticle .listArticle-right{float: left; width: 100%;padding:0 20px 20px; min-width:1px; box-sizing: border-box; } .blog-container.allresultspage .listArticle .listArticle-left{padding: 0;} .blog-container.customsearchcategory{margin-bottom: 40px;} .blog-container.allresultspage .listArticle{width: 23%; margin: 0 0 0 2%; float: left; background-color: #fff; margin-bottom: 20px; box-sizing: border-box; min-width: 1px;} .blog-container.allresultspage .listArticle.new-row{margin-left: 0;} .cutsom-search-no-results{ clear: both; padding-top: 5px;} .cutsom-search-no-results .msg2 p{font-size: 18px; font-weight: 900;} .cutsom-search-no-results .msg2 .typed-keyword{text-transform: uppercase;} .cutsom-search-no-results p {font-size: 16px;} .cutsom-search-no-results p .suggested-keys{font-style: italic; padding-left: 8px;} .cutsom-search-no-results p a{text-decoration: underline;} .cutsom-search-no-results .view-all-brands{padding: 10px 0;} .cutsom-search-no-results .view-all-brands a{font-size: 18px;text-transform: capitalize; font-weight: 900;text-decoration: underline;} .cutsom-search-no-results .view-all-brands a:hover{color: #777;} .cutsom-search-no-results h2.carousel-heading {text-align: center;font-weight: 700;margin-top: 80px;font-size: 40px;} .cutsom-search-no-results .search-result-text, .cutsom-search-no-results .msg2 p span {color: #222;} /* CP-1469 */ form#account-registration-form .regtype-filed-section #div-account a.cosmoprofaccount, form#account-registration-form .regtype-filed-section #div-card a.cosmoprofcard {position:absolute;right: 15px;} .pt_account .diversion-policy-link{padding: 15px 0 10px; } .pt_account .diversion-policy-link a{text-decoration: underline; font-size: 13px; font-family: lato; color: #0188cb;} .pt_account .diversion-policy span.error { width: 100%;float: left;} /* CP-2203 */ .pt_checkout #selected-shipping-container .form-row.select-zip-CA {width: 100%;} .pt_checkout .checkout-shipping .button-fancy-large {background-color: #0a1f3e;color: #ffdf89;border: none;} .pt_checkout .checkout-shipping .button-fancy-large:hover {background-color: #96aab0;color: #fff;border: none;} /*livechat styles */ .web-to-case-page{max-width: 550px; width: 100%; margin-top: 50px;} .web-to-case-page form .form-field {width: 100%; float: left; margin: 0 0 1em; box-sizing: border-box;} .web-to-case-page form .form-field .twoinarow {width: 50%; float: left; box-sizing: border-box;} .web-to-case-page form .form-field .twoinarow:nth-child(1){padding:0 10px 0 0;} .web-to-case-page form .form-field .twoinarow:nth-child(2){padding:0 0 0 10px;} .web-to-case-page form .form-field .threeinarow {float: left; box-sizing: border-box;} .web-to-case-page form .form-field .threeinarow:nth-child(1){width: 50%; padding:0 10px 0 0;} .web-to-case-page form .form-field .threeinarow:nth-child(2){width: 30%; padding:0 0 0 10px;} .web-to-case-page form .form-field .threeinarow:nth-child(3){width: 20%; padding:0 0 0 10px;} .web-to-case-page form input, .web-to-case-page form select, .web-to-case-page form textarea{box-sizing: border-box; width: 100%; margin: 0;} .web-to-case-page form textarea{min-height: 110px; resize: none; border: 1px solid #000;} .web-to-case-page form input[type="submit"]{width: auto; border: none; color: #fff; text-transform: uppercase; padding: 0 20px; line-height: 44px; font-family: 'Raleway'; font-style: normal; font-weight: 700; font-size: 16px; background: #000000;} .web-to-case-page form span.error{margin: 0;} .web-to-case-page form label{width: 100%; text-align: left; color: #000; font-family: lato; font-weight: bold; font-size: 16px;} .web-to-case-page .g-recaptcha {width: 100%; float: left; margin:10px 0 10px 0;} .pt_customer-service .dialog-required.padding-right{float: right;} .pt_customer-service.webToCase_service .primary-content{padding: 30px 30px 0 130px;} .web-to-case-page .form-field.submit-button {padding: 10px 0 0 0;} .web-to-case-page .recaptcha-error.error{float: left; padding:0 0 15px 0;} /*SlideShow for blog article pages*/ .autoplayvalue, .autoplayspeed{display: none;} .content-slideshow-outer{max-width: 800px; width: 100%; margin: 0 auto; float:none; display: none;} .content-page-slideshow{width: 100%; float: left; padding: 25px 0; } .content-page-slideshow .slideshow-content{ display: table-cell; vertical-align: middle; outline: none; background-color: #fff;} .content-page-slideshow .image-section {max-width:800px; min-height: 600px; width: 100%; background: #fff; text-align: center; position: relative;} .content-page-slideshow .image-section img{position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right:0;} .content-page-slideshow .slideshow-content .content-section { padding: 20px;} .content-page-slideshow .slideshow-content .content-section h3{ margin: 0 0 10px; color: #000 !important; font-size: 25px; line-height: 27px;} .content-page-slideshow .slideshow-content .content-section p{ margin:0 0 10px 0; font-size: 16px; color: #000;} .content-page-slideshow .slideshow-content .content-section a{color: #000 !important;} .content-page-slideshow .slick-prev{ left: 2%; top: 300px; background: url(../images/black-arrow-left.png) no-repeat; height: 44px; width: 35px; padding: 0; z-index: 99; font-size: 0;} .content-page-slideshow .slick-next{ right: 2%; top: 300px; background: url(../images/black-arrow-right.png?) no-repeat; height: 44px; padding:0; width: 35px; z-index: 99; font-size: 0;} .content-page-slideshow ul.slick-dots li button{padding: 0;} .pt_account .registerlink{padding: 15px 0 10px; float: left; text-decoration: underline; font-size: 13px; font-family: lato; color: #0188cb;} .pt_account .registerlink span.error { width: 100%;float: left;} .pt_account .registerlink {padding: 15px 0 10px; } .pt_account .diversion-policy-link{display: none;} .ui-dialog.professional-purchaseagreement-accountpage{max-width: 700px; width: 90% !important;} .ui-dialog.professional-purchaseagreement-accountpage .ui-dialog-titlebar.ui-widget-header{background: #fff; padding: 0; margin-bottom: 0;} .ui-dialog.professional-purchaseagreement-accountpage .dialog-content {padding-top: 0;} .ui-dialog.professional-purchaseagreement-accountpage .ui-dialog-titlebar-close{top: 15px; z-index: 99;} /* CP-1283 */ .product-tile .product-pricing .product-discounted-price .product-standard-price {color: #999999;font-weight: 300;font-size: 20px;} .product-tile .product-pricing .product-discounted-price .product-sales-price {color:#990000;} .ui-dialog.cosmoprof-customer-cardNumber .ui-widget-header, .ui-dialog.cosmoprof-customer-accountNumber .ui-widget-header{margin-bottom: 0;} .ui-dialog.cosmoprof-customer-cardNumber.ui-dialog-titlebar-close, .ui-dialog.cosmoprof-customer-accountNumber .ui-dialog-titlebar-close{top: 15px;} form#account-registration-form .regtype-filed-section #div-card .cardhelplink{display: none;} form#account-registration-form .regtype-filed-section #div-account .accounthelplink{display: none;} .start-error-message {padding: 15px 0; color: #ff0008;} /* PLCC styles */ .plcc-registered #postToAds table, td, tr { border: none;} .plcc-unregistered .apply-button, .plcc-registered .apply-button { background-color: #0a1f3e;color: #ffdf89;line-height: 30px;border: none;width: 150px;text-transform: uppercase;font-size: 14px;font-weight: 700;} .plcc-unregistered .apply-button:hover, .plcc-registered .apply-button:hover { background-color: #96aab0;color: #fff;} .plcc-login .login-heading {font-size: 14px;text-transform: uppercase;;color: #000;font-weight: 700;margin: 10px 0;} .plcc-login .login-box-content .form-row label {width: 100%; text-align: left;} .plcc-login .login-box-content .login-fields .login-box-button { width: 64%;float: left; margin: 0; font-family: 'Lato';font-size: 13px;} .plcc-login .login-box-content .remember-reset-options {display: block;} .plcc-login .login-box-content .login-remember-me .form-row {margin-top:10px;} .plcc-login .login-box-content .login-remember-me .form-row label {width: 92%;font-size: 16px;font-weight: 400;color: #000;float: right;padding: 0;} .plcc-login .login-box-content .password-reset a {float: left;font-size: 15px;font-family: lato;text-decoration: underline;color: #000;} .plcc-login .welcome-return-customer {display: none;} .plcc-login .login-box-content { margin-top: 20px;padding: 0;} .plcc-login .login-box-content .login-password .form-row{margin: 10px 0 30px;} .plcc-login .login-box-content input[type="text"], .plcc-login .login-box-content input[type="password"] {width: 60%;} .plcc-login .login-box-content .error-form { float: left;} .plcc-login .col-2 .newcustomer-login .customer-register h3, .plcc-login .col-2 .newcustomer-login .customer-signup h3{ font-weight: 700;text-transform: uppercase;color: #000;} .plcc-login .col-2 .newcustomer-login .newcustomer-btn {background-color: #0a1f3e;color: #ffdf89;width: 100%;padding: 10px;width: 270px;text-align: center; display: flex;justify-content: center;font-weight: 700;} .plcc-login .col-2 .newcustomer-login p {line-height: normal;} .plcc-login .col-3 .plcc-login-disclaimer {width: 100%; float: left;margin-top: 30px;} .plcc-login .col-3 .plcc-login-disclaimer p{ margin: 5px 0;line-height: normal; } .plcc-login .col-2 .newcustomer-login .newcustomer-btn:hover {background: #96aab0; color: #fff;} .primary-content.plcc-login { padding: 95px 30px 0 257px;} .plcc-login .login-box-content span.error {float: left;} .user-pending p { color: #F6161A;} .plcc-ads-respronse {width: 100%; float: left;font-size: 16px;padding: 10px 0; color: #F6161A;} #payment-method-container .plcc-payment-approval .plcc-payment-img { background: url(../images/plcc-pro-card.png) no-repeat;width: 60px;height: 40px;margin: 20px 0;background-size: contain;} #payment-method-container .plcc-payment-approval {display: flex;flex-wrap: nowrap;align-items: center;margin-bottom: 15px;} #payment-method-container .plcc-payment-approval .plcc-payment-details {font-size: 1rem;line-height: normal;margin-left: 10px;} #payment-method-container .plcc-payment-approval .plcc-payment-details .plcc-bold {color: #0A1F3E;font-weight: 700;} #payment-method-container .plcc-pay-card .plcc-pay-card-info {font-size: 0.9rem;margin: 0 0 5px;} #payment-method-container .plcc-pay-card .plcc-pay-card-block { display: flex;flex-wrap: nowrap;justify-content: left;} #payment-method-container .plcc-pay-card .plcc-pay-card-block .next-step-button {margin: 0 15px 0 0;} #payment-method-container .plcc-pay-card .submit-payment-billing, #payment-method-container .plcc-pay-card .plcc-other-payment { background-color: #0a1f3e;color: #ffdf89; border:none; } #payment-method-container .plcc-pay-card .submit-payment-billing:hover, #payment-method-container .plcc-pay-card .plcc-other-payment:hover { background-color: #96aab0;color: #fff;} .checkout-billing.address .paymentformhide.plcc-payment-method {display: none;} .ui-dialog.plcc-timeoutpopup .ui-dialog-titlebar.ui-widget-header {padding: 8px;margin: 0;background: none;} .plcc-timeoutpopup .alert-message {font-size: 18px;font-weight: 700;margin: 15px 0;} #plccsessiontimeout-popup.ui-dialog-content {padding-top: 0;} #plccsessiontimeout-popup .confirm-buttons { display: flex;justify-content: center;} #plccsessiontimeout-popup .confirm-buttons button {background-color: #0a1f3e;color: #ffdf89;border: 0;margin: 0 15px 0 0;} #plccsessiontimeout-popup .confirm-buttons button:hover { background-color: #96aab0;color: #fff;} .pt_checkout #main #primary .review-order.step-3 .mini-billing-address.order-component-block.plcc-order-review {width: 100%;} .plcc-unregistered .apply-button a {color: #ffdf89;} .plcc-unregistered .apply-button:hover a {color: #fff;} .plcc-chechout-button { background-color: #0a1f3e;color: #ffdf89;border: none;} .plcc-chechout-button:hover { background-color: #96aab0;color: #fff;} .cutsom-search-no-results .msg1 h1 {border: none;text-align: center;text-transform: capitalize;} .cutsom-search-no-results .msg2 p {text-align: center;} form.nosearch-result, .search-result-text {text-align: center;} .search-result-text { margin: 30px auto;width: 60%;text-align: left;} #SEARCH-PI-Recommendation .recommendation-title {text-align: center;font-weight: 700;} form.nosearch-result input[type="submit"] { width: 40px;height: 41px;background: url(../images/header/search_icon-new.jpg) no-repeat scroll center center transparent;border-radius: 0;text-indent: -99px;position: absolute;right: 302px;border: none;} .cutsom-search-no-results .msg2 p span { text-decoration: underline;margin: 0 5px;text-transform: uppercase; } /* CP-2367 */ .product-tile .product-name-rec{width: 100%;clear: both;margin-right: 0;margin-bottom: 0;margin-top: 0;font-family: Lato;font-size: 16px;font-weight: bold;color: #000;} .product-tile .product-name-rec a{text-transform: none;;} .enishtine-recomndations .product-tile .product-brand{font-family: Lato;font-size: 16px;padding-top: 10px;color: #444;} .pdp-main .carousel-heading{font-family: Raleway;font-size: 30px;font-weight: 300;color: #222;padding: 40px 40px 0;width: 83.8%;margin: 0 auto;} .pdp-main .enishtine-recomndations ul.recommendations-horizontal-carousel{width: 83.8%;margin: 0 auto;padding: 30px 0 40px;} .enishtine-recomndations .product-pricing a{width: 100%; display: block; padding: 10px 0px 0px;font-size: 16px;} .pdp-main .enishtine-recomndations a.logintoviewprice{width: 100%;padding-top: 10px;} .cart-recommendation-container {clear: both;border-top: 2px solid #000;margin: 40px 0 0;padding-bottom: 0;float: left;width: 100%;} .pt_cart .carousel-heading{padding:25px 0 0;margin-left:0;margin-top:0;font-size: 30px;font-family: Raleway;font-weight: 300;} .pt_cart .enishtine-recomndations ul.recommendations-horizontal-carousel{width:100%;padding-left:0;} .pt_cart .enishtine-recomndations .product-brand a, .pt_cart .enishtine-recomndations .product-name a, .pt_cart .enishtine-recomndations .product-swatches a{color: #000;} .pt_product-search-result .carousel-heading{margin-left: 0;padding: 0 0 30px;width: 100%;font-size: 30px; margin: 0 auto;font-family: Raleway;font-weight: 300;color: #222;} .pt_product-search-result .enishtine-recomndations ul.recommendations-horizontal-carousel{margin: 0;padding: 0;width: 100%;} .pt_product-search-result .enishtine-recomndations .slick-next{right: 0;} .enishtine-recomndations .product-tile .product-image{height: auto !important;} .enishtine-recomndations .product-tile .product-swatches{font-family: inherit} #pendinguser-popup {font-weight: 600;} #plcc_seesion_logout_modal .plcc-logout { background: #fff;color: #000;border: 2px solid #000;box-sizing: border-box;padding: 0.4em 1.5em 0.4em;margin-right: 30px;border-radius: 0;outline: none;} #plcc_seesion_logout_modal .plcc-keep-loggedin { background-color: #0a1f3e !important;color: #ffdf89 !important;border: none !important;} #plcc_seesion_logout_modal h4.modal-title {font-size: 18px;} .modal-body section {font-weight: 700;} #plccconfirmation-popup .title-header {font-weight: 600;} #plccconfirmation-popup .title-header, #plccconfirmation-popup .user-details p, #plccconfirmation-popup .confirm-btns{text-align: center;} #plccconfirmation-popup .confirm-btns .plccconfirmation-cancel-button { margin-right: 20px;} #plccconfirmation-popup .confirm-btns {padding-bottom: 20px;} #plccconfirmation-popup {padding-top: 0;} #plccconfirmation-popup .confirm-btns .plccconfirmation-cancel-button, #plccconfirmation-popup .confirm-btns .plccconfirmation-confirm-button {width: 110px;} .basketLimitErrorMsg, .Cart-basketLimitErrorMsg, .quickorder-basketLimitErrorMsg, .basketlimitErrorMsg {color : red;} .addedCartpopup.basketlimitErrorMsgClass {height: 140px!important;} .POBoxError { opacity: 0.5; z-index: 999999; cursor: none; pointer-events: none;} .PoAddressError {width: 100%!important; margin-top: 10px;}