/*569CE2*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { -webkit-font-smoothing: antialiased }
/* CSS for Font */
@font-face { font-family: 'ProximaNovaRegular'; src: url('font/ProximaNovaRegular.eot'); src: url('font/ProximaNovaRegular.eot') format('embedded-opentype'), url('font/ProximaNovaRegular.woff') format('woff2'), url('font/ProximaNovaRegular.woff') format('woff'), url('font/ProximaNovaRegular.ttf') format('truetype'), url('font/ProximaNovaRegular.svg') format('svg'); }
@font-face { font-family: 'ProximaNovaSemibold'; src: url('font/ProximaNovaSemibold.eot'); src: url('font/ProximaNovaSemibold.eot') format('embedded-opentype'), url('font/ProximaNovaSemibold.woff') format('woff2'), url('font/ProximaNovaSemibold.woff') format('woff'), url('font/ProximaNovaSemibold.ttf') format('truetype'), url('font/ProximaNovaSemibold.svg') format('svg'); }
@font-face { font-family: 'ProximaNovaBold'; src: url('font/ProximaNovaBold.eot'); src: url('font/ProximaNovaBold.eot') format('embedded-opentype'), url('font/ProximaNovaBold.woff') format('woff2'), url('font/ProximaNovaBold.woff') format('woff'), url('font/ProximaNovaBold.ttf') format('truetype'), url('font/ProximaNovaBold.svg') format('svg'); }
@font-face { font-family: 'ProximaNovaRegItalic'; src: url('font/ProximaNovaRegItalic.eot'); src: url('font/ProximaNovaRegItalic.eot') format('embedded-opentype'), url('font/ProximaNovaRegItalic.woff') format('woff2'), url('font/ProximaNovaRegItalic.woff') format('woff'), url('font/ProximaNovaRegItalic.ttf') format('truetype'), url('font/ProximaNovaRegItalic.svg') format('svg'); }
body { font-family: 'ProximaNovaRegular'; font-size: 16px; line-height: 24px; color: #4a4a4a; overflow-x: hidden; }
p { font-size: 16px; line-height: 24px; color: #888888; }
a, a:hover, a:focus { outline: none; border: none; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], textarea { -webkit-appearance: none; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; color: #d3d3d3; }
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
/* CSS for App */
.customiseBlock { width: 940px; margin: 0 auto; }
.customiseInput { padding: 75px 0; clear: both; overflow: hidden; }
.customiseUI, .customise_Holder { width: 460px; float: left; position: relative; }
.customise_Holder #loader_div { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; z-index: 2; }
.customiseUIoption { width: 460px; float: right; }
.customiseUIoption h1 { font-family: 'Raleway', sans-serif; color: #4a4a4a; font-size: 24px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.1em; border-bottom: solid 1px #dfdfdf; padding: 0 0 20px; margin: 0 0 20px; }
#progress { clear: both; overflow: hidden; }
.steps { margin: 35px 0 0; }
.steps span { display: block; float: left; font-family: 'ProximaNovaSemibold'; margin-right: 18px; }
.steps ul { width: 336px; margin: 4px 0 0; background: #f7f7f7; border: solid 1px #e5e5e5; border-radius: 5px; }
.steps ul, .steps ul li, .steps ul li a { list-style-type: none; float: left; display: block; }
.steps ul li { width: 20%; height: 10px; }
.steps ul li a { width: 100%; height: 10px; text-decoration: none; }
/*.steps ul li.enabled, */.steps ul li.completed { background: #ec6567; }
.steps ul li.enabled.first-child, .steps ul li.completed.first-child { border-radius: 5px 0 0 5px; }
.steps ul li.enabled.last-child, .steps ul li.completed.last-child { border-radius: 0 5px 5px 0; }
.options { margin: 19px 0; }
.panel { background: #f7f7f7; border-radius: 5px; min-height: 50px; margin-bottom: 3px; clear: both; overflow: hidden; }
.step h2 { font-family: 'ProximaNovaSemibold'; font-size: 16px; line-height: 24px; color: #78889b; padding: 17px 12px 17px 20px; border-bottom: solid 1px #e5e5e5; }
.step h2 span { font-size: 14px; line-height: 24px; color: #78889b; float: right; }
.step h2 span img { vertical-align: middle; margin: -2px 9px 0; }
.step a { color: #569CE2; text-decoration: none; }
.row { background: #fff; border-radius: 5px; box-shadow: 0px 1px 0px #dfe2eb; margin: 10px; padding: 20px 15px 18px; clear: both; overflow: hidden; position: relative; }
.clickable-area { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }
.row h3 { font-family: 'ProximaNovaBold'; color: #4a4a4a; font-size: 14px; line-height: 24px; padding: 0; margin: 0; text-align: left; letter-spacing: normal; font-weight: normal; text-transform: none; }
.row h3 a { color: #9babba; display: block }
.row h3 a:hover { color: #4a4a4a; }
.row.row-active h3 a { color: #569CE2; }
.row h3 a.disable { color: #9babba; cursor: default; }
.row h3 a.disable:hover { color: #9babba; }
.row h3 a span { width: 11px; height: 12px; background: url(../images/icon_show_hide.png) no-repeat 0 0; display: block; float: right; }
.row h3 a span.show { background-position: 0 -12px; }
.options input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; }
.form-control, input[type="text"].form-control, .row textarea { font-family: 'ProximaNovaSemibold'; display: block; width: 100%; height: 52px; padding: 15px 12px; font-size: 16px; line-height: 1.42857143; color: #4a4a4a; background-color: #fff; background-image: none; border: 1px solid #e5e5e5; border-radius: 5px; margin: 10px 0 0; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.row textarea { height: 120px; resize: vertical; font-family: 'ProximaNovaRegItalic'; font-size: 14px; color: #9babba; }
.form-control:focus, .row textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
.row textarea:focus { font-style: normal; color: #4a4a4a; }
.form-control::-moz-placeholder {
color: #d3d3d3;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #d3d3d3;
}
.form-control::-webkit-input-placeholder {
color: #d3d3d3;
}
.subscribe_form ::-moz-placeholder {
color: #fefefe;
opacity: 1;
}
.subscribe_form :-ms-input-placeholder {
color: #fefefe;
}
.subscribe_form ::-webkit-input-placeholder {
color: #fefefe;
}
.app-btn { display: inline-block; height: auto; letter-spacing: normal; padding: 18px 30px; margin: 0 0 0 10px; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #2064aa; font-family: 'ProximaNovaSemibold'; color: #fff; text-transform: uppercase; background-image: none; border: 1px solid #2064aa; border-radius: 4px; }
.app-btn, .btn, a, .microfiche-button { -webkit-transition: all ease-in-out .15s; -o-transition: all ease-in-out .15s; transition: all ease-in-out .15s; }
.app-btn:focus, .app-btn:active:focus, .app-btn.active:focus, .app-btn.focus, .app-btn:active.focus, .app-btn.active.focus { outline: none; }
.app-btn:hover { color: #fff; background: #19599a; text-decoration: none; }
.app-btn.app-btn-secondary { background: #fff; color: #4a4a4a; }
.app-btn.app-btn-secondary:hover { color: #fff; background: #2064aa; }
.app-btn.cancel { padding: 0; margin: 0; background: none; color: #4a4a4a; text-transform: inherit; border: none; /*border-bottom:solid 1px #d2d2d2;*/ }
.btn_group { float: right }
.panel ul.app-list-horizontal { margin: 18px 0 0; padding: 0; list-style-type: none; clear: both; overflow: hidden; }
.panel ul.app-list-horizontal li { display: inline-block; margin-bottom: 1px; float: left; width: 100px; }
.panel ul.app-list-horizontal.three-opt li { width: 33.333%; }
.panel ul.app-list-horizontal.six-opt li { width: 50%; }
.panel ul.app-list-horizontal.color-opt li { width: 66px; margin-right: 2px; }
.panel ul.app-list-horizontal.color-opt li:last-child { margin-right: 0; }
.panel ul.app-list-horizontal.color-opt li label { padding: 9px; }
.panel ul.app-list-horizontal li label { display: block; margin: 0; padding: 0; width: 100%; height: 38px; line-height: 38px; background: #f6f6f6; border: solid 1px #ebe9e9; color: #888; font-family: 'ProximaNovaSemibold'; font-size: 14px; cursor: pointer; position: relative; text-align: center; box-sizing: border-box; }
.panel ul.app-list-horizontal li label span { display: block; width: 100%; height: 100%; box-sizing: border-box; }
.panel ul.app-list-horizontal li.app-selectedValue label { background: #dadada; border-color: #c7c7c7; color: #4a4a4a; position: relative; z-index: 1; }
.completedSteps { background: #c8dff6 url(../images/measurement-icon-complete.png) no-repeat 96% 17px; color: #4c7eb1; border: solid 1px #4c7eb1; font-family: 'ProximaNovaSemibold'; font-size: 16px; padding: 15px 19px; margin: 0 0 11px; border-radius: 5px }
.monogram-detail { margin: 19px 0 0; }
.row .monogram-detail h3 { display: block; clear: both; }
.row .monogram-detail h3 a { float: left; margin-bottom: 6px; }
.row .monogram-detail h3 a span { background: none; width: inherit; height: inherit; float: right; font-size: 14px; margin: 0 0 0 8px; font-family: 'ProximaNovaRegItalic'; font-weight: normal; }
/* CSS for Popup */
.popup { padding: 0 0 18px; position: fixed; z-index: 1000; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow-y: auto; border: solid 1px #ddd; right: inherit; bottom: inherit; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; max-width: 350px; }
.popup.book-an-appointment { max-width: 778px; }
.popup.please_wait { width: 450px; height: 172px; text-align: center; margin-left: -225px; margin-top: -86px; top: 50%; }
.popup.please_wait h4 { text-transform: capitalize; margin: 50px 0 0; }
.popup.please_wait span { display: table; margin: 0 auto; }
.popup h3 { font-family: 'ProximaNovaSemibold'; color: #78889b; font-size: 14px; line-height: 14px; padding: 0; margin: 20px 0 7px; text-align: left; letter-spacing: normal; font-weight: normal; text-transform: none; }
.popup h3:first-child { margin-top: 0; }
.popup .customiseUI { width: 440px; margin-left: 19px; }
.popup .customiseUIoption {/*width:280px; margin-right:10px;*/ width: 93%; margin-right: 0; float: none; margin: 0 auto; }
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:/*#569CE2*/ #e6e6e6; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; z-index: 999; display: none; }
.popup.panel ul.app-list-horizontal.color-opt li { width: 46px; margin: 0 0 5px; }
.popup.panel ul.app-list-horizontal.color-opt li.text { width: inherit; }
.popup.panel ul.app-list-horizontal.color-opt li.text label { padding: 0 9px; }
.popup.panel ul.app-list-horizontal { margin: 7px 0 0; }
.app-popup-header, .app-popup-header h1 { padding: 20px 20px 19px; margin: 0 0 30px; border-bottom: solid 1px #e5e5e5; font-family: 'ProximaNovaSemibold'; color: #78889b; font-size: 16px; line-height: 16px; text-align: left; }
.close_popup { background: url(../images/close_icon.png) no-repeat center center; float: right; width: 11px; height: 11px; text-indent: -9999px; overflow: hidden; margin: -10px -10px 0 0; cursor: pointer; padding: 15px; }
.complete_option { margin: 20px 0; clear: both; overflow: hidden; }
.complete_option .btn { float: right; }
/* CSS for App measurement
--------------------------*/
.customise_measurement_Input { padding: 30px 0; clear: both; overflow: hidden; }
.measurement_inner { margin: 0 auto; }
.app-measurement-header h1 { font-family: 'Raleway', sans-serif; color: #4a4a4a; font-size: 24px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; }
.app-measurement-header ul { float: right; }
.app-measurement-header ul, .app-measurement-header ul li { list-style-type: none; }
.app-measurement-header ul li { float: left; margin-left: 30px; }
.app-measurement-header ul li:first-child { margin: 0; }
.app-measurement-header ul li a { font-family: 'ProximaNovaRegular'; font-size: 14px; line-height: 16px; color: #888; font-weight: normal; letter-spacing: normal; text-transform: capitalize; }
.app-measurement-header ul li a:hover { color: #4a4a4a; }
.app-measurement-header ul li a:hover i { color: #ec6567; }
.app-measurement-header ul li a i { color: #cecece; font-size: 20px; margin-right: 10px; position: relative; top: 2px; }
#measurement_progress_bar, #measurement_progress_bar li { list-style-type: none; float: left; padding: 0; margin: 0; }
#measurement_progress_bar { width: 100%; clear: both; overflow: hidden; min-height: 45px; padding: 20px 10px 33px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#measurement_progress_bar li { width: 19%; position: relative; }
#measurement_progress_bar li.point_6 { width: 5%; }
#measurement_progress_bar li a { display: table; text-align: center; position: relative; z-index: 2; cursor: default; }
.measurement-block { margin-bottom: 10px; }
.measurement-block h5 { padding-bottom: 10px; padding-top: 5px; }
/*subsection*/
#measurement_progress_bar li ul { width: 100%; position: relative; margin: 0; top: -49px; z-index: 1; height: 1px; float: left; }
#measurement_progress_bar li ul li { background: #f7f7f7; height: 1px; font-size: 0; line-height: 0; overflow: hidden; }
#measurement_progress_bar li.point_1 ul li {/*width:25%;*/ width: 100%; }
#measurement_progress_bar li.point_2 ul li { width: 11.111%; }
#measurement_progress_bar li.point_3 ul li { width: 20%; }
#measurement_progress_bar li.point_4 ul li { width: 50%; }
#measurement_progress_bar li.point_5 ul li { width: 11.111%; }
#measurement_progress_bar li a span.number { clear: both; width: 34px; height: 34px; border: 2px solid #f7f7f7; background: #fff; font-family: 'ProximaNovaSemibold'; color: #cecece; display: block; font-size: 18px; line-height: 34px; text-align: center; border-radius: 50%; margin: 0 auto; }
#measurement_progress_bar li a span.step-text { font-family: 'ProximaNovaSemibold'; font-size: 16px; color: #cecece; margin: 12px 0 0; display: block; }
/*complete*/
#measurement_progress_bar li.completed a span.number { background: #ec6567; color: #fff; border: 2px solid #ec6567; }
#measurement_progress_bar li.completed a span.step-text { color: #ec6567; }
#measurement_progress_bar li ul li.completed { background: #ec6567; }
/*edited*/
#measurement_progress_bar li.completed.edited a span.number { background: #569CE2; color: #fff; border: 2px solid #569CE2; }
#measurement_progress_bar li.completed.edited a span.step-text { color: #569CE2; }
#measurement_progress_bar li ul li.completed.edited { background: #569CE2; }
#measurement_progress_bar li.point_1 ul { width: 62.5%; left: 81px; z-index: 2 }
#measurement_progress_bar li.point_2 ul { width: 85.5%; left: 43px; z-index: 2 }
#measurement_progress_bar li.point_3 ul { width: 75%; left: 50px; z-index: 2 }
#measurement_progress_bar li.point_4 ul { width: 81%; left: 38px; z-index: 2 }
#measurement_progress_bar li.point_5 ul { width: 87%; left: 36px; z-index: 2 }
/*measurement video*/
.measurement_video { width: 540px; float: left; position: relative; }
.app_video_content { background: url(../images/video_screen.jpg) no-repeat 0 0; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; margin-left: 0; text-align: center; margin-top: 0; cursor: pointer; background-size: cover; }
.app_video_content span.video_icon { display: block; margin: 77px 0 0; }
.app_video_content h3 { font-family: 'ProximaNovaBold'; color: #fff; font-size: 26px; padding: 20px 0 0; }
.app_video_content i { color: #fff; font-size: 100px; }
/*measurement leftside*/
.measurement_inner .point { width: 40%; float: right; margin: -3px 0 0; }
.measurement_inner .point h1 { display: none; }
.measurement_inner .point h4 { font-family: 'ProximaNovaSemibold'; font-size: 16px; color: #4a4a4a; text-transform: inherit; padding-bottom: 10px; font-weight: normal; text-align: left; letter-spacing: inherit; }
.measurement_inner .point h4:first-child { border-bottom: solid 1px #dfdfdf; }
.measurement_inner .point .app-measurement-tip { font-family: 'ProximaNovaRegular'; font-size: 16px; line-height: 24px; color: #888; padding: 18px 0; }
.measurement_inner .point .app-measurement-tip span { margin-right: 5px; font-family: 'ProximaNovaSemibold'; }
.measurement_inner .point div.selector { width: 220px !important; }
.measurement_inner .point .step { padding-bottom: 80px; }
/*measurement Button*/
.measurement_btn_group { float: right; position: relative; top: -68px; }
.measurement_btn_group .btn { padding: 24px 40px; }
.measurement_btn_group .btn.app-btn-secondary { background: #fff; color: #4a4a4a; border: solid 1px #2064aa; }
.measurement_btn_group .btn.app-btn-secondary:hover { color: #fff !important; border: solid 1px #2064aa; background: #2064aa; }
.measurement_btn_group .btn.app-btn-secondary.disabled, .measurement_btn_group .btn.app-btn-secondary.disabled:hover { color: #cecece !important; border: solid 1px #cecece !important; background: #fff !important; }
.measurement_label, .measurement_label label { font-family: 'ProximaNovaBold'; color: #4a4a4a; font-size: 14px; }
.measurement_label span.app-required { font-family: 'ProximaNovaRegular'; display: block; clear: both; color: #ec6567; margin: 3px 0 0; font-style: italic; }
h4 span.app-required-asterix { color: #ec6567; }
.measurement_label.space {/*margin-top:10px;*/ margin-bottom: 20px }
.measurement_label input[type="text"] { width: 222px !important; }
.couponCodeContainer input.Textbox, .giftCertificateContainers input.Textbox { width: 217px !important; background: #fff; font-family: 'ProximaNovaRegular'!important; color: #d7d7d7 !important; height: 44px; line-height: 44px; border-radius: 0px; font-size: 16px; border: solid 1px #ddd; }
.couponCodeContainer input.Textbox:focus, .giftCertificateContainers input.Textbox:focus { color: #4a4a4a !important; }
/* CSS for Desktop
-------------------------------*/
.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner, .measurement_inner, .how-it-work-inner, .our-showroom-inner, .featured-inner, .complete_look_area_inner, .footer-top-inner, .book_an_appointment_inner, .customiseStaticPage .inner, .bannerMain .inner, .who-is-joe-button-inner { max-width: 940px; width: 90%; margin: 0 auto; }
.main > .inner { min-height: 450px; }
.staticPageInner { max-width: 940px; width: 90%; margin: 0 auto; }
/* link
-------------------------------*/
a { color: #4a4a4a; }
a:hover { color: #ec6567; }
/* Heading
-------------------------------*/
h1, h2, h3, h4 { color: #4a4a4a; font-family: 'Raleway', sans-serif; letter-spacing: 0.05em; font-weight: 600; }
h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 26px; line-height: 28px; }
h3 { font-size: 24px; line-height: 26px; }
h4 { font-size: 14px; line-height: 16px; font-weight: 800; }
p { color: #4a4a4a; font-family: 'ProximaNovaRegular'; font-size: 16px; line-height: 24px; }
.TitleHeading { letter-spacing: 0.05em; text-transform: uppercase; border-bottom: none; margin-bottom: 10px; }
/* Header
-------------------------------*/
.header { margin-bottom: 17px; border-bottom: 1px solid #ccc; }
.PageMenu .CategoryList { float: left; }
.PageMenu #webpages { float: right; }
.PageMenu #webpages ul li:last-child { margin-right: 0; }
.TopMenu { padding: 5px 0 0; }
.TopMenu .inner { padding: 10px 0 0 0; }
.TopMenu ul { margin-bottom: 10px; }
.TopMenu.topMenuLoggedIn { margin: 0 0 15px; background: #f0f1f5; }
.TopMenu.topMenuLoggedIn .inner { padding: 5px 0 0; }
#SearchForm { border: 1px solid #d7d7d7; /*border-radius:5px;*/ color: #888; margin: 8px 0 0; }
.topic-banner .slide-overlay { position: absolute; }
.slide-show .slide-overlay, .topic-banner .slide-overlay { /*left: 15%; right: 50%; top: 50%;*/ text-align: center; width: 367px; right: auto; top: 50%; margin: auto; padding: 49px 43px; box-sizing: border-box; background: #fff; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); }
.slide-show h2, .slide-show .slide-text { background: none; text-shadow: none; }
.slide-show h2, .topic-banner .slide-overlay h2.slide-heading { font-family: 'Raleway', sans-serif!important; /*color:#4a4a4a !important;*/ font-size: 32px; line-height: 31px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; padding: 0 0 20px; background: url(../images/banner_title_separetar.png) repeat-x center bottom; }
.slide-show .slide-text, .topic-banner .slide-overlay .slide-text {/*color:#333 !important;*/ font-size: 16px; font-family: 'ProximaNovaRegular'; font-size: 16px; line-height: 18px; margin: 20px 0 0 0; letter-spacing: normal; padding: 0 5px; }
.slide-button { margin-top: 25px; }
.slide-button .btn { /*padding: 14px 48px 13px;*/ font-family: 'ProximaNovaBold'; font-size: 17px; line-height: 20px; border: none; background: #2064aa; border-radius: 5px; width: 100%; height: 50px; box-sizing: border-box; }
.slide-button .btn:hover { background: #19599a; border: none; }
.slide-show { margin-bottom: 80px !important; margin-top: -17px; }
/*.slide-overlay { position: absolute; text-align: center; background: #fff; top: 100px; padding: 40px 28px; width: 368px; box-sizing: border-box; }
.topic-banner .slide-overlay h2.slide-heading { font-size: 32px; line-height: 32px; letter-spacing: 0.2em; font-weight: 600; padding: 0 0 20px; background: url(../images/banner_title_separetar.png) no-repeat center bottom; text-transform: uppercase; }
.topic-banner .slide-overlay .slide-text { font-size: 16px; line-height: 18px; margin: 20px 0 25px; letter-spacing: normal; }*/
.slide-overlay-inner { max-width: 940px; position: absolute; height: 100%; top: 0; left: 0; right: 0; margin: auto; }
.slide-show .slide-overlay { left: 0; }
#home .ProductList li { /*width:33.3%;*/ width: 310px!important; }
#HomeFeaturedProducts h3, #SideTopSellers h3, #HomeNewProducts h3 { color: #4a4a4a !important; text-align: center; letter-spacing: 0.2em; text-transform: uppercase; }
#home .ProductList .pname { font-family: 'ProximaNovaBold'; font-size: 16px; color: #4a4a4a }
#home .ProductList .pname:hover { color: #ec6567; }
#home .ProductList .p-price { font-family: 'ProximaNovaBold'; font-size: 16px; color: #888; }
.TopMenu ul li { font-family: 'ProximaNovaRegular'; font-size: 14px; color: #4a4a4a; }
.TopMenu, .TopMenu a { color: #4a4a4a; }
.TopMenu a:hover { color: #ec6567; }
.signUp_container { float: right; font-family: 'ProximaNovaRegular'; font-size: 14px; color: #4a4a4a; margin: 18px 10px 0 }
.signUp_container span { margin: 0 4px; }
.cart_section { float: right; margin: 18px 20px 0 10px; }
#cart_total_item { font-family: 'ProximaNovaRegular'; font-size: 14px; color: #4a4a4a; }
.PageMenu { color: #4a4a4a; font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase; text-align: center; font-weight: 600; margin: 0 0 4px 0; }
@media(max-width:830px) and (min-width:768px){
.PageMenu { font-size: 13px; }
}
.PageMenu li { padding-top: 15px; }
.PageMenu .sf-menu > li > a { color: #4a4a4a; }
.PageMenu .sf-menu > li.over > a, .PageMenu .sf-menu > li > a:hover { color: #ec6567; }
.PageMenu li ul:before { display: none; }
.PageMenu li ul { width: 200px; padding: 5px 0 0; border-bottom: solid 1px #ccc; background: none; }
.PageMenu li ul li { padding: 0; border-left: solid 1px #ccc; border-right: solid 1px #ccc; background: #fff; }
.PageMenu li ul li a { padding: 20px 20px 19px; color: #ccc; border-top: 1px solid #fff; text-transform: none; font-size: 16px; line-height: 16px; font-family: "ProximaNovaRegular", sans-serif; font-weight: 600; }
.PageMenu li ul li a:hover { background: #f7f6f6; color: #ec6567; border-top: 1px solid #ec6567; }
#SideCategoryList .sf-menu li li:last-child { border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
.viewAll { padding: 0 0 77px; }
.cart_section .fa-shopping-cart { color: #ec6567; }
.microfiche-screen { margin: 0 30px; z-index: 5; }
.microfiche-controls { width: 100%; position: absolute; top: 45%; z-index: 2; }
.brandScrollerItems, #autoplay { position: relative; /*overflow: hidden;*/ z-index: 1; }
.microfiche-button { font-family: FontAwesome !important; }
.microfiche-button { margin: 0 !important; background: none; cursor: pointer; font-size: 0; color: #569CE2; border: solid 1px #569CE2; line-height: 26px; text-align: center; width: 28px; border-radius: 3px; }
.microfiche-button:hover { border: solid 1px #569CE2; background: #569CE2; color: #3569CE2; }
.microfiche-prev-button { float: left; position: relative; }
.microfiche-next-button { float: right; position: relative; }
.microfiche-prev-button:after { content: '\f104'; }
.microfiche-next-button:after { content: '\f105'; }
.microfiche-prev-button:after, .microfiche-next-button:after { color: #569CE2; display: block; position: absolute; top: 0; font-size: 24px; }
.microfiche-next-button:after { left: 9px; }
.microfiche-prev-button:after { left: 10px; }
.microfiche-prev-button:hover:after, .microfiche-next-button:hover:after { color: #fff; }
button[disabled].microfiche-button { color: #fff; }
/*.brandScroller ul li {
list-style-type: none;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.brandScroller ul li a {
display: block;
line-height: 55px;
vertical-align: middle;
width: 33.33%;
margin: 0 19px;
}
.brandScroller ul li a img {
line-height: 55px;
vertical-align: middle;
width: 100%;
}*/
/* footer
-------------------------------*/
.footer-main, .footer-top { background: #3c4043; clear: both; overflow: hidden; }
.footer-links { background: none; border-top: solid 1px #333639; }
.footer-main h4 { font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: 500; text-align: left; }
.footer .footer-columns li { padding: 8px 0; }
.footer-main a { font-family: 'ProximaNovaRegular'; font-size: 14px; color: #d7dde2; }
.footer-main a:hover { color: #fff; }
.newsletter-subscription { border: none; background: #ec6567; }
.newsletter-subscription .grid__item { padding: 0; }
.newsletter-subscription .grid .grid { margin-left: 0; }
p.newsLetterDesc { margin: 13px 0 0; color: #fff; font-family: 'ProximaNovaRegular'; font-size: 16px; }
p.newsLetterDesc strong { font-family: 'ProximaNovaBold'; font-weight: normal; }
p.socialDesc { margin: 18px 0 5px 0; }
.footer-main .SocialConnect li { float: left; }
.subscribe_form input.Textbox { width: 95%!important; background: #ed8d8f; font-family: 'ProximaNovaRegular'; font-size: 16px; color: #fff; border: solid 1px #ed8d8f; height: 45px; line-height: 45px; }
.subscribe_form input.Textbox:focus { border: solid 1px #d57c7e; color: #fff; }
.social-icon, .social-icon li { display: block; float: left; }
.footer ul.social-icon { margin: 13px 0 0; }
.footer ul.social-icon li { width: initial; margin: 0 18px 0 0; }
.footer ul.social-icon li i { font-size: 28px; color: #888; }
.footer ul.social-icon li:hover i { color: #fff; }
p.social_text { padding: 0; margin: 18px 20px 0; font-family: 'ProximaNovaBold'; color: #ec6567; font-size: 16px; float: right; }
.footer-top { border-bottom: solid 1px #333639; }
.footer-top-inner .grid { padding: 40px 0 35px; }
.footer ul.social-icon { float: right; width: 170px !important; }
.footer-main h4 { color: #fff; font-size: 16px; }
.footer-main .inner { padding: 32px 0 8px; }
.footer { background: #3c4043; }
.footer-links p { font-family: 'ProximaNovaRegular'; font-size: 14px; color: #d7dde2; }
.footer-links p a { color: #d7dde2; text-decoration: underline; }
.footer-links p a:hover { color: #fff; }
/* listing
-------------------------------*/
.TitleHeading { font-size: 26px; padding: 20px 0 15px 0; }
#CategoryHeading .TitleHeading { color: #4a4a4a; }
#CategoryContent .ProductList li { width: 33.33%; }
.Left #SideCategoryList .SideCategoryListFlyout > ul > li, ul.side-menu li { border-color: #ccc; }
ul.side-menu li a { color: #78889b; }
ul.side-menu li a:hover { color: #ec6567; }
.facet-container { border: none !important; }
.facet-header h6.facet-header-title, .Left #SideCategoryList li a, #SideCategoryList h6 { font-family: 'ProximaNovaRegular'; font-size: 14px !important; color: #78889b; font-weight: normal !important; cursor: pointer; text-transform: uppercase !important; }
#SideCategoryList h6 { border-bottom: solid 1px #ccc; padding-bottom: 15px; margin: 0; }
#SideCategoryList h6 span { font-size: 12px; float: right; margin: 1px 0 0; }
.PageMenu #SideCategoryList h6 { display: none; }
.Left .TitleHeading { margin-bottom: 16px; }
.Left #SideCategoryList .sf-menu li ul li a { color: #78889b; margin: 1px 0 2px; }
.Left #SideCategoryList .SideCategoryListFlyout > ul > li { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.Left #SideCategoryList .sf-menu li ul li a:hover, .Left #SideCategoryList .sf-menu li ul li a.active { color: #ed6567; }
.facet-container .facet-header { padding: 17px 0 13px 0 !important; border-bottom: solid 1px #ccc; }
.facet-container .facet-option { font-size: 16px !important; }
.facet-container .facet-option .facet-option-product-count { font-size: 14px !important; }
.facet-container .facet-option label, .facet-container .facet-option a { color: #78889b; padding: 0 !important; margin: 8px 0; }
.facet-container .facet-options-list { padding: 10px 0 0 !important; }
.facet-header.js-facet-accordion-action:after { font-family: FontAwesome !important; }
.facet-header.js-facet-accordion-action:after, .facet-container.open .js-facet-accordion-action:after { content: '\f067' !important; top: 16px !important; color: #78889b !important; font-weight: normal; }
.facet-container.open .js-facet-accordion-action:after { content: '\f068' !important; }
.facet-header-title { text-align: left; padding: 0; }
ul.facet-labels-list { float: left; margin: 0 0 0 10px; }
ul.facet-labels-list li { font-size: 16px !important; }
ul.facet-labels-list { margin: 0 10px 0 0 !important; }
.js-faceted-showing-container { float: left; }
.facet-container .js-facet-clear-all { margin-top: 5px; display: block; float: left; }
.Breadcrumb { /*margin:18px 0 0;*/ margin: 0 0 11px; }
.Breadcrumb ul { margin: 0; }
.Breadcrumb li { font-size: 14px; color: #4a4a4a; padding: 0; margin: 0 9px 0 0; }
.Breadcrumb li a { background: none; color: #4a4a4a; padding-right: 0; }
.Breadcrumb li a:hover { color: #ec6567; }
.Breadcrumb li i { padding-right: 10px; color: #ec6567; }
.Breadcrumb li i.fa-home { color: #4a4a4a; padding: 0; }
.SortBox label { text-transform: inherit; font-size: 16px; color: #4a4a4a; }
#CategoryContent .ProductList .pname, #CategoryContent .ProductList .p-name a, .ProductList .pname { font-family: 'ProximaNovaBold'; font-size: 16px; color: #4a4a4a; text-transform: capitalize; }
#CategoryContent .ProductList .pname { text-transform: capitalize; }
#CategoryContent .ProductList .pname:hover, #CategoryContent .ProductList .p-name a:hover { color: #569CE2; }
#CategoryContent .ProductList .p-price, .ProductList em { font-family: 'ProximaNovaBold'; font-size: 16px; color: #888; }
.ProductList li { padding: 0 10px; }
.product-nav { clear: both; overflow: hidden; }
.banner_category_page_top { margin: 23px 0 0; float: right; }
.banner_category_page_top p { padding: 0; }
.banner_category_page_top p a { display: block; }
.Left #SideCategoryList .sf-menu li ul li { padding: 3px 0; border-bottom:
}
ul.facet-labels-list a { font-family: 'ProximaNovaRegular'; font-size: 11px; }
.product-nav #CategoryPagingTop, .product-nav #CategoryPagingBottom, .product-nav .CategoryPagination { float: right; }
.facet-header .js-facet-clear { display: none !important; }
.facet-container .facet-option.selected { font-weight: normal !important; }
.product-nav { padding-top: 2px; margin-bottom: 16px; }
.SortBox div.selector span, .SearchSorting div.selector span { background: #fff; font-size: 14px; color: #333; }
.SortBox div.selector, .SearchSortingSelectContainer div.selector { background-color: transparent !important; background: #fff url(../images/short_dropdown.png) no-repeat 100% center !important; border: none; }
/* Details
-------------------------------*/
#SideProductAddToWishListButton { position: relative; }
#SideProductAddToWishListButton:before { content: '\f005'; color: #ffb700; position: absolute; top: 11px; left: 0px; font-size: 16px; }
#SideProductAddToWishListButton .btn { background: none !important; height: inherit !important; font-size: 14px !important; text-transform: capitalize !important; text-align: left; border: none; padding-left: 20px; width: auto !important; }
#ProductDetails h1 { color: #4a4a4a; font-family: 'Raleway', sans-serif; font-size: 24px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 800; }
.PrimaryProductDetails .ProductPrice { font-family: 'ProximaNovaSemibold'; color: #888; font-size: 18px; line-height: 18px; }
.productAttributeValue ul.three-opt li, .productAttributeValue ul.two-opt li { margin-bottom: 0; }
.productAttributeList .productAttributeLabel label, .ProductDetailsGrid .Label, .ProductAddToCart .productAttributeLabel { font-family: 'ProximaNovaSemibold'; color: #4a4a4a; font-size: 14px; line-height: 14px; padding: 0; margin: 20px 0 7px; text-align: left; letter-spacing: normal; font-weight: normal; text-transform: none; }
.ProductDetailsGrid .Label, .ProductAddToCart .productAttributeLabel { margin-top: 5px; margin-left: 9px; }
.bookShowroom { font-family: 'ProximaNovaRegular'; font-size: 14px; color: #4a4a4a; margin: 18px 0 0; }
.bookShowroom a { color: #569CE2; text-decoration: underline; }
.bookShowroom a:hover { color: #4a4a4a; }
.addto { border: none; padding: 19px 0 20px; }
.addto .btn.alt { border: solid 1px #2064aa; color: #4a4a4a; }
.addto .btn.alt:hover { background: #2064aa; border: solid 1px #2064aa; color: #fff; }
.addto .btn { padding: 22px 0; width: 49%; }
.BulkDiscount .DetailRow { margin-bottom: 0; }
.BlueTextArea { background: #c8dff6; border: solid 1px #569CE2; font-family: 'ProximaNovaSemibold'; color: #569CE2; font-size: 14px; line-height: 16px; padding: 15px 5px; text-align: center; }
.addto .BulkDiscount { display: initial; width: 49%; float: right; }
.addto .BulkDiscount.left { float: left; }
.PrimaryProductDetails .btn.add-to-cart { width: 100%; }
.PrimaryProductDetails .btn.wishTrigger, .addReviewLink { border: none; background: none; padding: 0; float: left; margin-right: 25px; font-family: 'ProximaNovaSemibold'; color: #4a4a4a; text-transform: capitalize; font-size: 14px; border-radius: none; }
.PrimaryProductDetails .btn.wishTrigger:hover { background: none; border: none; color: #ec6567; }
.AddToWishlistLink { float: left; }
.AddToWishlistLink i, .addReviewLink i { float: left; margin: 0px 5px 0 0; color: #ec6567; }
.AddToWishlistLink i.fa-star-o { margin-top: -3px; }
.addReviewLink { line-height: 15px; margin-bottom: 10px; }
.freeShippingText { clear: both; overflow: hidden; padding: 22px 0; border-top: solid 1px #ccc; margin: 35px 0 0; font-family: 'ProximaNovaSemibold'; color: #4a4a4a; font-size: 14px; line-height: 16px; }
.freeShippingText i { color: #cecece; font-size: 30px; vertical-align: middle; margin-right: 5px; }
.selctor_two_colum { clear: both; overflow: hidden; padding-top: 8px; }
.selctor_two_colum .DetailRow { width: 50%; float: left; position: relative; }
.selctor_two_colum .DetailRow span.required { left: 0; font-weight: normal; }
.size_chart { position: absolute; font-family: ProximaNovaRegItalic; font-size: 12px; right: 4px; top: 3px; color: #569CE2; }
.selctor_two_colum div.selector, .AddCartButton div.selector { width: 97.5%; }
.TabNav h3 { font-family: 'ProximaNovaSemibold'; color: #4a4a4a; font-size: 14px; line-height: 16px; padding: 22px 4px 0; }
.TabNav { border-top: 1px solid #ccc; padding: 0; border-bottom: none; }
.TabNav li { margin-top: -1px; }
.TabNav li a { margin: 0; background: #f6f6f6; border-top: solid 1px #ccc; height: 58px; transition: none; -webkit-transition: none; }
.TabNav li.Active a { border: none; }
.TabNav li a h3 { color: #cecece; font-weight: normal; }
.TabNav li.Active a h3 { color: #4a4a4a; }
#SideCategoryList.CategoryList h3 { font-size: 17px; line-height: 20px; text-transform: uppercase; border-bottom: solid 1px #ccc; padding: 0 0 14px; margin: -3px 0 15px; }
/* Details - social
-------------------------------*/
.SocialNetworkingDiv { display: table; margin: 15px auto 0; }
div.FacebookLikeButtonContainer { float: left; text-align: left; width: 79px; }
.SocialNetworkingDiv #twitter-widget-0 { width: 79px !important; height: 20px !important; float: left; }
.PinterestButtonContainer { margin: 0; text-align: left; float: left; width: 43px; }
.addthis_button { cursor: pointer; float: left; width: 50px; }
.complete_look_area { background: #fff; clear: both; overflow: hidden; padding: 42px 0 0; border-top: 1px solid #e3e3e3 }
.complete_look_area .ProductList li { width: 33.33%; }
.complete_look_area .ProductList li:first-child { border-left: none; }
.complete_look_area h2 { color: #4a4a4a; font-family: 'Raleway', sans-serif; font-size: 24px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; text-align: center; margin-bottom: 20px; }
.InfoMessage { margin: 15px 0; }
#ProductDetails .ProductTinyImageList ul li { border: solid 1px #ccc!important; }
.ImageCarouselBox { margin: 20px auto 0 !important; }
.ProductList .ProductImage a, .ProductThumbImage a { cursor: pointer; }
/* Details - popup
-------------------------------*/
.fastCartSummaryBox .ProceedToCheckout { margin: 0; }
.fastCartSummaryBox .subtotal span.ProductPrice { font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 25px; margin: 15px 0 0; display: block; }
.actionLink a.btn:hover { color: #ec6567; }
.actionLink a.btn.alt:hover { color: #fff; }
.CheckoutButton a.btn:hover { color: #ec6567; }
/* modal window - Change Option/Add a Vest
-----------------------------------------------*/
#ModalOverlay { background: #ccc !important; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#ModalContent, .ModalContent { padding: 0 20px !important }
.productAttributeList h1 { padding: 0 0 10px; margin: 0 0 20px; border-bottom: solid 1px #e5e5e5; font-family: 'ProximaNovaSemibold'; color: #78889b; font-size: 16px; line-height: 16px; }
html.javascript .productOptionViewRectangle li { float: left; color: #888; font-family: 'ProximaNovaSemibold'; font-size: 14px; }
html.javascript .productOptionViewRectangle label { background: #f6f6f6; border: solid 1px #ebe9e9; position: relative; z-index: 1; color: #4a4a4a !important; }
html.javascript .productOptionViewRectangle li.none label { background: none; border: solid 0px #ebe9e9; }
html.javascript .productOptionViewRectangle li.none.selectedValue label { background: none; border: solid 0px #ebe9e9; color: #ec6567 }
.productOptionViewRectangle .option.selectedValue label, html.javascript .productOptionViewRectangle .selectedValue label { background: #dadada; border-color: #c7c7c7 !important; color: #4a4a4a; position: relative; z-index: 2; }
html.javascript .productOptionViewRectangle .selectedValue.none label { background: none !important; border: none !important; }
html.javascript .productOptionViewRectangle li.none.selected, html.javascript .productOptionViewRectangle li.none.selected label { background: none !important; border: none !important; }
html.javascript .productOptionViewRectangle li.none { padding: 7px 10px 0; color: #4a4a4a !important; box-sizing: border-box; text-align: center; }
html.javascript .productOptionViewRectangle li.none.selected.selectedValue label { color: #ec6567 !important; }
html.javascript .productOptionViewRectangle label { width: 100%; box-sizing: border-box; }
ul.seven-opt li { min-width: 14.28% !important; }
ul.six-opt li { min-width: 16.66% !important; }
ul.five-opt li { min-width: 20% !important; }
ul.four-opt li { min-width: 25% !important; }
ul.three-opt li { min-width: 33.33% !important; }
ul.two-opt li { min-width: 50% !important; }
ul.two-opt li:last-child { min-width: 49.8% !important; }
.productAttributeValue input.Textbox { width: 99% !important; }
.ProductAddToCart textarea, #CartEditProductFieldsForm textarea { width: 99% !important; }
ul.two-opt li label, ul.three-opt li label { min-width: 100% !important; box-sizing: border-box; }
#CartEditProductFieldsForm .productAttributeLabel { font-family: 'ProximaNovaSemibold'; color: #78889b; font-size: 14px; line-height: 14px; padding: 0; margin: 20px 0 7px; text-align: left; letter-spacing: normal; font-weight: normal; text-transform: none; }
#ModalContainer.change_vest, body.change_vest #ModalContainer { max-width: 500px !important; width: 100% !important; }
#ModalContainer.change_vest h3, body.change_vest #ModalContainer h3 { text-transform: uppercase; letter-spacing: 0.2em; text-align: center; }
body.fastcartthickboxContainer #ModalContainer { max-width: 350px !important; width: 100% !important; left: inherit !important; right: 20px !important; margin-left: inherit !important; }
body.fastcartthickboxContainer #ModalContainer .fastCartTop { padding-right: 0 !important; }
body.fastcartthickboxContainer #ModalContainer #fastCartSuggestive li { width: 50% !important; }
body.fastcartthickboxContainer .fastCartThumb { width: 30%; }
body.fastcartthickboxContainer .fastCartItemBox { width: 70%; }
body.fastcartthickboxContainer .fastCartSummaryBox { width: 100%; padding: 10px; margin: 20px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body.fastcartthickboxContainer .fastCartSummaryBox .btn { padding-left: 0; padding-right: 0; height: inherit; }
body.fastcartthickboxContainer .fastCartSummaryBox .actionLink { margin: 0 0 10px 0; }
body.fastcartthickboxContainer .fastCartItemBox small { clear: both; display: block; line-height: 16px; }
.selctor_two_colum .productAttributeRow { width: 50%; float: left; clear: none !important; }
.required { left: 0; }
.productAttributeList .productAttributeLabel label { /*padding-left:9px;*/ }
.Static_Vest_Container h3 { border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; padding: 10px 0; margin: 20px 0 10px; }
#ModalContainer { border: solid 1px #ddd; border-radius: 5px; background: #fff; bottom: 45px !important; padding-bottom: 20px; }
.fastCartSummaryBox { margin-bottom: 20px; }
.modalClose { background: url(../images/close_icon.png) no-repeat 0 0 !important; width: 11px !important; height: 11px !important; }
#ModalContainer .modalClose { top: 5px !important; right: 5px !important; padding-right: 0 !important; z-index: 99; background-position: center center !important; padding: 8px 15px; }
div#fancy_overlay { z-index: 50; }
#fancy_frame { width: 98.5% !important; }
#fancy_close { height: 11px !important; top: 6px !important; right: 5px !important; width: 12px !important; background-color: #fff!important; }
#ForgotPasswordForm form .HorizontalFormContainer dd { width: 60%; }
#ProductDetails .ProductTinyImageList { }
#QuickViewProductDetails .required, #QuickViewProductDetails .Required, .ProductMain .Required, .required { position: relative; float: left; }
/* web page
-------------------------------*/
.web-page h3 { border-bottom: solid 1px #e3e3e3; color: #4a4a4a; margin: 0 0 15px; padding: 0 0 12px 0; }
.web-page a { color: #ec6567 !important; }
.web-page a:hover { text-decoration: underline; }
table { width: 100%; border-collapse: collapse; }
table tr th { color: #4a4a4a; background: #f6f6f6; font-family: 'ProximaNovaSemibold'; font-size: 16px; font-weight: normal; }
table tbody tr th { border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding-bottom: 10px; }
.wrapper.topic th { padding: 20px 0; }
.wrapper .btn, .BlogPostContent .btn { color: #fff !important; }
.wrapper .btn:hover, .BlogPostContent .btn:hover { color: #ec6567 !important; }
.AccountOrderStatusList .btn.alt.btn-clear { display: none; }
/* Register / Login / Form
-------------------------------*/
#LoginForm { margin: 50px 0; }
#SearchForm input.Textbox { width: 80% !important; padding: 0 2% 0 0; color: #888; }
.CreateAccount p, .CreateAccount ul li { font-size: 16px; }
.txt24 { font-family: 'ProximaNovaRegular'; font-size: 20px; line-height: 26px; margin: -4px 0 40px; color: #888; font-weight: normal; }
input.Textbox, textarea, input[type="text"], input[type="password"], #uniform-FormField_11, #FormField_13 { width: 100% !important; }
form .HorizontalFormContainer dd { width: 70%; }
#CreateAccountForm form .HorizontalFormContainer dd { width: 50%; }
.form li label, .form dt { width: 26%; }
small { color: #888; font-style: italic; }
#CreateAccountForm .txt24 { margin: 0; }
/* wishlist
-------------------------------*/
.txt-hide { text-indent: inherit; }
.icon-edit, .icon-edit:hover, .icon-delete, .icon-delete:hover, .icon-share, .icon-share:hover, .icon-add, .icon-add:hover { background: none !important; }
.icon-edit, .icon-delete, .icon-share, .icon-add { font-family: FontAwesome !important; }
.icon-edit:before { content: '\f040'; }
.icon-delete:before { content: '\f1f8'; top: 0 !important; }
.icon-share:before { content: '\f064'; top: 0 !important; }
.icon-add:before { content: '\f055'; font-size: 30px; }
.icon-add { top: 10px; }
/* cart
-------------------------------*/
.ProceedToCheckout, .KeepShopping { float: right; }
.KeepShopping { margin-right: 5px; }
.CartCode .CouponCode { float: left; width: 49% }
.CartCode .CouponCode .CouponCode { width: 100%; border: none; padding-bottom: 0; }
.CartCode .GiftCertificate { float: right; width: 49%; }
.CartCode .GiftCertificate input.btn, .CartCode .CouponCode input.btn { padding: 10px 30px; border-radius: 2px; }
.CartCode .CouponCode input.Textbox, .CartCode .GiftCertificate input.Textbox { width: 77% !important; margin-left: 2%; }
.CartCode .CouponCode p, .CartCode .GiftCertificate p { min-height: 34px; padding: 0 10px; }
.CartCode { margin-bottom: 50px; }
.CartCode .CouponCode h3, .CartCode .GiftCertificate h3 { border-bottom: solid 1px #ccc; margin-bottom: 20px; margin-bottom: 20px; padding: 10px; font-size: 18px; background: #f1f1f1; }
.CartCode .CouponCode, .CartCode .GiftCertificate { border: solid 1px #ccc; padding-bottom: 20px; }
#include_measurement_popup.popup { max-width: 600px; }
#include_measurement_popup_form { padding: 0 4%; }
#include_measurement_popup_form p { font-size: 16px; line-height: 24px; }
.close_dhtml { font-size: 16px; border-bottom: solid 1px #4a4a4a; position: relative; top: -1px; }
.include_measurement_container { background: #f6f6f6; padding: 10px 20px; clear: both; overflow: hidden; }
.include_measurement_container h4 { float: left; padding: 15px 0; margin: 0; font-family: 'ProximaNovaSemibold'; color: #4a4a4a; font-size: 16px; line-height: 16px; font-weight: normal; text-transform: inherit; }
#checkout_more_shipping_container { clear: both; overflow: hidden; margin: 20px 0 0; }
#checkout_more_shipping_container .freeShippingText { width: 50%; float: left; border: none; padding: 0; margin: 18px 0 0; }
.CartContents .ProductName a { font-family: 'ProximaNovaBold'; font-weight: normal; font-size: 20px; border-bottom: solid 0px #4a4a4a; }
.CartContents .ProductName a:hover { border-bottom: solid 0px #ec6567; }
.CartContents .ProductName .CustomizeItemLink { clear: both; overflow: hidden; color: #4a4a4a; font-family: 'ProximaNovaRegular'; font-size: 16px; text-decoration: underline; border-bottom: solid 0px #4a4a4a; display: block; margin: 56px 0 0; }
.CartContents .ProductName .CustomizeItemLink:hover { color: #ec6567; border-bottom: solid 0px #ec6567; }
.customItemClss { clear: both; overflow: hidden; display: block; }
.CartItemIndividualPrice { text-align: left; }
.cust_btn_container { display: block; margin: 16px 0 0; }
.cust_btn_container .cust_btn { background: none; text-align: left; border: none; font-family: 'ProximaNovaRegular'; font-size: 16px; text-decoration: underline; }
.cust_btn_container .cust_btn:hover { color: #ec6567; }
.CartItemQuantity span { width: 48px; height: 38px; background: #f6f6f6; border: solid 1px #ebe9e9; border-right: none; text-align: center; display: table-cell; vertical-align: middle; color: #888; }
.CartItemQuantity span.quantity_text { display: none; }
.CartItemQuantity span.quantity { border-right: solid 1px #ebe9e9; color: #4a4a4a; background: #fff; }
.CartItemQuantity span .fa-minus { margin-top: 5px; }
.CartItemQuantity span .fa-plus { margin-top: 5px; }
.couponCodeContainer td.noPrice, .giftCertificateContainers td.noPrice, .ProductPrice.shipPrice { font-family: 'ProximaNovaBold'; color: #4a4a4a; font-style: normal !important; }
.couponCodeContainer td.noPrice { padding-top: 13px !important; }
.giftCertificateContainers td.noPrice { padding-top: 32px !important; }
.CartContents tfoot .SubTotal td div.EstimateShipping { float: left; margin: 0px 5px 0px 0px; display: block; padding-bottom: 20px !important; border: none; }
.CartContents tfoot .SubTotal div.EstimateShipping .EstimatedShippingMethods tbody td.Price { text-align: right !important; }
.PromoCode_Text br { display: none; }
.PromoCode_Text i { font-size: 20px; margin-left: 10px; }
em.ProductPrice, em.ProductPrice { font-style: normal !important; }
.PromoCode_Text, .GiftCertificate_Text { font-family: 'ProximaNovaRegular'; font-size: 14px; padding: 10px 0 !important }
/*~~~~~~~~~~~Cart Table~~~~~~~~~~~~~~~*/
.CartContents tbody td:nth-of-type(1) { width: 12%; text-align: left; font-size: 16px; padding-bottom: 0; }
.CartContents tbody td:nth-of-type(2) { width: 28%; text-align: left; font-size: 16px; padding-top: 18px; }
.CartContents tbody td:nth-of-type(3) { width: 19%; text-align: left; font-size: 16px; }
.CartContents tbody td:nth-of-type(4) { width: 20%; text-align: left; font-size: 16px; }
.CartContents tbody td:nth-of-type(5) { width: 15%; text-align: left; font-size: 16px; }
.CartContents tbody td:nth-of-type(1).CartThumb a { text-align: left; font-size: 16px; }
.CartContents tbody td:nth-of-type(6) { width: 6%; }
.CartContents tbody td:nth-of-type(2).OrderItem1 { text-align: right; font-family: 'ProximaNovaBold'; color: #4a4a4a; font-style: normal }
.CartContents tfoot tr.SubTotal td { width: 42% !important; text-align: right; }
.CartContents tfoot tr.SubTotal td:nth-of-type(1) { vertical-align: middle; width: 66% !important; }
.CartContents tfoot tr.SubTotal td:nth-of-type(2) { width: 17% !important; }
.CartContents tfoot tr.SubTotal td:nth-of-type(3) { width: 17% !important; }
.ExpressCheckoutContent .CartContents tbody td:nth-of-type(1) { width: 40%; }
.ExpressCheckoutContent .CartContents tbody td:nth-of-type(2) { width: 20%; }
.ExpressCheckoutContent .CartContents tbody td:nth-of-type(3) { width: 20%; }
.ExpressCheckoutContent .CartContents tbody td:nth-of-type(4) { width: 20%; }
.ExpressCheckoutContent .CartContents tbody td small { clear: both; overflow: hidden; display: block; margin: 10px 0 0; }
.ExpressCheckoutContent em.ProductPrice { font-style: normal !important; }
.CheckoutRedeemCoupon .btn { padding: 11px 10px 10px; }
.ExpressCheckoutContent .AccountLogin dd { width: 100% !important; }
.CartContents tfoot .SubTotal td div.estimateShippingConainer { padding: 0; }
.EstimateShippingButtons .btn.alt { width: 100%; margin-bottom: 10px; }
.txt-link { display: table; text-align: center; margin: 0 auto; }
.estimateShippingConainer .selector { width: 99%; }
.CartContents tfoot .SubTotal td div.shippingquote { padding: 0; }
.shippingquote table { border: solid 1px #e3e3e3; }
.shippingquote table th { padding: 12px 10px !important; font-size: 14px !important; }
.EstimatedShippingMethods label, .EstimatedShippingMethods td.price { font-size: 12px !important; }
.EstimatedShippingMethods p.Submit .btn.alt { width: 100% !important; }
.CartContents tfoot .SubTotal td div.giftNumberAmount { font-size: 12px; padding: 0; margin-top: -6px; }
.CartContents tfoot .SubTotal td div.couponNumber { font-size: 12px; padding: 0; }
tr.GiftCertificate td.CartItemIndividualPrice.Odd.CartItemIndividualPrice { padding: 22px 10px 0 !important; }
tr.GiftCertificate .CartItemTotalPrice { padding: 22px 10px 0 !important; }
tr.GiftCertificate .CartRemoveLink { padding: 0 0 0 !important; margin-top: 2px; }
.CartContents tfoot .SubTotal td div.shippingType { padding: 0; font-size: 13px; }
/* Cart option
-------------------------------*/
.AddBillingAddress dd, .AddShippingAddress dd { width: 250px !important; }
#uniform-FormField_12, #uniform-FormField_21, #uniform-FormField_22, #uniform-message_order_id { width: 100% !important; }
.AccountLogin #LoginForm { margin: 0; }
.ExpressCheckoutBlock .ExpressCheckoutTitle { background: #f8f8f8; border: 1px solid #e3e3e3; margin: 0; clear: both; overflow: hidden; }
.ExpressCheckoutBlock .ExpressCheckoutTitle span { display: block; float: left; }
.ExpressCheckoutBlock .ExpressCheckoutTitle span.StepNumber { width: 30px; height: 30px; border: 3px solid #ec6567; border-radius: 50%; display: block; text-align: center; line-height: 30px; color: #fff; font-family: 'ProximaNovaBold'; margin-right: 10px; background: #ec6567; }
.ExpressCheckoutBlock .ExpressCheckoutTitle h4 { padding: 11px 0; }
.ExpressCheckoutBlock.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle span.StepNumber { background: #fff; color: #ec6567; }
.ExpressCheckoutBlockCompleted a.ChangeLink { top: 34px; }
.ExpressCheckoutContent .CreateAccount, .ExpressCheckoutContent .AccountLogin { width: 100%; }
.ExpressCheckoutBlock.ExpressCheckoutBlockCollapsed { margin: 0 0 5px 0; }
.ExpressCheckoutContent { border: 1px solid #e3e3e3; border-top: none; margin: 0 0 10px 0; padding: 20px; }
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { border: none; padding: 31px 0 0; }
.ExpressCheckoutBlock.ExpressCheckoutBlockCompleted.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {/*background:#e3e3e3;*/ }
input#couponcode { width: 240px !important; }
.Breadcrumb, .TitleHeading {/*margin-top: 20px;*/ }
#SharingDataWrapper p { margin: 10px; font-size: 20px; text-align: center; }
.prev, .next { margin: 0 0 30px; }
#SimilarMultiProductsByCustomerViews .ProductList li { width: 33.3%; }
/* search
-------------------------------*/
#SearchPageHeader .txt24 { margin: 0; }
#SearchTabsList.TabNav li a { height: auto; }
.SearchContainer .ProductList li { width: 33.3%; }
.SearchContainer .roductList em { margin: 5px 0 0; }
.ProductDetails { font-family: 'ProximaNovaBold'; font-size: 16px; color: #4a4a4a; text-align: center; }
/* link
-------------------------------*/
a, a.NextLink, .Left li li a, .Left .slist li a, .Left .afterSideShopByBrand a, .Left #GiftCertificatesMenu li a, .Left #SideAccountMenu li a, .Left #SideCategoryList li li a, .Left .slist li li a, .TabNav li.Active a, .currency-converter p span, .page-content #LayoutColumn2 a { color: #4a4a4a; }
.Left #GiftCertificatesMenu li a:hover, .Left #SideAccountMenu li a:hover, .Left #GiftCertificatesMenu li a.active, .Left #SideAccountMenu li a.active, .page-content #LayoutColumn2 a:hover, .TopMenu a.active { color: #ec6567 !important; }
blockquote { font-family: 'Raleway', sans-serif; color: #4a4a4a; margin: 20px; font-size: 14px; font-style: normal; }
.AccountMessageList blockquote { padding: 0 0 0px 30px; }
.AccountMessageList li { border-bottom: 1px solid #ccc; }
hr { border-bottom: solid 1px #ccc; }
.QuickSearch { min-width: 237px; }
/* popUp
-------------------------------*/
#ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext { margin-top: 50px; }
/* All Button
-------------------------------*/
.btn { font-family: 'ProximaNovaSemibold'; font-size: 14px; height: auto; line-height: 14px; letter-spacing: normal; padding: 16px 30px 15px; border-radius: 5px; background: #2064aa; color: #fff; border: solid 1px #2064aa; }
.btn:hover { background-color: #19599a; color: #fff; border: solid 1px #19599a; }
.BlockContent.PageContent a:hover { color: #fff !important; }
.BlockContent.PageContent h1 a:hover { color: #4a4a4a !important; }
.btn.alt { line-height: 14px; background-color: transparent; border: solid 1px #2064aa; color: #4a4a4a; }
.btn.alt:hover { border: solid 1px #2064aa; color: #fff; background: #2064aa; }
.btn.include_measurement { background: #2064aa; border: solid 1px #2064aa; border-radius: 3px; color: #fff; float: right; font-size: 16px; }
.btn.include_measurement:hover { background: #19599a; color: #fff; }
#home .ProductList .btn { background: #ec6567; color: #fff; border: solid 1px #ec6567; }
#home .ProductList .btn:hover { background-color: #fff; color: #ec6567; }
#CategoryContent .ProductList .ProductActionAdd .btn { background: #ec6567; border: solid 1px #ec6567; }
#CategoryContent .ProductList .ProductActionAdd .btn:hover { background-color: #fff; color: #ec6567; }
.fastCartSummaryBox .actionLink .btn:hover { color: #fff !important; }
.newsletter-subscription input[type="Submit"] { padding: 15px 0 14px; background: none; border: solid 1px #fff; border-radius: 3px; color: #fff; width: 140px; margin: 0 0 0 10px; }
.btn.blue-bdr { display: table; margin: 0 auto; padding: 14px 76px 12px; background: #fff; border: solid 1px #569CE2; border-radius: 3px; color: #4a4a4a; }
.btn.blue-bdr:hover { background: #569CE2; color: #fff; }
.newsletter-subscription input[type="Submit"]:hover { background: #fff; color: #4a4a4a; }
.btn.special { background: none; width: 100%; padding: 13px 0; text-align: center; border: solid 2px #6b9cce; margin: 20px 0 0; }
.btn.special:hover { background: #fff; color: #4a4a4a; border: solid 2px #fff; }
.PrimaryProductDetails .btn.add-to-cart { background: #2064aa; border: solid 1px #2064aa; }
.PrimaryProductDetails .btn.add-to-cart:hover { background: #19599a; border: solid 1px #19599a; color: #fff; }
.KeepShopping .btn { padding: 0; border: none; font-family: 'ProximaNovaRegular'; color: #4a4a4a; font-size: 16px; line-height: 64px; font-weight: normal; text-transform: inherit; border-radius: 0; text-decoration: underline; margin-right: 16px; }
.KeepShopping .btn:hover { background: none; color: #ec6567; border: none; }
a.btn.proceedCheckoutButton { padding: 24px 20px; }
a.btn.proceedCheckoutButton:hover { color: #fff !important; }
a.btn.proceedCheckoutButton.disable, a.btn.proceedCheckoutButton.disable:hover { border: solid 1px #cecece; color: #cecece !important; background: #fff; cursor: default; }
.btn.cartCouponCodeButton, .btn.giftCertificateButton { border-radius: 0 4px 4px 0; background: #fff; border: solid 1px #2064aa; color: #4a4a4a; padding: 15px 19px 13px; position: relative; left: -4px; }
.btn.cartCouponCodeButton:hover, .btn.giftCertificateButton:hover { background: #2064aa; border: solid 1px #2064aa; color: #fff; }
.promoCodeContainer table, .giftCertificateContainer table { margin: 0; }
.CartContents tfoot .SubTotal.promoCodeContainer td, .CartContents tfoot .SubTotal.giftCertificateContainer td, .CartContents tfoot .SubTotal.shippingContainer td { border-bottom: 0px solid #e3e3e3; border-top: 0px solid #e3e3e3; }
.btn.alt.EstimateShippingLink { width: 303px; margin-right: 2px; }
.CartItemQuantity div { float: left; padding: 56px 0 0; }
.CartItemIndividualPrice { font-family: 'ProximaNovaRegular'; color: #888; font-size: 18px; padding: 76px 10px 0!important; }
.CartItemIndividualPrice.GiftCertificatePrice { padding: 20px 10px 0!important; }
.CartItemTotalPrice, .CartContents tfoot .SubTotal.giftCertificateContainer td.shipPrice, .gtotal { font-family: 'ProximaNovaBold'; color: #4a4a4a; font-size: 18px; padding: 76px 10px 0!important; font-style: normal; text-align: left; }
.CartItemTotalPrice em, .gtotal em { font-style: normal !important; }
.CartContents tfoot .SubTotal td div.estimateShippingBtnContainer { padding: 0; text-align: left; }
.CartContents tfoot .SubTotal.giftCertificateContainer td { padding: 20px 0 10px; }
.shippingContainer table { margin-bottom: 9px; }
.CartRemoveLink { background: none; }
.CartRemoveLink { width: 12px; height: 12px; margin-top: 56px; margin-right: 20px; }
/* Form
-------------------------------*/
div.selector { background-color: #f6f6f6!important; background-position: 95% center !important; border: solid 1px #cecece; border-radius: 2px; font-family: 'ProximaNovaSemibold'; color: #888; font-size: 14px; }
input.Textbox, textarea, input[type="text"], input[type="password"] { background: #f7f7f7; border: solid 1px #cecece; font-family: 'ProximaNovaSemibold'; color: #cecece; font-size: 14px; border-radius: 2px; }
div.selector#uniform-message_order_id, div.selector#uniform-FormField_11 { background-position: 98% center !important; }
textarea { resize: vertical; }
input.Textbox:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, div.selector:focus { color: #4a4a4a; border: solid 1px #569CE2; }
.LittleNotePassword { color: #888; font-weight: normal; padding: 2px 0px 2px 0; font-style: italic; line-height: 15px; }
.InfoMessage { background: #fcf8e3 url('../../../../r-3a0821bb03104c40303d5ff925d604c347a3e368/themes/ClassicNext/images/info.png') no-repeat 15px center; color: #aa6708; }
/* Special
-------------------------------*/
.special-category { height: 300px; position: relative; clear: both; overflow: hidden; }
.special-category ul { width: 100%; margin: 0; }
.special-category ul, .special-category ul li { list-style-type: none; float: left; display: block; }
.special-category ul li { height: 300px; position: relative; width: 33.3%; }
.special-category ul li.shirt { background: url(../images/shirts.jpg) no-repeat center center;}
.special-category ul li.cufflinks { background: url(../images/ties.jpg) no-repeat center center; background-size: cover; }
.special-category ul li.vest { background: url(../images/accessories.jpg) no-repeat center center; }
.special-category ul li div.absoulte-special-area {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(82, 82, 82, .9);
transition:ease all .25s
}
.special-category ul li div.absoulte-special-area:hover {
background: rgba(82, 82, 82, 0);
}
.special-category ul li div.absoulte-special-area.centerPart { z-index: 2; border-left: solid 1px #fff; border-right: solid 1px #fff; }
.special-category ul li div.absoulte-special-area .content-area {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.special-category ul li div.absoulte-special-area .content-area h3 {/*background:url(../images/divider_spcl.png) no-repeat center bottom;*/ color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; padding: 0; }
.special-category ul li div.absoulte-special-area .content-area a {
color: #fefefe;
display:block;
position:relative;
height:100%;
width:100%;
line-height:300px;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.2em;
padding: 0;
}
.special-category ul li div.absoulte-special-area .content-area a:hover { color: #2f8bea; }
@media(max-width:768px){
.special-category ul li div.absoulte-special-area .content-area a {
line-height: 180px;
}
}
/* how-it-work
-------------------------------*/
.how-it-work { background: #f0f1f5; padding: 77px 0 75px; clear: both; overflow: hidden; }
.how-it-work ul, .how-it-work ul li { list-style-type: none; padding: 0; margin: 0; display: block; }
.how-it-work ul { padding: 36px 0 0; }
.how-it-work ul li { width: 33.33%; text-align: center; float: left; position: relative; }
.how-it-work ul li span { width: 134px; height: 134px; margin: 0 auto 30px; display: block; }
.how-it-work ul li h4 { color: #569CE2; text-transform: uppercase; letter-spacing: 0.2em; }
.how-it-work ul li p { padding: 0 30px; margin: 0; }
.how-it-work ul li span.inter-line-link { width: 140px; height: 1px; background: #ccc; position: absolute; z-index: 1; top: 30%; right: -70px; }
.how-it-work-inner h3 { text-align: center; text-transform: uppercase; letter-spacing: 0.2em; }
/* our-showroom
-------------------------------*/
.our-showroom { clear: both; overflow: hidden; padding: 20px 0; background: #fff; }
.description { float: left; width: 390px; }
.description h3 { text-align: left; margin: 120px 0 0; text-transform: uppercase; letter-spacing: 0.2em; }
.description p { font-size: 18px; line-height: 27px; padding: 0 0 10px 0; }
.description .btn.blue-bdr { margin: inherit; padding-left: 47px; padding-right: 47px; }
.showroom-image { float: right; width: 538px; }
/* our-featured and who is joe button
-------------------------------*/
.featured, .who-is-joe-button { background: #fff; padding: 37px 0 30px; clear: both; overflow: hidden; border-top: 1px solid #e3e3e3 }
.featured h3 { color: #4a4a4a; font-family: 'ProximaNovaSemibold'; font-size: 16px; line-height: 16px; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; }
.featured ul, .featured ul li { list-style: none; display: block; }
.featured ul { margin-left: -10px; margin-right: -10px; }
.featured ul li { float: left; padding: 0 10px; }
/* Gift Certificate
-------------------------------*/
#GiftCertificateIntro ol li { margin: 12px 0; }
#CheckGiftCertificateBalance .HorizontalFormContainer dt { float: left; width: 21%; padding: 12px 18px 0 0; line-height: 13px; }
#CheckGiftCertificateBalance form .HorizontalFormContainer dd { width: 54.5%; margin-left: inherit; }
#AccountRecentItems .ProductList li { width: 33.3%; }
/* Book an appoinment
-------------------------------*/
#book_an_appointment_form { padding: 30px 0; clear: both; overflow: hidden; }
.book_an_appointment_inner { clear: both; overflow: hidden; padding-bottom: 50px; }
.book_an_appointment_inner .left { float: left; width: 68%; }
.book_an_appointment_inner .right { float: right; width: 30%; padding: 11% 0 0; }
.book_an_appointment_inner dt { width: 24%; }
#thanks_for_appointment { padding: 35px 0 0; }
#thanks_for_appointment h1 { border-bottom: solid 1px #ccc; }
#thanks_for_appointment p { font-size: 16px; line-height: 21px; margin: 20px 0; }
/* Pagination
-------------------------------*/
.CategoryPagination .PagingList li { padding: 0px 7px; border: solid 1px #ccc; width: 13px; display: inline-block; font-size: 13px; margin: 0 4px 0 0; line-height: 29px; font-family: 'ProximaNovaSemibold'; }
.CategoryPagination .PagingList li.ActivePage { background: #ec6567; color: #fff; border: solid 1px #ec6567; }
/* Ajaxloading
-------------------------------*/
#AjaxLoading { padding: 0; /*background-color:rgba(236,101,103,0.9);*/ background-color: rgba(165, 165, 165, 0.9); }
.ajax-loader { padding: 26px 0 27px; }
#AjaxLoading.loaderLoggedIn .ajax-loader { padding: 46px 0 47px; }
/*~~~31-03-2015~~~*/
.open_more_option_form i.desktop { display: inline !important; font-style: normal; }
.mobile { display: none !important; }
.desktop { display: block !important; }
ul li { line-height: 24px; }
#ModalButtonRow { position: relative; }
#ModalButtonRow .FloatLeft { position: absolute; top: 15px; right: 125px; float: none; }
#measurement_progress_bar li a { display: block; }
#measurement_progress_bar li.li_point ul { left: 132px; width: 84%; }
#measurement_progress_bar li ul { top: -56px; }
.selctor_two_colum .DetailRow:last-child .selector.fixedWidth { width: 99%; }
.BulkDiscount.addCartNoCustomise { width: 100%; }
.ProductWarrantyContainer { border-bottom: 1px solid #ccc; }
#CategoryContent .ProductList .pname { font-family: 'ProximaNovaRegular'; text-transform: uppercase; }
#imperial_height.measurement_label input[type="text"] { width: 100px !important; }
#imperial_height.measurement_label input[type="text"]#height_ft { width: 101px !important; }
#cartForm table td { border-bottom: none; }
.shippingText.Odd.Even { padding: 20px 0 20px 20px; }
#CartEditProductFieldsForm .productAttributeList { max-height: inherit !important; overflow: inherit !important; }
#ModalContainer .btn { height: inherit !important; }
#ModalContainer .addToCartProductImage { height: 200px !important; }
/*~~~How its Work~~~*/
.howWeMakeIt { display: block; }
.howWeMakeIt:before, .howWeMakeIt:after, .hwiBannerText:before, .hwiBannerText:after, .weddingBanner:before, .weddingBanner:after, .howItWorks_Wedding:before, .howItWorks_Wedding:after { display: block; clear: both; content: ''; }
.howWeMakeIt ul, .howItWorks_Wedding ul { margin: 0; padding: 0; }
.howWeMakeIt ul li { list-style-type: none; float: left; width: 24%; margin: 0 .5%; min-height: 398px; }
.howItWorks_Wedding ul li { list-style-type: none; float: left; width: 32.33%; margin: 0 .5%; }
.howItWorks_Wedding h2 { font-size: 16px; text-transform: uppercase; padding: 10px 0; }
.howWeMakeIt ul li img, .howItWorks_Wedding ul li img { width: 100%; height: auto; border: 1px solid #ccc; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.hwiBannerText { display: block; margin: 20px 0; position: relative;/* max-height:290px; overflow:hidden*/ line-height: 0; }
.hwiOverlay { display: block; width: 240px; height: 100px; position: absolute; top: 50%; margin-top: -54px; background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; padding: 10px; }
.hwiBannerText .hwiOverlay { margin-top: -63px; }
.hwiOverlay:before { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; content: ''; border: 1px solid #000; }
.hwiOverlay h2, .hwiOverlay p { color: #fff; padding: 0; }
.hwiOverlay.right { right: 20px; }
.hwiOverlay.left { left: 20px; }
/*~~~Wedding~~~*/
#weddingCoupleCarouselContainer { position: relative; }
h1.TitleHeading.webPageTitleHeading, .webPageTitleHeading { border: none; padding-bottom: 0; font-size: 24px; text-align: center; color: #4a4a4a !important; letter-spacing: 0.2em; text-transform: uppercase; }
.webPageTitleHeading { margin-bottom: 20px; }
/*.weddingBannerMain .weddingText{ margin-top:-104px;}*/
.weddingBanner { display: block; margin: 0 0 0px 0; position: relative;/* max-height:400px; overflow:hidden;*/ }
.weddingText { display: block; position: absolute; top: 50%; width: 400px; padding: 20px; margin-top: -104px; /*background:rgba(225, 223, 226, .8);*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 2 !important; }
/*.weddingText:after{ position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:''; border:1px solid #ccc; z-index:-1;}*/
.weddingText h2, .StaticPageheadingOnly h2 { font-family: 'Raleway', sans-serif!important; color: #4a4a4a !important; text-align: center; font-size: 26px; line-height: 30px; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 600; padding: 0 0 10px; margin-bottom: 10px; background: url(../images/banner_title_separetar.png) no-repeat center bottom; }
.weddingText p { text-align: center; color: #4a4a4a; padding: 0px 0 0; }
.weddingText a, .bookNowBtn { width: 260px; text-align: center; display: block; margin: 0 auto 10px auto; font-family: 'ProximaNovaSemibold'; font-size: 14px; padding: 8px 0; font-family: 'ProximaNovaBold'; font-size: 14px; border: none; background: #4c7eb1; color: #fff !important; text-transform: uppercase; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.weddingText a.weddingText-telNo { font-size: 17px; color: #1263ac !important; background: none; height: auto; line-height: inherit; }
.topic-pages-lg-tiles .weddingText p a.weddingText-telNo:hover { background: none; color: #1263ac !important; }
.topic-pages-lg-tiles .weddingText p a.weddingText-telNo:before { content: "\f095"; font-family: Fontawesome; vertical-align: middle; }
.weddingText a { height: 50px; padding: 0; line-height: 52px; font-size: 17px; }
.weddingText a:hover, .bookNowBtn:hover, .showroomBtn a.bookNowBtn:hover { background: #19599a; }
.weddingText.left { left: 45px; }
.weddingText.right { right: 45px; }
.weddingText.midwidth { width: 450px; margin-top: -143px; }
.weddingText.midwidth2 { width: 450px; margin-top: -129px; }
.weddingText.midwidth3 { width: 450px; margin-top: -152px; }
.weddingText.midwidth4 { width: 450px; margin-top: -62px; }
.gap_wedding { margin-bottom: 0; }
.gap40 { margin: 40px 0; }
.SmallHeight { margin-top: -35px !important; }
.SmallHeight2 { margin-top: -68px !important; }
.bannerMainInner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 100%; }
.bannerMainInner .weddingText.left { left: 0 !important; }
/*~~~Testimonials~~~*/
.weedingTestimonials { display: block; clear: both; }
.weedingTestimonials .sectionTest { width: 100%; margin: 30px 0 0 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.weedingTestimonials .sectionTest h2 { text-transform: uppercase; font-size: 14px; color: #C5C5C5; margin: 0 0 50px 0; padding: 0; font-weight: normal; }
.weedingTestimonials .sectionTest p { font-style: italic; font-family: "ProximaNovaRegular"; font-size: 18px; line-height: 34px; color: #747474 }
.nogap { height: 0; }
.staticPageInner .howItWorks_Wedding a { color: #4a4a4a; }
.staticPageInner .howItWorks_Wedding a:hover { color: #000; }
/*~~~Showroom~~~*/
.sydneyImg {/*max-height:400px; overflow:hidden;*/ }
.showroomBlock { display: block; clear: both; }
.imageContent { float: left; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.rightContentShowroom { float: right; width: 50%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.googleMap #googleMap { width: 100%; height: 400px; }
.hwiBannerText img, .howWeMakeIt ul li img, .howItWorks_Wedding ul li img, .imageContent img, .googleMap, .hwiBannerText img, .hitWbannet img, .weddingBanner img {/*border:1px solid #ccc; padding:5px;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;*/ width: 100%; }
.imageContent img { border: 1px solid #ccc; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.showroomBtn { margin-top: 50px; margin-bottom: 50px; }
.showroomBtn a.bookNowBtn { background: #4c7eb1; border: none; border-radius: 4px; color: #fff !important; display: block; font-family: "ProximaNovaBold"; font-size: 14px; margin: 0 auto 10px; padding: 8px 0; text-align: center; text-transform: uppercase; width: 260px; }
.hitWbannet { line-height: 0 !important; max-height: 400px; overflow: hidden; }
.clearInSmall { display: none; }
.clearInLarge { display: block; clear: both; }
.weedingBtmTxt { text-align: right; }
.weedingBtmTxt h2 { font-size: 16px; font-weight: normal; }
.productDetailsJacketSize { float: left; width: 49.5%; clear: inherit !important; }
.productDetailsTrouserSize { float: right; width: 49.5%; clear: inherit !important; }
.productDetailsJacketSize div.selector, .productDetailsTrouserSize div.selector { width: 99%; }
.cartPopupJacketSize { float: left; width: 50%; clear: inherit !important; }
.cartPopupTrouserSize { float: right; width: 50%; clear: inherit !important; }
.cartPopupJacketSize .productOptionViewSelect div.selector, .cartPopupTrouserSize .productOptionViewSelect div.selector { width: 98% !important; }
.productAttributeList .productAttributeRow.productAttributeConfigurablePickListSet { margin-bottom: 0 !important; }
/*~~~~~~Measurement-block~~~~~*/
.measurement-block { display: block; height: 286px; overflow-y: auto; }
.measurement-block table { margin: 0; border: 1px solid #e3e3e3; }
.measurement-block table td { margin: 0; padding: 5px 10px; width: 50%; border-color: #e3e3e3; font-size: 14px; color: #bcbcbc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.measurement-block table td strong { font-weight: normal; color: #707070; }
.measurement-block table td h5 { text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; color: #4a4a4a; }
/*~~~Shirt section~~~*/
body.special_category .ProductList .ProductImage a, body.special_category .ProductThumbImage a { vertical-align: bottom; height: 250px !important; }
body.special_category #CategoryContent .ProductList li { min-height: 250px !important; }
body.change_vest #ModalContent { height: inherit !important; }
body.accessories_category_listing .ProductList .ProductImage a { vertical-align: middle !important; }
.col-threequarter table tbody tr td { vertical-align: top; }
/*~~~Weeding Page Carousal Image~~~*/
.owl-item .item img { width: 100%; text-align: center; background: #f5f5f5; }
.owl-item .item {/* max-height:400px; overflow:hidden;*/ }
.ProductList .ProductDetails { padding-left: 10px; }
/*~~~Misc~~~*/
.howItWorks_Wedding { margin-top: 30px; }
.howWeMakeIt h2 { font-size: 16px; padding: 10px 0; text-transform: uppercase; }
.how-it-worksHeading { margin-bottom: 20px; margin-top: 20px; }
.how-it-works-button-gap { margin-top: 0; margin-bottom: 30px; }
.about-content { font-size: 16px; line-height: 24px; }
.about-subHead { font-size: 24px; letter-spacing: 0.2em; text-align: center; text-transform: uppercase; font-weight: 600; }
.bottom-null { margin-bottom: 0; }
.sydneyImg { margin-top: 0; }
/*~~~ Pinterest~~~*/
.fa-pinterest-square:before { content: "\f0d3"; }
/*~~~ book-an-appointment-form in popup ~~~*/
iframe.book-an-appointment-form { padding: 0 20px; width: 100%; box-sizing: border-box; }
/*~~~ showroom page ~~~*/
.weddingTextBright h2, .weddingTextBright p { color: #ffffff !important; }
/*~~~ banner text overlay position ~~~*/
.bannerMainInner .weddingTextResPos.weddingText.right { right: -68px !important; left: auto !important; top: 42% !important; }
.bannerMainInner .weddingTextResPos.weddingText.Farleft { top: 42% !important; }
.bannerMainInner .weddingText.midPos { margin-top: -104px !important; }
.scrollOff { position: fixed; width: 100%; height: 100%; overflow: hidden; }
.bannerButton { left: 50%; margin-left: -140px; position: absolute; bottom: 10%; }
.bannerButton a { height: 25px; line-height: 25px; display: block; cursor: pointer; z-index: 999; }
.cursorPoint { cursor: pointer; }
/*- ~~~~~~~ Blog ~~~~~~-*/
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { margin: 0 5px 0 0; padding: 0; }
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at4-icon, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs { float: left; }
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m { padding: 0 2px; }
.addthis_toolbox a.at300b, .addthis_toolbox a.at300m { width: auto; }
.addthis_button_facebook_share.at300b { margin-top: -4px; }
.BlogPostContent .bfc h3 a:hover { color: #ec6567 !important; }
.BlockContent.PageContent p a:hover { color: #ec6567 !important; }
/*~~~Sizing Table~~~*/
.sizing { margin: 0 auto; width: 100%; max-width: 800px; font-family: 'ProximaNovaRegular'; }
.sizing h2 { font-size: 26px; line-height: 28px; font-family: 'Raleway', sans-serif; }
.sizing table, .sizing tr td, .sizing tr th { border: 1px solid #f0f0f0; border-collapse: collapse; padding: 10px; text-align: center; color: #4a4a4a; font-size: 14px; }
.sizing tr th { background: #f6f6f6; font-size: 16px; font-weight: bold; padding: 15px 10px; }
.sizing table { margin: 20px auto; width: 100%; }
.sizing_desc { margin-top: 30px; }
.sizing tr td.sizing_bold_text { text-align: left; font-weight: bold; }
.include_measurement_button_grp input.btn { display: block; margin-bottom: 20px; }
h1.styleAdvice { color: #fff; font-size: 0; line-height: 0; padding: 0; margin: 0; }
.gap30 { padding-bottom: 30px; }
/*~~~Estimate shipping page~~~*/
.EstimateShipping p.Submit { margin: 10px 0px 0px; }
/*~~~Image caraousel~~~*/
.ImageCarouselBox a.prev.disabled, .ImageCarouselBox a.next.disabled {/*opacity: 0.2;*/ }
#ProductDetails .ProductTinyImageList ul li.selected { border: 1px solid #333333 !important; }
.PrimaryProductDetails .ProductThumb { position: relative; }
a.PrevLink:hover, a.NextLink:hover { color: #000; }
#cartForm .disabled { cursor: default !important; }
#AddressEditForm div.selector span { color: #cecece; }
#uniform-FormField_12.selector { background-position: 98% center !important; }
.developedBy { float: right; }
#braintreeDataFrame, #braintreeDataFrame ~ iframe { position: absolute; }
/*~~~Product description changes~~~*/
.TabNav li#ProductDescription_Tab a { margin-top: 1px; padding: 0; }
/*~~~~~~03-02-2016~~~~~~~*/
.webpages .hasSub span::hover ul {
display:block !important;
visibility:visible !important;
}
/*~~~27.06.2016 Topic Pages~~~*/
.topic-banner, .slide-show .slide-content { position: relative; line-height: 0; text-align: center; height: 524px; background-size: cover !important; background-position: center !important; }
.topic-pages-lg-tile-half .tile-img-cont { height: 425px; background-position:center !important; }
.topic-pages-content .grid__item { margin-top: 25px; }
h3.topic-pages-subhdng { font-family: "ProximaNovaBold"; font-size: 17px; line-height: 19px; font-weight: 600; }
.topic-pages-content-divider { width: 100%; height: 1px; background-color: #d8d8d8; border: none; }
.topic-pages-lg-tiles { width: 100%; max-width: 940px; }
.topic-pages-lg-tile-half { position: relative; width: 50%; float: left; height: 425px; box-sizing: border-box; display: table; }
/*.topic-pages-lg-tile-img { height: 430px; border: 1px solid #808080; }*/
.topic-pages-lg-tiles img { width: 100%; display: none; }
.topic-pages-lg-tiles .weddingText { /*width: 312px;*/ margin-left: auto; margin-right: auto; position: relative; display: table-cell; vertical-align: middle; top: inherit; margin-top: inherit; padding: 0 84px; }
.topic-pages-lg-tiles .weddingText p a:hover { color: #fff !important; }
.topic-pages-lg-tiles .weddingText h2 { background: none; max-width: 290px; margin-left: auto; margin-right: auto; }
.topic-pages-lg-tiles .weddingText p { max-width: 304px; margin-left: auto; margin-right: auto; }
/*who is joe button*/
.who-is-joe-button { position: relative; }
.who-is-joe-button-inner { text-align: center; }
.who-is-joe-button-inner h4 { margin-top: 20px; }
.who-is-joe-button-inner.less-mode { height: 235px; }
.who-is-joe-button-inner.more-mode { height: auto; }
.who-is-joe-button-inner h3 { font-weight: 600; }
.continue-reading { position: absolute; bottom: 0; width: 100%; height: 85px; background: #fff; text-align: center; }
.continue-reading.less-mode { border-top: 1px solid #e3e3e3; }
.continue-reading.more-mode { position: relative; height: auto; }
.continue-reading.more-mode a { line-height: 20px; }
.continue-reading a { color: #477db3; text-decoration: none; font-weight: 600; line-height: 85px; position: relative; display: inline-block; }
.continue-reading a:after { font-family: Fontawesome; position: absolute; width: 8px; font-size: inherit; color: inherit; right: -14px; top: 1px; }
.continue-reading.less-mode a:after { content: "\f0d7"; }
.continue-reading.more-mode a:after { content: "\f0d8"; }
/*Faq Accordion Panel*/
.accordion-panel, .accordion-panel h4, .accordion-panel div { font-family: "ProximaNovaRegular"; color: #4a4a4a; }
.accordion-panel { margin-bottom: 50px !important; }
.accordion-panel h3 { font-family: "ProximaNovaBold"; height: 70px; background: none; background-color: #ffffff;border:none; border-bottom: solid 1px #d8d8d8; color: #4a4a4a; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; margin-top: 0px !important; padding-left: 43px; line-height: 70px; text-transform: uppercase; }
h3.ui-state-active, .accordion-panel .accordion-content:last-child, .accordion-panel h3:nth-last-of-type(1), .accordion-panel h3.ui-state-active:nth-last-of-type(1) { border-bottom: none; }
.accordion-panel h3:hover { background: none; color: #4a4a4a; }
.accordion-panel .accordion-content { background: none; height: auto !important; padding: 18px 43px !important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: 0px !important; border:none; border-bottom: solid 1px #d8d8d8; top:0 !important; }
.accordion-panel h3 span:first-child { display: none; }
.accordion-panel h3:before { content: "\f067"; width: 15px; height: 18px; position: absolute; right: 24px; top: 0; bottom: 0; margin: auto; font-family: Fontawesome; color: #cbcbcb; font-weight: normal; line-height: 20px; }
.accordion-panel h3.ui-state-active:before { content: "\f068"; }
.accordion-panel h4 { border-top: solid 1px #d8d8d8; padding-top: 30px; }
.accordion-panel h4:first-child { border-top: none; }
.slide-show .slide-content .slide-image-wrapper { display: none; }
.two-opt .option {width:100%;max-width:33.3%}