/** SoBoutique TEMPLATE CSS **/ /* Reset ================================================================================= */ * { margin: 0; padding: 0;} body { font-size: 12px; line-height: 1.2; font-family: "ClanOTExtdThin", Verdana, sans-serif; font-weight: normal; color: #291f1d; background: #ffffff;} img { border: 0; vertical-align: middle;} a { color: #291f1d; text-decoration: none;} :focus { outline: 0;} /** Responsive image */ .responsive-img{display: none;} /* Headings */ h1,h2,h3,h4,h5,h6 {text-transform: uppercase;} h1 { font-size: 38px;} h2 { font-size: 26px;} h3 { font-size: 20px;} h4 { font-size: 16px;} h5 { font-size: 14px;} h6 { font-size: 12px;} h1 em, h2 em { font-style: normal; display: block; position: relative; top: -17px; color: #606060;} sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup { top: -.2em;} sub { bottom: -.25em;} /* Forms */ form { display: inline;} fieldset { border: 0;} legend { display: none;} /* Table */ table { border: 0; border-spacing: 0; empty-cells: show; font-size: 100%;width:100%;} caption, th, td { vertical-align: top; text-align: left; font-weight: normal;} /* Content */ p { margin:0; font-size:12px;} strong { font-weight: normal;} address { font-style: normal; line-height: 1.2;font-size:12px;} cite { font-style: normal;} q, blockquote { quotes: none;} q:before, q:after { content: '';} small, big { font-size: smaller;} /* Lists */ ul, ol { list-style: none;} input[type="text"]{-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;} /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important;} .nobr { white-space: nowrap !important;} .wrap { white-space: normal !important;} .a-left { text-align: left !important;} .a-center { text-align: center !important;} .a-right { text-align: right !important;} .v-top { vertical-align: top;} .v-middle { vertical-align: middle;} .f-left, .left { float: left !important;} .f-right, .right { float: right !important;} .f-none { float: none !important;} .f-fix { float: left; width: 100%;} .no-display { display: none;} .no-margin { margin: 0 !important;} .no-padding { padding: 0 !important;} .no-bg { background: none !important;} .hide{display: none !important;height: 0px;overflow: hidden;opacity: 0;} .show{display: block !important;height: auto;overflow: auto;opacity: 1;} .strike { text-decoration: line-through; display: inline-block;} .cartpopup_footer .cartpopup_producttotal span.cart_sub-total .strike, #shopping-cart-totals-table .promo .strike{text-decoration: none;} table.onestepcheckout-summary .strike {display:block;} .onestepcheckout-summary .promo td{padding:0 10px 10px;} #shopping-cart-totals-table tfoot strong, #shopping-cart-totals-table .promo .a-right{font-weight: bold;} #shopping-cart-totals-table .promo, #shopping-cart-totals-table .promo .price{font-size:12px;color:#978a77;} @font-face{font-family:'ClanOTExtdNews';src:url('fonts/clanot-news-webfont.eot');src:url('fonts/clanot-news-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/clanot-news-webfont.woff') format('woff'),url('fonts/clanot-news-webfont.ttf') format('truetype'),url('fonts/clanot-news-webfont.svg#ClanOTExtdNews') format('svg');font-weight:normal;font-style:normal;} @font-face { font-family: 'ClanOTBook'; src: url('fonts/clanot-book-webfont.eot'); src: url('fonts/clanot-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/clanot-book-webfont.woff') format('woff'), url('fonts/clanot-book-webfont.ttf') format('truetype'), url('fonts/clanot-book-webfont.svg#ClanOTMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ClanOTMedium'; src: url('fonts/clanot-medium-webfont.eot'); src: url('fonts/clanot-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/clanot-medium-webfont.woff') format('woff'), url('fonts/clanot-medium-webfont.ttf') format('truetype'), url('fonts/clanot-medium-webfont.svg#ClanOTMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ClanOTExtdThin'; src: url('fonts/clanot-extdthin-webfont.eot'); src: url('fonts/clanot-extdthin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/clanot-extdthin-webfont.woff') format('woff'), url('fonts/clanot-extdthin-webfont.ttf') format('truetype'), url('fonts/clanot-extdthin-webfont.svg#ClanOTMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ClanOTExtdMedium'; src: url('fonts/clanot-extdmedium-webfont.eot'); src: url('fonts/clanot-extdmedium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/clanot-extdmedium-webfont.woff') format('woff'), url('fonts/clanot-extdmedium-webfont.ttf') format('truetype'), url('fonts/clanot-extdmedium-webfont.svg#ClanOTMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "FontAwesome"; src: url("fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"), url("fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"); font-weight: normal; font-style: normal; } @font-face{font-family:'soficon';src:url('fonts/soficon.eot?92095207');src:url('fonts/soficon.eot?92095207#iefix') format('embedded-opentype'),url('fonts/soficon.woff?92095207') format('woff'),url('fonts/soficon.ttf?92095207') format('truetype'),url('fonts/soficon.svg?92095207#soficon') format('svg');font-weight:normal;font-style:normal;} /* Layout ================================================================================ */ ::-moz-selection{ background: #df9b2b;color: white;} ::selection { background: #df9b2b;color: white;} body::-webkit-scrollbar {width: 10px;} body::-webkit-scrollbar-track {background: #f0eee9;} body::-webkit-scrollbar-thumb {background: #997300;} html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%;} body { margin: 0; height: 100%;} .clearfix:before, .clearfix:after { content: " "; display: table;} .clearfix:after { clear: both;} .clearfix { zoom: 1;} .clear { clear: both;} .wrapper { min-height: 100%; clear: both; margin: auto;} hr { background: #e5e5e5; clear: both; border: none; float: none; height: 1px; margin: 18px 0; display: none;} /* Base Columns */ .main-container{margin-top: 119px;} .cms-home .wrapper .main-container{ max-width: 100%; padding: 0; position: relative;} .cms-home .wrapper .col1-layout .main { clear: both; max-width: 100%; margin: auto; background-color: #ffffff; min-height: 600px;} #livechat-compact-container{display:none !important;} .wrapper .col2-left-layout{min-width:100%;min-height:100%;background:url(../images/SOF-BKG-Full.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/SOF-BKG-Full.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/SOF-BKG-Full.jpg',sizingMethod='scale')";} .wrapper .col2-left-layout .main { clear: both; max-width: 1420px; margin: auto; background-color: #ffffff; min-height: 600px;} .wrapper .col1-layout .main { clear: both; max-width: 1420px; margin: auto; background-color: #ffffff; min-height: 600px;} .checkout-cart-index .main-container{background-color: #fff;} .buttons-set a { font-size: 12px; padding-top: 4px;} .col-left { float: left; width: 20%; position: relative;} .col-main { float: left; } .col-right { float: right;} /*HOMEPAGE CMS*/ .cms-home .col1-layout .col-main { float: none; max-width: 100%; padding: 0 !important; position: relative; background: none;} .cms-home .col1-layout{background: none; } /* 1 Column Layout */ .col1-layout{background: url(../images/SOF-BKG-Full.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/SOF-BKG-Full.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/SOF-BKG-Full.jpg',sizingMethod='scale')";} .col1-layout .col-main {float: none; max-width: 1440px; margin: auto; padding:20px;min-height:450px;} /* 2 Columns Layout */ .col2-left-layout .col-main {width: 77.5%; margin:20px 1% 20px 0; float: right;padding-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /*Blank*/ .checkout-cart-index .col-main, .checkout-onepage-success .col-main{background-color: #FFFFFF;} /* Content Columns */ .col1-set, .col2-set { float: left; width: 48.5%; -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);-o-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2); position: relative;} /* Global Styles ========================================================================= */ /* Form Elements */ *:focus{outline:none;} body,button,input,select,textarea{color:#291f1d;} input[type="text"],input[type="password"],textarea,select{outline:none;} input,select,textarea,button{font-family:Verdana,Arial,sans-serif;font-size:100%;vertical-align:middle;color:#6B6B6B} input.input-text,select,textarea{border:1px solid #978a77;} input.input-text,textarea{padding:2px;} select{display:inline-block;width:100%;padding:8px 25px 6px 5px;font-family:Arial,Helvetica,sans-serif;-moz-appearance:none;border:1px solid #978a77;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:'';background:#ffffff url(https://eu.soboutique.com/skin/frontend/default/sof/images/sof-dropArrow.png) no-repeat right center;} select::-ms-expand{display:none;} select option{padding-right:10px;} select.multiselect option{border-bottom:1px solid #b6b6b6;padding:2px 5px;} select.multiselect option:last-child{border-bottom:0;} textarea{overflow:auto;} input.radio{margin-right:3px;} input.checkbox{margin-right:3px;} input.qty{width:40px;padding:3px 6px;border:1px solid #978a77;background:#ffffff;text-align:center;position:relative;} button.button::-moz-focus-inner{padding:0;border:0;} /* FF Fix */ button.button { -webkit-border-fit: lines;} /* <- Safari & Google Chrome Fix */ button.button{background-color:#997300;border:0;border-top:0px;border-bottom:3px solid #7b5500;overflow:visible;width:auto;padding:0;margin:0;cursor:pointer;display:inline-block;height: 35px;} button.button span{display:block;text-transform:uppercase;padding:2px 60px;color:#fff;} .btn-continue-shopping{background-color:#a8a9ab;} .totals .btn-continue-shopping{float:left;text-decoration:none;background-color:#fff;border:1px solid #978a77;display:block;text-transform:uppercase;letter-spacing:2px;word-spacing:3px;} .totals .btn-continue-shopping span{color:#291f1d;} .totals .btn-checkout{float:right;width:25%;} .totals button span{display:block;padding:10px 10px;text-align:center;white-space:nowrap;color:#FFFFFF;text-transform:uppercase;} button.button-frgpsw{-webkit-border-fit:lines;} .onestepcheckout-index-index strong{font-weight:bold!important;} /* <- Safari & Google Chrome Fix */ button.button-frgpsw {background-color: #997300;} button.button-frgpsw span { padding: 5px 12px; display: blockcolor: #FFF;} p.control input.checkbox, p.control input.radio { margin-right: 6px;} /* Form Highlight */ input.input-text:focus, select:focus, textarea:focus { } .required_pwd {font-family: Verdana, sans-serif; font-size: 10px; padding: 2px 0;} .form-list li { margin: 0 0 20px;} .form-list label {position: relative; z-index: 0;font-size:13px;} .form-list label.required { padding-top: 3px;} .form-list label.required em {font-style: normal; color: #eb340a; position: absolute; top: 0; right: -8px;} .form-list li.control label { float: none;} .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px;} .form-list li.control .input-box { clear: none; display: inline; width: auto;} /* .form-list li.fields { margin-right: -15px;}*/ .form-list .field { width: 100%; margin-bottom: 5px;} .form-list .input-box { display: block; width: 80%; margin: 4px 0 0 20px; clear: both;} .fields .field-enews { margin-top: 32px;} .field .input-box-news { display: block; float: left;} .form-list input.input-text { width: 80%;} .form-list textarea { width: 80%; height: 10em;} .form-list select { width: 80%;} .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px;} .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0;} .form-list .input-range input.input-text { width: 74px;} /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto;} .form-list .name-prefix { width: 65px;} .form-list .name-prefix select { width: 55px;} .form-list .name-prefix input.input-text { width: 49px;} .form-list .name-suffix { width: 65px;} .form-list .name-suffix select { width: 55px;} .form-list .name-suffix input.input-text { width: 49px;} .form-list .name-middlename { width: 70px;} .form-list .name-middlename input.input-text { width: 49px;} .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px;} .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px;} .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px;} .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px;} .form-list .customer-name-prefix-suffix .name-firstname { width: 210px;} .form-list .customer-name-prefix-suffix .name-lastname { width: 205px;} .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px;} /*.form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 210px;}*/ /*.form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px;}*/ /*.form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 189px;}*/ .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px;} .form-list .customer-dob input.input-text { display: block; width: 74px;} .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888;} .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px;} .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 46px;} .form-list .customer-dob .dob-year { width: 140px;} .form-list .customer-dob .dob-year input.input-text { width: 134px;} .search-autocomplete{display: none;} /* BUTTON SHOP NOW */ .button-shopnow { text-decoration: none; cursor: pointer !important; line-height: normal; letter-spacing: 4px; padding: 10px 20px; font-size: 16px; color: #ffffff; text-align: center; text-transform: uppercase; border: none; } .buttons-set { clear: both; text-align: right;} .buttons-set p.required { margin: 0 0 10px;} .buttons-set .back-link { float: left; margin: 0;} .buttons-set button.button { float: right; margin-left: 5px; position: relative; width: 48.5%;} .buttons-set button.button span { padding: 4px; display: block;} .buttons-set-order { margin: 10px 0 0;} .buttons-set-order .please-wait { padding: 12px 7px 0 0;} .fieldset { padding: 0; margin: 0;} .fieldset .legend { text-align: left; font-weight: bold; padding: 0 0 10px 0; clear: both;} .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; padding-left: 17px; font-size: 11px; font-weight: normal; line-height: 13px; color: #eb340a;} #coupon-notice.success-msg {margin-top: 10px;border:solid 1px #997300; color:#997300; font-weight:bold;} #coupon-notice.validation-advice {background: #F7F6F3;} #coupon-notice.validation-advice:before {border-color: transparent transparent #F7F6F3;} .validation-passed { } p.required { font-size: 10px; text-align: right; color: #EB340A;} .v-fix { float: left;} .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative;} /* -- WARNING -- */ /* ----------------------------- Formulaire GENERAL Messages ---------------------------- */ /* Version white search */ .email-signup #newsletter-validate-detail .validation-advice{vertical-align:middle;background:white;margin:0px 10px 0 0;border-left:0px;} .email-signup #newsletter-validate-detail .validation-advice:before{border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid white;top:5px;left:-12px;} .validation-advice{} /* Version Base search */ .validation-advice:before{z-index:100;position:absolute;content:" ";margin:auto;display:block;height:0;width:0;top:-7px;left:50%;border-color:transparent transparent #FFEBEB;border-style:solid;border-width:0 6px 8px;} .validation-advice{font-family:verdana,arial,sans-serif;position:relative;display:inline-block;border-left:4px solid red;color:#291f1d;background:#FFF0F0;padding:5px 8px 5px 8px;clear:both;margin:10px 0 0 0;font-size:10px;} /* My account */ .name-middlename{display: none!important;} .checkoutcontainer .validation-advice, .my-account .validation-advice{display: table;} /* Version or search */ .form-search .validation-failed{ border:0px solid transparent!important; } .form-search .validation-advice{ font-size: 12px;padding:6px 10px 6px 10px;display: block;position: absolute;left: 50%;transform: translateX(-50%);border-left: 4px solid red;color: #291f1d;background: #FFF0F0;} .form-search .validation-advice:before{ border-color: transparent transparent #FFF0F0; } /* Erreur Input */ textarea.validation-failed, select.validation-failed, input.validation-failed { border: 1px solid #eb340a !important;} /* 404 */ .cms-no-route .no-route h1 { font-size:28px; margin-bottom: 20px;} .error-message {min-height: 110px; background-color: #fff; padding: 1%; width: 62%; overflow: hidden;} .error-message>p{margin-bottom: 50px; font-family: verdana, arial, sans-serif;} .error-message .shopping p{margin:0;} .contact {min-height: 110px; width: 32%; padding: 1%; background: #efefef;} .contact h3 { margin: 0 0 10px; font-size:20px;} .contact ul li { padding: 5px 0;} .contact label, .contact em, .contact span{font-family: verdana, arial, sans-serif;} .contact label { font-weight: 700; padding-right: 3px;} .contact a { color: #df9b2b;} /* BreadCrumbs */ .breadcrumbs {text-align:left; margin: 0 auto; padding: 10px 0;width:100%; font-family: verdana, arial, sans-serif;} .breadcrumbs li { display: inline-block;} .breadcrumbs li:after{content:" > ";} .breadcrumbs li:last-child:after{content:"";} .breadcrumbs li:last-child span {} .breadcrumbs li a, .breadcrumbs li span { color: #291f1d; font-weight: 400; text-decoration: none;} /* Page Heading */ .page-title { width: 100%; overflow: hidden; margin: 0 0 20px;} .page-title .separator { margin: 0 3px;} .page-title .link-rss { float: right; margin: 7px 0 0;} .subtitle, .sub-title { clear: both; padding: 15px 0 0; font-size: 15px; font-weight: bold; margin: 0 0 6px;} .sub-tile{color:#997300;} /* Sorter */ .sorter { font-size: 11px; padding: 3px 8px; border-top: 1px solid #e2e2e2;} .sorter .view-mode { float: left; margin: 0;} .sorter .sort-by { float: right; padding-right: 36px;} .sorter .sort-by label { vertical-align: middle;} .sorter .sort-by select { padding: 0; margin: 0 0 1px; vertical-align: middle;} /*my tooolbar pagination*/ .toolbar .pager .pages strong{ padding-right: 6px; } .toolbar .pager .pages ol{ display: inline;} .toolbar .pager .pages ol li{display: inline;} .toolbar .pager .pages ol li a{text-decoration: none ;display: inline;font-size: 17px;vertical-align: middle;padding: 2px 6px;border: 1px solid #e2e2e2;} .toolbar .pager .pages ol li.current{border: 1px solid #997300;font-size: 17px;vertical-align: middle;color: white;padding: 2px 6px;background-color: #997300;} .toolbar .pager .pages ol li a.previous{border: 0px;vertical-align: middle;} .toolbar .pager .pages ol li a.next{border: 0px;vertical-align: middle;} .toolbar .pager .pages ol li a.next:after{display: inline-block;content: "〉";font-family: verdana;font-size: 16px;} .toolbar .pager .pages ol li a.previous:after{display: inline-block;content: "〈";font-family: verdana;font-size: 16px} .toolbar .pager .pages ol li a img{display: none;} .toolbar .limiter select { margin: 5px;padding: 8px 25px 6px 5px;width: auto; } .toolbar .pager{padding-top: 5px;padding-bottom: 5px;font-family: "ClanOTBook",verdana;} .toolbar .pager p.amount{margin: 0px;font-size: 16px;font-family:"ClanOTBook",verdana;font-weight: normal;} .toolbar .pager .limiter{float: left;font-family: verdana;} .toolbar .pager .pages{float: right;padding: 14px 0px;} /* Generic Info Box */ .info-box {border: 1px solid #d0cbc1; padding: 12px 15px; margin: 0 0 15px;} .info-box h2 { font-weight: bold; font-size: 13px;} .info-table th { font-weight: bold; padding: 2px 15px 2px 0;} .info-table td { padding: 2px 0;} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer;} tr.summary-total td { } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(../images/bkg_collapse.gif) 0 5px no-repeat; cursor: pointer;} tr.show-details .summary-collapse { background-position: 0 -52px;} tr.show-details td { } tr.summary-details td { font-size: 11px; background-color: #dae1e4; color: #626465;} tr.summary-details-first td { border-top: 1px solid #d2d8db;} tr.summary-details-excluded { font-style: italic;} table.onestepcheckout-totals td.value{display: block;width: initial !important;} .onestepcheckout-totals .promo td{font-weight: bold;color:#978a77;} .onestepcheckout-totals .promo td.strike{text-decoration:none;} .onestepcheckout-totals .promo td .price{font-size:12px;} /* Shopping cart tax info */ .cart-tax-info { display: block;} .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px;} .cart-tax-total { display: block; padding-right: 20px; background: url(../images/bkg_collapse.gif) 100% 5px no-repeat; cursor: pointer;} .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important;} .cart-tax-total-expanded { background-position: 100% -52px;} .product-collateral .description p { margin: inherit; padding: inherit;} .product-collateral .information ul li { } .product-collateral .std { padding: 3% 0 3% 0; border-bottom: 1px solid #999; border-top: 1px solid #999;} .product-collateral.desktop .desc-info{display: none;} .product-collateral.desktop .desc-info:first-child{display: block;} .product-collateral.mobile{display: none;} .product-collateral.desktop{display: block;} .product-desc{display: block;} #product-info-des #shipping a{text-decoration:underline;} .product-desc .info{font-family:verdana,arial,sans-serif;margin-top:6px;font-size:11px;} .product-desc .title{border-bottom:1px solid #978a77;font-weight:bold;text-transform:uppercase;font-size:14px;padding:4px 0;} .product-desc a{display:inline-block;text-decoration:none !important;margin-top:10px} .product-desc .btn-info{cursor:pointer;padding:0px 0px 2px 0px;margin-bottom:5px;display:inline-block;letter-spacing:2px;word-spacing:3px;text-transform:uppercase;font-family:Verdana,Arial,sans-serif;font-size:100%;border-bottom:1px solid #291f1d;background:transparent;color:#291f1d;} .product-desc .btn-info ~ em{text-transform:uppercase;font-family:Verdana,Arial,sans-serif;color:#291f1d;display:inline-block;text-decoration:none;font-style:normal;padding-left:4px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;transition:all 0.25s ease;-o-transition:transform 0.25s;} .product-collateral.desktop .pro-coll-menu{height:38px;display:block;border-bottom:1px solid #978a77} .product-collateral.desktop .pro-coll-menu li{padding:0 20px 0 20px;border-left:1px solid #978a77;float:left;} .product-collateral.desktop .pro-coll-menu li:first-child{border-left:0px;} .product-collateral.desktop .pro-coll-menu li .desc-title{border:none;padding:11px 0;display:block;} .product-collateral.desktop .desc-info{display:none;font-family:verdana,arial,sans-serif;padding:20px;font-size:12px;} .product-collateral.desktop .pro-coll-menu li.visible{color:#997300;background-color:#F3F0E9;} /* Misc */ .links li { display: inline-block;} .link-cart { color: #3da1d8 !important; font-weight: bold;} .link-compare { font-weight: bold;} .link-print { /* background: url(../images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; */ font-weight: bold; color: #e6002f;} .link-rss {padding-left: 18px; line-height: 14px; white-space: nowrap;} .btn-previous { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden;} .btn-edit { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden;} .cards-list dt { margin: 5px 0 0;} .cards-list .offset { padding: 2px 0 2px 20px;} .separator { margin: 0 3px;} .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0;text-indent: -999em; overflow: hidden;} /* Global site notices */ .global-site-notice { border: 1px solid #cfcfcf; border-width: 0 0 1px; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f;} .global-site-notice .notice-inner { width: 860px; margin: 0 auto; padding: 12px 0 12px 80px; text-align: left;} .global-site-notice .notice-inner p { margin: 0; border: 1px dotted #cccc73; padding: 10px;} .global-site-notice .notice-inner .actions { padding-top: 10px;} /****** HP SoBoutique *********/ /*HP HERO*/ .main-container .main-hero {width:100%;height: auto; position: relative;} .main-container .main-hero-img {max-width:1920px;margin:0 auto; position: relative;overflow:hidden;} .main-container .main-hero-img img{width:100%;height: auto;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .main-container .main-hero-text{position: absolute;bottom: 0;left: 0; padding:20px 120px 20px 80px;background: url(../images/btn-goto.png) top 16px right 30px no-repeat; background-color: rgba(41,31,29,0.5);-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .main-container .main-hero-text h1{color:#FFFFFF;} .main-container .main-hero-text p{font-size:22px;color:#FFFFFF;text-transform: uppercase;} .main-container .main-hero-text #first-line{font-weight: bold;color:#FFFFFF;} .main-container .main-hero-text-inner{position: relative;} .main-container .main-hero-img a {text-decoration:none;} @media screen and (max-width: 768px) { .main-container .main-hero { height: 280px; } } @media screen and (max-width: 425px) { .main-container .main-hero { height: 155px; } .main-container .main-hero-text { } } /*HP IMG*/ .main-container .main-content {min-width:100%; min-height: 100%;background: url(../images/SOF-BKG-Full.jpg) center center no-repeat; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/SOF-BKG-Full.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/SOF-BKG-Full.jpg',sizingMethod='scale')";} .main-container .main-content-inner {max-width:1420px; position :relative;margin: 0 auto; padding: 0 0 40px 0;} .main-container .main-content .content-obs, .main-container .main-content .content-wr {display:inline-block; clear:both;width:100%;} .main-container .main-content .content-obs div.title-div, .main-container .main-content .content-wr h2{ font-weight: normal; padding:15px 0; margin:20px 0; width:100%; border-top:1px solid #978a77; border-bottom:1px solid #978a77; text-align:center; font-size: 20px; } .main-container .main-content .content-obs div.title-div { text-transform: uppercase; } .main-container .main-content .hp-item{display:block;position:relative;overflow:hidden;} .main-container .main-content .hp-item img{width:100%; height:auto;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .main-container .main-content .hp-item img.no-blur {width:100%; height:auto;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;} .main-container .main-content .item-1, .main-container .main-content .item-4, .main-container .main-content .item-3{float:left;} .main-container .main-content .item-2,.main-container .main-content .hp-subitem {float:right;} .main-container .main-content .item-1, .main-container .main-content .item-2, .main-container .main-content .hp-subitem{width:49.3%;} .main-container .main-content .item-2 {margin-bottom: 1.33%;} .main-container .main-content .item-3 {width:48.6%; margin-right: 2.8%;} .main-container .main-content .item-4{width:24%; margin-right: 1.33%} .main-container .main-content .item-3.last, .main-container .main-content .item-4.last{margin-right:0;} /*HP TXT*/ .main-container .main-content .hp-item .hp-txt{ -webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease; display:block; position:absolute; background: rgba(255,255,255,0.7); width: 100%; bottom:40px; padding:18px 0; font-weight:bold; text-align: right; font-size: 16px; border: none; } .main-container .main-content .item-4.last .hp-txt{padding: 8.5px 0} .main-container .main-content .hp-txt span{text-transform: uppercase; text-align: right; padding:0 10px;font-weight: normal;} /* Language Selector */ .global-sites {display:inline-block; position: relative;} .global-sites .last .sites-active span{display: none;} @media screen and (max-width: 680px) { .global-sites .last .sites-active span::before { transform: translateY(0px) rotate(45deg); } .global-sites .last .sites-active span::after { transform: translateY(0px) rotate(-45deg); } .global-sites .last .sites-active span{display: inherit;} .global-sites .last .sites-active span::after, .global-sites .last .sites-active span::before { position: absolute; bottom: 9px; left: 3px; width: 32px; height: 3px; content: ""; background: rgb(41, 31, 29); } .global-sites .last .sites-active{ display: block; height: 20px; width: 30px; } .global-sites .last .sites-active i{ display: none; } .global-sites .last .sites-active::after { display: inherit; content: "CLOSE"; position: absolute; top: 23px; left: 2px; font-size: 10px; font-style: normal; font-family: verdana, arial, sans-serif; } } .language-select li a {font-size:12px; padding: 6px 0; margin: 0; display: block;} .language-select li { width: 100%;} .language-select li > span {font-weight:bold; display:block; text-transform: uppercase; font-size:16px; border-bottom: 1px solid #997300; padding-bottom: 7px;} .language-select {top: 46px; right: 92px;text-align:right; position: absolute; height: auto; width: 230px; background: #f0eee9; padding: 10px; display: block; z-index:60; -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2);-o-box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2);} /* Header ================================================================================ */ .header-container{;background-color:#fff;position:fixed;width:100%;top:0;left:0;z-index:200;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .wrapper .header-container:after{content: " ";min-width: 100%;height: 4px;background-color: #291f1d;} .header-container .header {position: relative;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .header-container .header .logo {padding:10px;height:auto;width: 11%;text-decoration: none !important; display: block;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;transition:all 0.25s ease;-o-transition:all 0.25s ease;} .header-container .header .logo strong {display:none!important; visibility: hidden;} .header-container .header .logo a img{height:auto;width: 136px;display: block;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .header-container .header .quick-access {top:0;position: absolute;width: 14%;right:0;z-index: 5;display: block; text-align: right; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box; /* Firefox, other Gecko */box-sizing: border-box; /* Opera/IE 8+ */ -webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .header-container .header .quick-access a{text-decoration: none;} .header-container .header .welcome-msg{position: absolute;bottom: 5px;right: 10px;display: block;font-family: verdana, arial, sans-serif;font-size: 10px;} .header-container.shrink .header .quick-access li img{-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .header-container .header .myaccount, .header-container .header .search, .header-container .header .links {display:inline-block;} .header-container .header .links { margin-right: 7px;} .header-container .header .form-language { clear: both; padding: 0; text-align: right;} .header-container .header .form-language label { font-weight: bold; padding-right: 5px; color: #a7c6dd; vertical-align: middle;} .header-container .header .form-language label span { font-size: 12px;} .header-container .header .form-language select { padding: 0 14px 0 0; color: #fff; background-color: #5E7183; border: none; height: 18px;} .header-container .header .form-language select:focus { border: none; box-shadow: none;} .header-container .header .form-language select.flags option { background-position: 4px 50%; background-repeat: no-repeat; padding-left: 25px;} .header-container .header .links li.last {position:relative;} .header-container .header .links a { text-decoration: none;} .header-container .header .links a span { position: absolute; padding: 4px 6px; bottom: -4px; right: -4px; background: #997300; color: #f0eee9; font-size: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; font-family: verdana; } .header-container .header .links a.top-link-cart{display:block} @media screen and (min-width: 1025px) { .header-container .header .quick-access{ top: 6px; } } /* Header Shrink */ .header-container.shrink .nav-container{margin: 0 auto;} .header-container.shrink .header .logo {width: 120px; } .header-container.shrink .header .logo a img{width: 120px;} .header-container.shrink #nav>li>a{font-size:12px;} .header-container.shrink #nav>li>ul{top: 48px;} /*.header-container.shrink .header .quick-access{top:20px;}*/ /**Search**/ #searchbar{clear:both;text-align:center;box-shadow: 2px 2px 1px 0 rgba(0,0,0,.2);background-color:#F3F0E9;display:none;width:390px;z-index:4;position: absolute;top: 35px; right: 129px;} #search_mini_form {display: block; background: #F3F0E9; padding: 2%;} .form-search {max-width: 1420px; margin:0 28px 0 0; border: 1px solid #978a77;} .form-search button.button{border: 0;} .form-search button.button{ background: url(../images/SO-sprite.svg) no-repeat 4px -56px; background-size: 639%;border: 0; display:inline-block; width: 34px;height: 32px;} .form-search input[type=text]{width:86%; display:inline-block;background-color: transparent; border:none; color: #997300;font-size:14px;text-transform: uppercase;} .form-search #close_search{font-size: 18px;vertical-align: middle;cursor: pointer;} .search_form { float: right; position: relative; width: 180px !important; margin: 8px 10px 0 0; padding: 6px; height: 13px; color: #fff; background-color: #ffffff; border: none;} #btn-search { display: block; text-transform: uppercase; display: inline-block; cursor: pointer;z-index: 5;} #btn-search.active{background-color: #f0eee9;box-shadow: 4px -1px 1px -2px rgba(0,0,0,.2);} #btn-search.active i{display: none} #btn-search.active::after{ padding: 5px; content: "X"; color: #291f1d; font-family: Verdana, Geneva, sans-serif; font-size: 34px; text-indent: 0; } /*SOFICON*/ .soficon{font-family:"soficon";font-size:35px;font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} /* MENU */ .nav-container {display:block;margin:0 auto;position: relative;border-top: 2px solid #f0eee9;} .nav-inner {position: relative;width: 100%;max-width: 1420px;margin: 0 auto;} #nav{text-align:center; z-index: 60; list-style: none; padding: 0; margin: 0; font-family: "ClanOTBook", Verdana, sans-serif;width: 100%; margin: auto;} #nav>li { display:inline-block;position: relative;} @media screen and (min-width: 941px) and (max-width: 986px) { #nav>li>a {padding:12px !important;} } #nav>li>a{display: block;padding:15px;font-size:15px; color: #291f1d; text-transform: uppercase;position:relative;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;transition:all 0.25s ease;-o-transition:transform 0.25s;} #nav>li>a:after{width:100%;z-index:1;content:" ";height:4px;background-color:#df9b2b;position:absolute;bottom:-4px;left:0;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transition:transform 0.25s;-moz-transition:transform 0.25s;-o-transition:transform 0.25s;transition:transform 0.25s;} #nav>li.active>a:after{width:100%;z-index:1;content:" ";height:4px;background-color:#df9b2b;position:absolute;bottom:-4px;left:0;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1)} #nav>li>a>span { display: block; margin: 0;} #nav>li>a>span:after {content:"|";right: 0px;position: absolute; top:15px;} #nav>li:last-child>a>span:after{display: none;} #nav>li.last>a>span:after {display: none;} #nav span {width: 100%; display: inline-block; vertical-align: middle;text-transform: uppercase;} #nav>li>ul {top:52px;display: none; position: absolute; padding: 10px 0; width:300px; background-color: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 5px 5px 1px 0 rgba(0, 0, 0, .3);-o-box-shadow: 5px 5px 1px 0 rgba(0, 0, 0, .3); -webkit-box-shadow: 5px 5px 1px 0 rgba(0, 0, 0, .3); -moz-box-shadow: 5px 5px 1px 0 rgba(0, 0, 0, .3);} #nav>li>ul>li {display:inline-block;width:100%; position: relative;text-align:left; float: none;margin: 0;padding:0 20px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;transition:all 0.25s ease;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #nav>li>ul>li>a{padding:10px 0;display: block;} #nav li ul li.level1>a span {font-size: 12px; text-transform: uppercase; color: #291f1d;text-decoration: none;} #nav li ul.shown-sub { display: block; left: 0; z-index: 60;} /*ACTIVATE FIRST NAV ALL TIME CSS*/ /*#nav>li.nav-2>ul{display: block;left: 0; z-index: 20;}*/ /********** < Left Nav CMS */ .help_center {padding:20px 0 0 10px;} .help_center .level0 > a { text-transform: uppercase; color: #291f1d; text-decoration: none; display: block; font-size:16px;padding:0 0 10px 0;} .help_center li a { position: relative; padding: 6px 0; display: block;} .help_center li ul li a {font-size:12px;} .help_center li ul li a.current { color: #df9b2b; text-decoration: none;} .help_center h2 { color: #291f1d; margin: 0; padding: 0 0 10px; text-transform: uppercase;} /********** Navigation > */ #nav_category .level0 > a{display:none; visibility: hidden;} #nav_category{padding:20px 0 0 10px; font-family:"ClanOTBook", Verdana, sans-serif;} #nav_category li a{display:block;padding:10px 0;text-decoration:none;} #nav_category li ul{margin:0;} #nav_category li ul li a{font-size:16px;display:block;color:#291f1d;text-decoration:none;text-transform: uppercase;} #nav_category li ul li.active ul li a{color:#df9b2b;} #nav_category li ul li ul{padding:0;} #nav_category li ul li ul li{padding:10px 0 10px 10px;} #nav_category li ul li ul li a{font-size:12px; padding:0;} #nav_category ul ul{display:none;} #nav_category ul li.active ul{display:block;} #nav_category>li>ul>li.active>ul>li>ul{display:none;} #nav_category ul li.active ul li.active{display:block;} #nav_category ul li.active ul li.active ul{display:block;} #btn-left-nav, #btn-main-nav, #item-description { display: none;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} /* Sidebar =============================================================================== */ .block .block-title span {font-size:16px;text-transform: uppercase; font-weight: bold;} .block .block-title a { text-decoration: none !important;} .block .block-subtitle { margin: 0; padding: 5px 9px;font-weight: bold;} .block .btn-remove, .block .btn-edit { float: right; margin: 1px 0 2px 5px;} .block .actions { text-align: right; margin-top: 3px;} .block .actions a { float: left;} .block .actions button.button { float: right; position: absolute bottom right;} .block .empty { margin: 0; padding: 5px 9px;} /* Mini Blocks */ .block-cart, .block-wishlist, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-tags, .block-login { font-size: 11px; line-height: 1.25;} .block-cart .block-title strong, .block-wishlist .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong { background-position: 0 0; background-repeat: no-repeat; padding-left: 21px;} /* Enews */ .email-signup { text-align:center; background: #291f1d; padding: 6px 0; clear: both;} .email-signup .footer-news{max-width:1420px; margin:0 auto;} .email-signup .footer-news>span{padding:4px 0;} .email-signup .footer-news span{color:#FFFFFF;font-size:16px;font-weight: normal;font-family: verdana, arial, sans-serif; } .email-signup .footer-news span, .email-signup .footer-news form{display:inline-block;} .email-signup .footer-news .subscribers-details{ font-size: 13px; padding: 10px 200px 0 200px; } .subscribers-popup-details{ display: block; clear: both; padding-top: 20px; line-height: 20px; text-align: justify; font-size: 10px; } .email-signup h4.signup{display: none;} .email-signup.mobile{display: none;} #newsletter {background-color: #291f1d; width:240px; padding: 9px 8px;-webkit-appearance: none; margin: 0 12px; border: 1px solid #f6ad4a; color: #fff; font-size: 12px; text-transform: uppercase;} .button-new { vertical-align: middle;display: inline; text-decoration: none; cursor: pointer !important; line-height: normal; letter-spacing: 4px; padding: 5px 20px; font-size: 16px; color: #ffffff; text-align: center; text-transform: uppercase; border: none; } /* Block:Account */ .name-middlename{display: none!important;} .block-account{margin-bottom: 20px;} .block-account .block-content {margin: 0;font-size: 1.2em;border-bottom: 1px solid #978a77;} .block-account .block-title,.block-reorder .block-title{padding:0 0 20px 0;text-transform:uppercase;font-size:15px;letter-spacing:2px;} .block-account .block-content li {padding: 0 20px 0 0;display: inline-block;position: relative;} .block-account .block-content li a, .block-account .block-content li p { position: relative; display: block; padding: 10px 0 10px 30px;font-size:13px;letter-spacing:1px;font-family:verdana;} .block-account li.current{color:#df9b2b;font-family:verdana;} .block-account .block-content li:before { top: 5px; display: inline-block; font-family: FontAwesome; font-size: 20px; position: absolute; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-osx-font-smoothing: border-box; } .block-account .block-content .account:before {content: "\f022";} .block-account .block-content .account_edit:before {content: "\f0ca";} .block-account .block-content .address_book:before {content: "\f02d";} .block-account .block-content .orders:before {content: "\f187";} .block-account .block-content .wishlist-account:before {content: "\f004";} /* Block:Currency Switcher */ .block-currency { border: 0; background: url(../images/bkg_block-currency.gif) 0 0 no-repeat; padding: 7px 12px 10px; height: 51px;} .block-currency .block-title { background: none; border: 0; padding: 0; margin: 0 0 5px;} .block-currency .block-title strong { background: url(../images/i_block-currency.gif) 0 50% no-repeat; padding: 0 0 0 21px; text-transform: none; color: #291f1d;} .block-currency .block-content { background: none; padding: 0;} .block-currency .block-content select { width: 100%; padding: 0;} /* Block:Cart */ .block-cart-content .summary { padding: 8px 12px 0; margin: 0; position: relative; z-index: 1; width: 280px; text-align: right;} .block-cart-content .summary .label { display: block; text-align: right; font-weight: 700; width: 100%; padding: 8px 0 0; border-top: 1px solid #cfd9ce; color: #291f1d;} .block-cart-content .summary .label .price { color: #291f1d; font-weight: 700; font-size: .9em;} .block-cart-content .amount { margin: 0;} .block-cart-content .amount a { font-weight: bold;} .block-cart-content .subtotal { margin: 5px 0 0; padding: 2px 0; background: #fbebd9; text-align: center;} .block-cart-content .subtotal .price { font-weight: bold;} /* Block:Login */ .block-login .block-title strong { background-image: url(../images/i_ma-info.gif);} .block-login .block-content { padding: 5px 10px;} .block-login label { font-weight: bold; color: #666;} .block-login input.input-text { display: block; width: 167px; margin: 3px 0;} .block-login .actions { background: none; padding: 0; margin: 3px 0 0;} .block-login .actions button.button span { border-color: #406a83; background: #618499;} /* Paypal */ .sidebar .paypal-logo { display: block; margin: 10px 0; text-align: center;} .sidebar .paypal-logo a { float: none;} /* Category Page ========================================================================= */ .category-title { border: 0; margin: 0 0 7px;} .category-image-container{position: relative;} .category-image { min-width: 100%; height: auto; position: relative; margin: 0; text-align: center;} .category-image img { width: 100%;} .category-image-name{display:block;position:absolute;bottom:15%;min-width:100%;background:rgba(255,255,255,0.8);background:-moz-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(255,255,255,0.8)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1 );} .category-image-txt{font-size:26px; font-weight:bold;text-transform:uppercase; padding:20px 0;margin-left: 13%;} .category-image-txt:before{z-index:1;content:" ";width:5px;height:60px;background-color:#df9b2b;position:absolute;top:6px;left:12%;} .category-description { width: 100% ; clear: both;} .category-description h1 {font-size: 14px;text-transform: uppercase; word-wrap: break-word;font-weight: normal;} .category-description p { font-weight: normal;font-family: "ClanOTBook", Verdana, sans-serif;} .category-products .regular-price .price { font-weight: normal; font-size: 13px; color: #717172; font-style: normal; margin: 0;} /* View Type:Grid */ .catalog-category-view .products-grid {width: 100%;margin: 0;font-weight: normal;} .catalog-category-view .products-grid .grid-items { width: 44.8%; max-height: 440px;margin: 0 0 20px 0; overflow: hidden; float: left; position: relative; padding: 0;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .catalog-category-view .products-grid .grid-items:nth-child(4n+1), .catalog-category-view .products-grid .grid-items:nth-child(4n){width: 52.9%;max-height: 440px;} .catalog-category-view .products-grid .grid-items:nth-child(odd) {margin-right:2%;} .catalog-category-view .products-grid .grid-items a{display:block;} .catalog-category-view .products-grid img{width:auto;max-height:100%;overflow:hidden;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .catalog-category-view .products-grid .product-name{z-index:20;display: block;position: absolute;background: rgba(255,255,255,0.6);width: 100%;bottom: 30px;padding: 20px 0;font-weight: bold;} .catalog-category-view .products-grid .product-name span{font-size:16px; font-weight:bold;color:#291f1d;text-align: right;display:block;margin: 0 10px 0 0;} .catalog-category-view .products-grid .product-name span:after{content:" >"; } .catalog-category-view .products-grid .filter_hover{display:none;z-index:10; text-align: left; margin: 0; position: absolute; min-width: 100%;min-height: 100%; background: rgba(0,0,0,0.3); text-transform: uppercase; overflow: hidden;} .catalog-category-view .products-grid .price-box { margin: 0;} .catalogsearch-result-index .col1-layout .col-main{background: white;} .catalogsearch-result-index .grid-items {overflow: hidden; width: 23.7%; float: left; position: relative; padding: 0;list-style: none;margin:0 1.3% 1% 0;} .catalogsearch-result-index .item4,.catalogsearch-result-index .item8,.catalogsearch-result-index .item12,.catalogsearch-result-index .item16,.catalogsearch-result-index .item20,.catalogsearch-result-index .item24,.catalogsearch-result-index .item28{margin-right:0;} .catalogsearch-result-index .grid-items img {width:100%; height:auto;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .catalogsearch-result-index .grid-items .product-name {display:block;position:absolute;font-size:12px; text-transform: uppercase; background: rgba(255,255,255,0.6); width: 100%;left:0;bottom:0;padding:20px 0;font-weight:bold;z-index:1;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} .catalogsearch-result-index .grid-items .product-name span{padding-left:10px; } .catalogsearch-result-index .toolbar-bottom{clear: both;} .catalogsearch-result-index ul{} .catalogsearch-result-index ul li{font-size:12px;} .catalogsearch-result-index .main #search_mini_form{ width: 500px;margin-bottom: 20px;border: 1px solid transparent;} .catalogsearch-result-index .main #search_mini_form #close_search{display: none;} .catalogsearch-result-index .page-title ~ p{padding:10px 0 10px 0} .catalogsearch-result-inde .page-title{ margin: 0 0 10px;} /* Product View ========================================================================== */ /* Availability */ .availability.in-stock { display: none;} .availability { margin: 0; clear: both;} .availability span { font-weight: bold;} .availability.in-stock b { font-size: 12px;} .availability.in-stock span { font-size: 11px; font-weight: normal;} .availability.out-of-stock {padding-top: 10px;} .availability.out-of-stock span {font-size: 13px;} .availability.semi-out-of-stock span {font-size: 13px;font-weight: normal;} .product-view .cart-container .availability { font-size: 11px;margin-bottom: 10px;font-family: verdana, arial, sans-serif;} .product-view .social-icons .chat-live-product {padding:0px 0 7px 0;} .product-view .social-icons .chat-live-product>a {display: block; width:100%;text-transform: uppercase;vertical-align: bottom;} .product-view .social-icons .chat-live-product img{display: inline-block;width: 30px;} .product-view .social-icons .chat-live-product span {font-family: 'ClanOTBook';padding: 5px 0px 0px 10px;vertical-align: middle;display: inline-block;padding-top: 5px;font-weight:bold;} /* Email to a Friend */ .email-friend { margin: 0;} /* Alerts */ .alert-price { margin: 0; font-size: 11px;} .alert-stock { margin: 0; font-size: 11px;} /********** < Product Prices */ .price { white-space: nowrap !important; font-size:14px;} .price-box {margin: 20px 0 0;} /* Regular price */ .regular-price { display: inline-block; margin: 0;} .regular-price .price {display: inline-block;} /* Old price */ .old-price { margin: 0;} .old-price .price-label { white-space: nowrap; color: #999;} .old-price .price { font-family: "ClanOTExtdThin", verdana, arial, sans-serif; font-weight: bold; color: #291F1D; text-decoration: line-through;font-size: 13px;} /* Special price */ .special-price { display: block;width: 100%;margin: 0; padding: 3px 0;} .special-price .price-label { font-size: 13px; font-weight: bold; white-space: nowrap; color: #cd5033;} .special-price .price { font-family: "ClanOTExtdThin", verdana, arial, sans-serif; font-size: 13px; font-weight: bold; color: #c76200;} /* Minimal price (as low as) */ .minimal-price { margin: 0; display: none;} .minimal-price .price-label { font-weight: bold; white-space: nowrap;} .minimal-price-link { display: block;} .minimal-price-link .label { color: #1e7ec8;} .minimal-price-link .price { font-weight: normal; color: #1e7ec8;} /* Excluding tax */ .price-excluding-tax { display: block; color: #999;} .price-excluding-tax .label { white-space: nowrap; color: #999;} .price-excluding-tax .price { font-size: 13px; font-weight: normal; color: #c76200;} /* Including tax */ .price-including-tax { display: block; color: #999;} .price-including-tax .label { white-space: nowrap; color: #999;} .price-including-tax .price { font-size: 13px; font-weight: bold; color: #c76200;} /* Configured price */ .configured-price { margin: 0;} .configured-price .price-label { font-weight: bold; white-space: nowrap;} .configured-price .price { font-weight: bold;} /* FPT */ .weee { display: block; font-size: 11px; color: #444;} .weee .price { font-size: 11px; font-weight: normal;} /* Excl tax (for order tables) */ .price-excl-tax { display: block;} .price-excl-tax .label { display: block; white-space: nowrap;} .price-excl-tax .price { display: block;} /* Incl tax (for order tables) */ .price-incl-tax { display: block;} .price-incl-tax .label { display: block; white-space: nowrap;} .price-incl-tax .price { display: block;} /* Price range */ .price-from { margin: 0; font-weight: normal; color: #666; font-style: normal; margin: 0;} .price-from .price-label { font-weight: bold; white-space: nowrap;} .price-to { margin: 0;} .price-to .price-label { font-weight: bold; white-space: nowrap;} /* Price notice next to the options */ .price-notice { padding-left: 10px; color: #999;} .price-notice .price { font-weight: bold; color: #2f2f2f;} /* Price as configured */ .price-as-configured { margin: 0;} .price-as-configured .price-label { font-weight: bold; white-space: nowrap;} .price-box-bundle { padding: 0 0 10px 0;} .price-box-bundle .price-box { margin: 0 !important; padding: 0 !important;} .price-box-bundle .price { color: #555;} /********** Product Prices > */ /* Tier Prices */ .product-pricing, .tier-prices { margin: 10px 0; padding: 10px; background-color: #f4f7f7; border: 1px solid #dadddd; color: #424242;} .tier-prices li { line-height: 1.4; background: url(../images/i_tier.gif) no-repeat 0 3px; padding: 2px 0 2px 10px;} .tier-prices .benefit { font-style: italic; font-weight: bold; color: #2f2f2f;} .tier-prices .price { font-weight: bold; color: #2f2f2f;} .tier-prices-grouped li { padding: 2px 0; color: #e26703;} .tier-prices-grouped li .price { font-weight: bold;} /* Add to Links */ .add-to-links { font-size: 11px; margin: 5px 0 0;} .add-to-links .separator { display: none;} /* Add to Cart */ .add-to-cart { position: relative;} .add-to-cart label { float: left; margin: 3px 5px 0 0; font-weight: bold; color: #001e3a;} .add-to-cart .qty { margin: 4px 0 0 0;} .add-to-cart button.button { position: relative; width: 100%;} .add-to-cart button.button span { padding: 10px; display: block; letter-spacing: 2px; word-spacing: 3px;} .add-to-cart .paypal-logo { clear: left; margin: 0; text-align: right;} .add-to-cart .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 60px 5px 0;} .product-view .add-to-cart .paypal-logo { margin: 0;} /* Add to Links + Add to Cart */ .add-to-box { margin: 10px 0;} .add-to-box .add-to-cart { position: relative;} .add-to-box .or { float: left; font-weight: bold; margin: 0 7px; color: #666;} .add-to-box .add-to-links { float: left; margin: 0; font-size: 12px !important; line-height: 1.25 !important; text-align: left !important;} .add-to-box .add-to-links li { display: block !important;} .add-to-box .add-to-links li .separator { display: none !important;} .product-view{width:100%; position: relative;} .product-collateral { padding: 0; margin-top: 20px; } .product-collateral .social-icons{float: none; clear: both;margin-top:20px;} .social-icons p{margin:10px 0 5px; font-family: verdana, arial, sans-serif;} /*.product-collateral li{padding:0 0 10px;}*/ .product-collateral li .desc-title{font-weight: bold; text-transform: uppercase; cursor:pointer;border-bottom:1px solid #291f1d;font-size: 14px;padding:4px 0;} .product-collateral li .desc-title span{float: right;} .product-collateral li .desc-info{display:none; font-family: verdana, arial, sans-serif;margin-top:6px;font-size:11px; } /*Logo MyBed*/ .cart-container .logo_mybed, .cart-container .logo_mybed_deluxe{position: absolute; right:10px; bottom: 10px;} /* Product Images */ .product-view .product-img-box { width: 100%;} .product-img-box .product-image { margin: 0;} .product-img-box .product-image img { max-width: 100%; max-height: 100%;} .more-views {position: absolute;left:0;bottom:0; padding:30px;} .product-img-box .more-views ul { border: 2px solid #997300;} .product-img-box .more-views li{border-left:2px solid #997300;float:left;-webkit-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);box-shadow:5px 5px 5px 0px rgba(0,0,0,0.5);} .product-img-box .more-views li:first-child{border: 0px;} .product-img-box .more-views li a {display:block;} /* Product Shop */ .cart-container{min-width: 320px;position:absolute;top:0;right:0;padding:2% 2% 0 2%;width:25%;height:98%;background-color:rgba(255,255,255,0.85);} .cart-container .cart-handler { margin: 0;min-width: 320px} .cart-container .product-name{ font-size: 18px;word-break: break-word;} .cart-container .product-qty { margin-bottom: 14px;} .product-view .product-collateral .short-description { display: none;} .product-customers ul li{width: 22.5%; float: left;padding-right: 2.5%;} .product-customers ul li a img{display: block;width: 100%;height: auto;} .product-customers ul li a h4{text-align: center;} /* block cart */ .onestepcheckout-special-message{background:#f0eee9;padding:15px;font-family:verdana,arial,sans-serif;font-size:13px;margin-top:20px;line-height:16px;} /*Related product*/ #related-product-list{font-size:11px;font-family: verdana, sans-serif;} #related-product-list .text-configurable{font-weight: bold;width: 100%;text-align: center;display: inline-block;line-height:2em;background-color: #F4F3F3;} #related-product-list .mini-products-list .product-details{margin-left:0;} #related-product-list .mini-products-list{background-color:#f1f0ec;padding: 0 0 5px 5px;} #related-product-list .price{white-space: normal!important;} #related-product-list .refresh-related{padding-bottom:5px;text-align:center;margin:auto;} #products-related{box-sizing: border-box;position: relative;width: 100%; margin:0;} #related-product-list .checkbox { line-height: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 29px 7px 0 0; display: block; float: left; } #block-related div.product { width: 90%; box-sizing: border-box; padding: 0 0 0 0; display: block; float: left; } #block-related li.no-sale div.product{padding:0 0 0 30px;} #block-related .link-wishlist{display:none;} #related-product-list .block-title, #related-product-list .block-subtitle, #block-related a.product-image{display:none;} #related-product-list .block li{position:relative; color:black;padding:5px 0;} #related-product-list .block li a{color:#997300;} #related-product-list .block li.even, #related-product-list .block li.odd{} #block-related .product-name{ color:black;} #related-product-list .product-name{color:black;font-size:13px;line-height: 20px;} #related-product-list .price-box, #related-product-list .related-price-box{display: block;width: auto;margin:0;font-family: ClanOTExtdThin, Verdana, sans-serif;font-size:11px;color:grey;} #block-related .regular-price .price, #block-related .was-old-price .price{text-shadow:none;color:black;font-size: 11px;color: grey;} #related-product-list .price-box span, #related-product-list .related-price-box span{display:inline;} #related-product-list .special-price{color:black; margin-left:5px;} #related-product-list .special-price .price{color:black; text-shadow:none;} #related-product-list .special-price, #related-product-list .old-price{display:inline;} #related-product-list .text-related{color: #807f7b;font-size: 11px;} #related-product-list input[type=checkbox]{-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;width:18px;height:18px;border:solid 1px grey;background-color:white;} #related-product-list input[type="checkbox"]:checked:after{content:'✔';position:absolute;top:-2px;left:0px;font-size:20px;color:#997300;} #related-product-list .item.no-option .product { margin-left: 30px; } /*RELATED RESPONSIV*/ @media screen and (max-width:682px){ #related-product-list .product-name{display:inline-block;} } /*RELATED POP*/ #overlay_related{width: 100%;height:100%;background: rgba(0,0,0,0.8);position: fixed;z-index:10000;display: none;} #overlay_related .dialog_related{position:relative;width:60%;margin:auto;opacity:1;margin-top: 10%;} #overlay_related .dialog_related img{width:100%;} @media screen and (max-width:840px){ #overlay_related .dialog_related{width:80%;margin-top: 10%;} } @media screen and (max-width:682px){ #overlay_related .dialog_related{width:90%;margin-top: 50%;} } /* social icons */ .social-icons { clear: right; margin: 4px 0 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .social-icons a{display:inline-block; z-index: 1;} .facebook, .pinit, .google, .tumblr, .flickr, .youtube, .twitter, .wishlist, .sofitel{text-decoration: none; margin: 0 6px 0 0; font-family: FontAwesome; font-size: 18px; text-decoration: none; text-align: center; width: 18px; height: 18px; background-color: #ffffff; padding: 6px; position: relative;border: 1px solid #997300; } .facebook:before, .pinit:before, .google:before, .tumblr:before, .flickr:before, .youtube:before, .twitter:before, .wishlist:before, .sofitel:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-osx-font-smoothing: border-box;box-sizing: border-box; color: #997300; position: relative;} .facebook:before {content: "\f09a";} .pinit:before {content: "\f0d2";} .tumblr:before {content: "\f173";} .google:before {content: "\f0d5";} .flickr:before {content: "\f16e";} .youtube:before {content: "\f167";} .twitter:before {content: "\f099";} .wishlist:before {content: "\f004";} .sofitel:before {content: "\f10c"; color: transparent;} .sofitel {background: url('../images/sofitel_icon.png') no-repeat left top;} .product-collateral .facebook, .product-collateral .pinit, .product-collateral .google, .product-collateral .twitter, .product-collateral .wishlist{margin:0 1% 0 0;} /* Product Options */ .product-options {display: block;} .product-options:after { clear: both;} .product-options .product-options-qty { display: inline-block;margin: 10px 0 0;} .product-options select:nth-of-type(1){margin: 0} .product-options select {margin: 10px 0 0 0;} .product-options select:disabled {opacity:0.6;} .product-options select option:disabled {background-color:#efefef; color: #bbb;} .product-options dd .multiselect option { border-bottom: 1px dotted #d9e5ee; padding: 2px 4px;} .product-options ul.options-list { margin-right: 5px;} .product-options ul.options-list li { line-height: 1.5; padding: 2px 0;} .product-options ul.options-list input.radio { float: left; margin-top: 3px;} .product-options ul.options-list input.checkbox { float: left; margin-top: 3px;} .product-options ul.options-list .label { display: block; margin-left: 18px;} .product-options ul.options-list label { font-weight: normal;} .product-options ul.validation-failed { padding: 0 7px;} .product-options p.note { margin: 0; font-size: 11px;} .product-options p.required { position: absolute; right: 5px; top: 2px;} .product-options-bottom .product-pricing, .product-options-bottom .tier-prices { margin: 0; padding: 0 0 10px; border: 0; background: 0; color: #e26703;} .product-options-bottom .tier-prices li { background: 0; padding: 2px 0;} .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit { color: #e26703;} .product-options-bottom .price-box:first-child { float: left; margin: 0; padding: 0;} .product-options-bottom .add-to-links { clear: both; padding: 5px 0 0; text-align: right;} .product-options-bottom .price-box { display: none; float: none; padding: 0 0 5px;} .product-options-bottom .price-label { float: left; padding-right: 5px;} .product-options-bottom .price-tax { float: left;} .cart-container .product-options-bottom { margin: 15px 0;} .cart-container .product-options-bottom .product-qty{ margin:0;} .cart-container .product-options-bottom .price-box { display: none; float: none; margin: 0 0 5px;} .cart-container .product-options-bottom .price-label { float: none; padding-right: 0;} .cart-container .product-options-bottom .price-tax { float: none;} .cart-container .product-options-bottom .add-to-cart-box { clear: both; float: left; padding-top: 12px;} .cart-container .product-options-bottom .add-to-links { clear: both; padding: 5px 0 0; text-align: right;} /* Grouped Configurable Product */ #h1-grouped { margin: 12px 0 8px 0; line-height: normal; font-size: 16px; color: #001e3a; text-transform: uppercase;} #super-product-table { width: 670px;} #super-product-table h3 { margin-bottom: 15px;} .grp-items { width: 645px; padding: 12px; overflow: hidden; clear: both; min-height: 100px; margin: 5px 0 0 0 !important; border: 1px solid #d9d7cd; background: #fff url(../images/litecream-bg.gif) top repeat-x;} .grp-items .cart-handler { width: 32%; padding: 8px; margin: 4px 0 0 10px; background: #fff; border: 1px solid #eee; float: right;} .grp-items .cart-handler .add-to-cart button.button span { padding: 6px 4px; font-size: 11px;} .grp-items .itemDesc { float: left; width: 62%; margin: 2px 0 0 0; padding: 0;} .grp-items .cart-handler select { margin: 5px 0; width: 80px;} .grp-items hr { width: 206px; margin-bottom: 5px; margin-top: 10px !important;} /* Grouped Product */ .product-view .price-box{margin: 10px 0;} .product-view .price-box .old-price .price{color:#291F1D;} .product-view .price-box .special-price{display: block;padding-top: 4px;} .product-view .grouped-items-table .price-box { margin: 0; padding: 0;} .groupedpart { clear: both; margin-top: 30px;} /* Block:Additional */ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td { line-height: 1.25;} /* Block:Upsell */ .box-up-sell h2{padding:10px 0;margin:20px 0 20px;width:100%;border-top:1px solid #978a77;border-bottom:1px solid #978a77;text-align:center;font-size: 20px;} .box-up-sell ul li { width: 24.25%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float: left;margin-left: 1%} .box-up-sell ul li:first-child{margin-left: 0;} .box-up-sell ul li .product-name-upsell { margin: 0;font-size: 12px;;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; display:block;text-transform: uppercase; position: absolute; bottom:0; left:0;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;position:absolute; background: rgba(255,255,255,0.6); width: 100%;padding:10px 0 10px 10px;} .box-up-sell ul li .upsell-inner{ display: block; position: relative; text-decoration: none;} .box-up-sell ul li a{ overflow:hidden; display: block;} .box-up-sell ul li img { width: 100%; height: auto;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;} /* Block:Tags */ .product-view .box-tags {padding:10px 0;} .product-view .box-tags h3 { font-size: 13px;} .product-view .box-tags .product-tags { display: block; margin: 0 0 15px;} .product-view .box-tags .product-tags li { display: inline; padding: 0 7px 0 4px;} .product-view .box-tags .product-tags li.first { padding-left: 0;} .product-view .box-tags .product-tags li.last { background: none; padding-right: 0;} .product-view .box-tags .form-add label { display: block; font-size: 13px; font-weight: bold; margin: 0 0 5px; } .product-view .box-tags .form-add .input-box { float: left; width: 305px; margin: 0 5px 0 0; padding: 0 0 0 23px;} .product-view .box-tags .form-add input.input-text { width: 299px;} .product-view .box-tags .form-add button.button span { border-color: #406a83; background: #618499;} .product-view .box-tags .note { margin: 3px 0 0; padding: 0 0 0 23px; font-size: 11px;} /* Block:Reviews */ .product-view .box-reviews dl { margin: 15px 0;} .product-view .box-reviews dt a, .product-view .box-reviews dt span { font-weight: bold;} .product-view .box-reviews dd { margin: 0 0 15px;} .product-view .box-reviews dd small { font-style: italic;} .product-view .box-reviews .form-add { margin: 15px 0 0;} .product-view .box-reviews .form-add h3 { font-size: 13px; font-weight: normal;} .product-view .box-reviews .form-add h3 span { font-weight: bold;} .product-view .box-reviews .form-add h4 { font-size: 12px;} .product-view .box-reviews .form-add .data-table td { text-align: center;} .product-view .box-reviews .form-add .form-list { margin: 15px 0 0;} .product-view .box-reviews .form-add .form-list .input-box { width: 360px;} .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 354px;} /* Send a Friend */ .send-friend .form-list { width: 615px; overflow: hidden;} .send-friend .form-list li { margin-right: -15px;} .send-friend .form-list li p { margin: 0 15px 0 0;} .send-friend .form-list .field { width: 315px;} .send-friend .form-list .input-box { width: 300px;} .send-friend .form-list input.input-text, .send-friend .form-list textarea { width: 294px;} .send-friend .form-list li.wide .input-box { width: 612px;} .send-friend .form-list li.wide textarea { width: 609px;} .send-friend .buttons-set .limit { float: right; margin: 0 7px 0 0; font-size: 11px; line-height: 21px;} /* Content Styles ================================================================= */ .product-name {} .product-name a {} /* Product Tags */ .tags-list { display: block; font-size: 13px; border: 1px solid #c1c4bc; background: #f8f7f5; padding: 10px;} .tags-list li { display: inline !important; margin: 0 4px 0 0;} .tags-list li a { color: #1b2d3b;} /* Advanced Search */ .advanced-search .form-list label { width: 160px; padding-right: 10px;} .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { float: left; clear: none;} .advanced-search-amount { margin: 0 0 10px;} .advanced-search-summary { margin: 10px 0; border: 1px solid #e9d7c9; background: #fff6f1; padding: 10px;} .advanced-search-summary ul { float: left; width: 49%;} .advanced-search-summary strong { color: #E17C24; padding-left: 15px;} .advanced-search-summary p { clear: both; font-weight: bold; margin: 0;} /* Sitemap */ .page-sitemap .links { text-align: right; margin: 0 8px -22px 0;} .page-sitemap .links a { text-decoration: none; position: relative;} .page-sitemap .sitemap { margin: 12px;} .page-sitemap .sitemap a { color: #1b2d3b;} .page-sitemap .sitemap li { margin: 3px 0;} .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold;} .page-sitemap .sitemap li.level-0 a { color: #1e7ec8;} /* RSS */ .rss-title h1 { background: url(../images/i_rss-big.png) 0 4px no-repeat; padding-left: 27px;} .rss-table .link-rss { display: block; line-height: 1.55; background-position: 0 4px;} /* Shopping Cart ========================================================================= */ .cart .page-title { border-bottom: 0;} .cart .page-title h1 {text-transform: uppercase;font-weight: normal;} .checkout-cart-index .col-main { padding:20px;} .cart-empty { display: block; float: none; clear: both; overflow: hidden; margin: 0;} .cart-empty p{ font-family: verdana, arial, sans-serif;} .cart-empty p a {font-weight: normal;; display: block; text-decoration: underline;} .cartpopup_producttotal{font-weight: bold;} .cartpopup_producttotal .cart_sub-total:last-child, .cartpopup_producttotal .cart_sub-total:last-child .price{color:#978a77;font-size:12px;} /* Checkout Types */ .cart .page-title .checkout-types li { margin: 0 0 5px;} .cart .title-buttons .checkout-types { float: right;} .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px;} .cart .checkout-types .paypal-or { margin: 0 8px; line-height: 2.3;} .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 8px 55px 0 0; line-height: 1.0; font-size: 11px;} /* Shopping Cart Table */ .cart-table th { padding: 2px 10px;} .cart-table td { padding: 10px; vertical-align: middle;} .cart-table a { font-weight: normal; margin: 0 0 0px; } .cart-table .item-msg { margin: 5px 0; font-size: 11px; font-weight: bold; color: #291f1d;} .cart-table .btn-update { margin-left: 0; background: none !important; border: none; padding: 0 !important; cursor: pointer;} #shopping-cart-table { clear: both; overflow: hidden; width: 100%; margin-top:20px;-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);-o-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);} .shopping-cart { clear: both; overflow: hidden; background-color: #FFFFFF;} .shopping-cart:last-child { font-family: verdana, arial, sans-serif;} .shopping-cart .head { background-color: #291f1d; overflow: hidden; color: #FFFFFF; text-transform: uppercase;} .shopping-cart ul {padding: 8px; list-style: none; margin: 0; clear: both; overflow: hidden; border-bottom: 1px solid #a7a8aa;} .shopping-cart li { margin: 0 12px 0 0; float: left;} .shopping-cart li.ItemDescr{width: 24%; text-align: left; position: relative; text-transform: uppercase;} .shopping-cart li.ItemImage{width: 12%;} .shopping-cart li.ItemWishlist{width: 8%;padding: 0 0 5px;text-align: right;} .shopping-cart li.ItemImage img { width: 100%; height: auto;} .shopping-cart li.Price, .shopping-cart li.Total { width: 13%; text-align: right;} .shopping-cart li.Qty { width: 14%; text-align: right;} .checkout-cart-index .shopping-cart li.Qty input.qty{background: #fff;border: 1px solid #a7a8aa;} .shopping-cart li.Qty input { width: 25px; margin: 0 5px; text-align: center;} .shopping-cart li.Update { float: right;} .shopping-cart li.Update p span {font-family:verdana, arial, sans-serif; display: inline-block; padding: 0;} .shopping-cart li span.mobile{display: none;} .shopping-cart li.Update p {margin: 0 10px 8px;} li.Update p { margin: 0 0 8px;} .checkout-cart-index #shopping-cart-totals-table{padding-bottom: 16px;position: relative;} .checkout-cart-index tr.promo{position: absolute;bottom: 0;width: 100%;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals .col2-set { float: left; width: 605px;} .cart .cart-collaterals .col2-set .col-2 { width: 294px;} .cart .crosssell { padding: 12px 15px; width: 320px; margin: 0; float: left;} .cart .crosssell h2 { font-size: 13px; font-weight: bold;} .cart .crosssell .product-image { float: left; width: 75px; height: 75px; border: 1px solid #d0cdc9;} .cart .crosssell .product-details { margin-left: 90px;} .cart .crosssell .product-name { font-weight: bold;} .cart .crosssell li.item { margin: 12px 0;} .cart .crosssell .link-compare { font-weight: normal;} /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount{width:300px; margin:20px 0 0;} .cart .discount h2{font-family: 'ClanOTBook'; font-weight: normal; font-size: 16px; text-transform: uppercase; margin-bottom: 8px;} .cart .discount .input-box input.input-text{padding:5px; width: 100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .cart .discount .buttons-set{margin-top:10px;} .cart .discount button.button{background-color: #978a77;border: 1px solid #978a77; margin:0;} .cart .discount button.button.first{float: left;} .cart .discount button.button.right{float: right;} /* Shopping Cart Totals */ .cart .totals {overflow: hidden; width: 100%;} .cart .totals table { width: 100%; margin: 20px 0;} .cart .totals table tbody tr{width:100%;} .cart .totals td:first-child { display: block; float: left; width: 80%;} .cart .totals td:last-child { display: block; float: left;width: 20%;} .cart .totals tfoot th { padding: 5px 15px 5px 7px;} .cart .totals tfoot td { padding-top: 5px; padding-bottom: 5px;} .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size: 15px;} .cart .totals .checkout-types { float: right;} /* Options Tool Tip */ .item-options dt { font-weight: bold; font-style: italic;} .item-options dd { padding-left: 10px; margin: 0 0 6px;} .truncated { cursor: help; display: none; visibility: hidden;} .truncated a.dots { cursor: help;} .truncated a.details { cursor: help;} .truncated .truncated_full_value { position: relative; z-index: 999;} .truncated .truncated_full_value .item-options { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; border: 1px solid #ddd; background-color: #f6f6f6;} .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase;} .truncated .show .item-options { top: -20px; left: 50%;} .col-left .truncated .show .item-options { left: 15px; top: 7px;} .col-right .truncated .show .item-options { left: -240px; top: 7px;} /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ .onestepcheckout-index-index .header-container .header .quick-access .search,.onestepcheckout-index-index .nav-container, .onestepcheckout-index-index .nav-container .nav-inner, .onestepcheckout-index-index .email-signup{display: none;} .onestepcheckout-index-index #searchbar{display: none !important;} .onestepcheckout-index-index .header-container:after { top: 88px; content: " "; min-width: 100%; height: 4px; background-color: #291f1d; position: absolute;left: 0; } .onestepcheckout-index-index .header-container{height:88px ;} .payment-methods dd.payment-method{margin-top:0;margin: 5px 0 5px 0;} .payment-methods dd.payment-method:last-child{margin: 5px 0 -5px 0;} /*Shrink*/ .onestepcheckout-index-index .header-container.shrink{height:78px;} .onestepcheckout-index-index .header-container.shrink:after{top:78px;} /*Checkout Success*/ .checkout-onepage-success .sub-title{color:#997300;} .checkout-onepage-success .col-main p{font-family:verdana,arial,sans-serif;} .checkout-onepage-success .col-main .buttons-set{margin:20px 0 0;} .checkout-onepage-success .success_tab{width:70%;margin:30px 0 30px 20px;border:solid 1px #978a77;} .checkout-onepage-success .bold,.checkout-onepage-success strong{font-weight:bold;} .checkout-onepage-success .success_adress ul{list-style:inherit;list-style-type:disc;margin:10px 0 5px 30px;width:280px;padding:5px;border:dashed 1px #291f1d;} .checkout-onepage-success .success_adress ul li{display:block;font-family:verdana,arial,sans-serif;} .success_tab > tbody > tr td{vertical-align:middle!important;} .success_tab > tbody > tr > td:first-child{background-color:#F0EEE9;text-align:center;border-bottom:1px solid #978a77;} .success_tab td{border-bottom:solid 1px #978a77;border-right:solid 1px #978a77;} .success_tab tr:last-child td{border-bottom:none!important;} .success_tab tr td:last-child{border-right:none;} .success_tab > tbody > tr td span{display:inline-block;padding:5px;font-family:verdana,arial,sans-serif;font-size:12px;text-transform:initial;} .success_tab > tbody > tr > td:first-child span{color:black;text-align:center;} .success_tab table tr:first-child td{color:black;text-align:center;} .success_tab table tr:first-child{background-color:#f0eee9;} .success_tab .nopad1{ padding: 5px 0px 0px 5px; } .success_tab .nopad2{ padding: 0px 0px 0px 5px; } /*.success_tab table tr:first-child td:first-child{ border-left:solid 1px #978a77; } .success_tab table tr:first-child td{ border-right:solid 1px #978a77; }*/ .success_tab table tr:first-child td:last-child{border-right:none;} @media screen and (max-width:790px){ .checkout-onepage-success .success_tab{width:70%;margin:auto;border:solid 1px #978a77;margin-top:30px;margin-bottom:30px;} } @media screen and (max-width:400px){ .checkout-cart-index #shopping-cart-totals-table{ width: 95%; margin:20px auto; } .checkout-onepage-success .success_tab{overflow:hidden;display:block;overflow-x:scroll;width:100%;} } /* Shipping and Payment methods */ .sp-methods { margin: 0 0 8px;} .sp-methods dt { margin: 13px 0 5px; font-weight: bold;} .sp-methods dd { } .sp-methods dd li { margin: 5px 0;} .sp-methods label { font-weight: bold; color: #666;} .sp-methods .price { font-weight: bold;} .sp-methods .form-list { padding-left: 20px;} .sp-methods .form-list li { margin: 0 0 8px;} .sp-methods select.month { width: 154px; margin-right: 10px;} .sp-methods select.year { width: 96px;} .sp-methods input.cvv { width: 3em !important;} .sp-methods .checkmo-list li { margin: 0 0 5px;} .sp-methods .checkmo-list label { width: 135px; padding-right: 10px; text-align: right;} .sp-methods .checkmo-list address { float: left;} .sp-methods .centinel-logos a { margin-right: 3px;} .sp-methods .centinel-logos img { vertical-align: middle;} .sp-methods .release-amounts { margin: 0.5em 0;} .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0;} .please-wait { float: right;} .please-wait img { vertical-align: middle;} .cvv-what-is-this { font-size: 11px; cursor: help; margin-left: 10px;} .shipping_explanation{font-size:10px;} /* Tooltip */ .tool-tip { border: 1px solid #7BA7C9; background: #EAF6FF; padding: 15px 20px; position: absolute; z-index: 9999;} .tool-tip .btn-close { margin: -9px -14px 0; text-align: right;} .tool-tip .btn-close a { display: block; margin: 0 0 0 auto; width: 15px; height: 15px; background: url(../images/btn_window_close.gif) 100% 0 no-repeat; text-align: left; text-indent: -999em; overflow: hidden;} .tool-tip .tool-tip-content { padding: 5px;} /* Gift Messages */ .gift-messages h3 { font-size: 12px; font-weight: bold; color: #e87403;} .gift-messages p.control { color: #8e8d8b;} .gift-messages-form { position: relative;} .gift-messages-form label { float: none !important; position: static !important;} .gift-messages-form h4 { font-size: 12px; font-weight: bold; color: #e87403;} .gift-messages-form .whole-order { margin: 0 0 25px;} .gift-messages-form .item { margin: 0 0 10px;} .gift-messages-form .item .product-img-box { float: left; width: 75px;} .gift-messages-form .item .product-image { margin: 0 0 7px;} .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; color: #8a8987;} .gift-messages-form .item .details { margin-left: 90px;} .gift-messages-form .item .details .product-name { font-size: 13px; font-weight: bold; margin: 0 0 10px;} .gift-messages-form .item .details .form-list .field { width: 255px;} .gift-messages-form .item .details .form-list .input-box { width: 240px;} .gift-messages-form .item .details .form-list input.input-text { width: 234px;} .gift-messages-form .item .details .form-list li.wide .input-box { width: 500px;} .gift-messages-form .item .details .form-list li.wide textarea { width: 494px;} .gift-message-link { font-size: 11px; background: url(../images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right: 7px;} .gift-message-link.expanded { background-position: 100% -40px;} .gift-message-row { background: #f2efe9;} .gift-message-row .btn-close { float: right; width: 16px; height: 16px; background: url(../images/btn_gm-close.gif) 0 0 no-repeat; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden;} /* Checkout Agreements */ .checkout-agreements li { margin: 30px 0;} .checkout-agreements .agreement-content { overflow: auto; height: 12em; padding: 10px; background-color: #fbfaf6; border: 1px solid #bbb6a5;} .checkout-agreements .agree { margin: 0; padding: 10px 0 10px 11px;} .checkout-agreements .agree input.checkbox { margin-right: 6px;} .checkout-agreements .agree label { font-weight: bold; color: #666;} .opc .checkout-agreements { border: 1px solid #978a77; border-width: 0 1px; padding: 5px 30px;} .opc .checkout-agreements li { margin: 20px 0 0;} .opc .checkout-agreements .agreement-content { background-color: #291f1d; border-color: #e4e4e4; padding: 5px;} .opc .checkout-agreements .agree { padding-left: 6px;} /* Centinel */ .centinel { } .centinel .authentication { border: 1px solid #ddd; background: #fff;} .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important;} .opc .centinel { border: 1px solid #bbb6a5; border-width: 0 1px 1px; padding: 10px 30px;} /* Generic Info Set */ .info-set { background: #fbfaf6 url(../images/bkg_checkout.gif) 0 0 repeat-x; border: 1px solid #bbb6a5; margin: 0 0 25px; padding: 20px;} .info-set h2 { font-size: 13px; font-weight: bold; margin: 0 0 10px;} .info-set h3, .info-set h4 { font-size: 13px; font-weight: bold; color: #E26703;} .info-set h2 a, .info-set h3 a, .info-set h4 a { font-weight: normal;} .info-set h2.legend { margin: -20px -20px 15px; padding: 5px 10px; background: #f9f3e3; border-bottom: 1px solid #bbafa0; position: relative;} .info-set h3.legend { margin: 0 0 10px; } .info-set .divider { margin: 0 -20px; padding: 25px 0; position: relative;} .info-set .box { margin: 0 0 15px;} .info-set .box h2 { color: #e26703;} .info-set .data-table .product-name { font-size: 1em !important; font-weight: bold !important; color: #1e7ec8 !important;} .info-set .data-table .product-name a { font-weight: bold !important;} .info-set .data-table .item-options { margin: 5px 0 0;} /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress { border: 0; margin: 0;} .block-progress .block-title { background: none; border: 0; padding: 0; margin: 0 0 5px;} .block-progress .block-title strong { font-size: 13px; } .block-progress .block-content { background: none;} .block-progress dt { font-size: 13px; font-weight: bold; background: #eee; border: 1px solid #a3aeb3; margin: 0 0 6px; padding: 2px 8px; } .block-progress dd { background: #F8F8F6; border: 1px solid #a3aeb3; border-top: 0; padding: 8px 13px; margin: 0 0 6px;} .block-progress dt.complete { margin: 0; background: #042946; color: #291f1d;} .block-progress dd.complete { } .block-progress p { margin: 0;} .block-progress .cards-list dt { background: none; border: 0 none; color: inherit; font-size: 12px; margin: 5px 0; padding: 0;} .block-progress .cards-list dd { border: 0 none; margin: 0; padding: 0;} .block-progress .cards-list .info-table th { font-weight: normal;} .opc .buttons-set { margin-top: 0; padding-top: 2em;} .opc .buttons-set p.required { margin: 0; padding: 0 0 10px;} .opc .buttons-set .back-link small { display: none;} .opc .buttons-set .back-link a { background: url(../images/i_arrow-top.gif) 0 50% no-repeat; padding-left: 16px;} .opc .buttons-set.disabled button.button { display: none;} .opc .buttons-set .please-wait { height: 21px; line-height: 21px;} .opc .ul { list-style: disc outside; padding-left: 18px;} .opc { position: relative; box-shadow: 2px 3px 5px #ccc;} .opc li.section { } .opc .step-title { padding-bottom: 5px; display: block; padding: 12px 10px 8px 10px; background-color: #dadbdc; border-bottom: 1px solid #cdd1d5; border-top: 1px solid #eaedf1;} .opc .step-title .number { float: left; background: #fff; border: 1px solid #fff; padding: 0 4px; margin: 0 10px 0 0; font: bold 11px/14px arial, helvetica, sans-serif; color: #999;} .opc .step-title h2 { float: left; margin: 0; font-size: 14px;} .opc .step-title a { display: none; float: right; font-size: 11px; line-height: 16px;} .opc .allow .step-title { background: #eee; border-bottom: 1px solid #a3aeb3; color: #a4b3b9; cursor: pointer;} .opc .allow .step-title .number { background: #fff; border-color: #dadbdc; color: #042946;} .opc .allow .step-title h2 { color: #a4b3b9;} .changelink a { color: #dadbdc;} /* .opc .allow .step-title a { display: block;}*/ .opc .active .step-title { padding-bottom: 5px; display: block; padding: 12px 10px 8px 10px; font-size: 16px; background-color: #042946; border-bottom: 1px solid #cdd1d5; border-top: 1px solid #eaedf1;} .opc .active .step-title .number { background: #fff; border-color: #dadbdc; color: #042946;} .opc .active .step-title h2 { color: #fff; font-size: 16px; text-transform: uppercase;} /* .opc .active .step-title a { display: none;}*/ .opc .step { background: #F8F8F6; padding: 15px 30px; position: relative;} .opc .step .tool-tip { right: 30px;} #opc-login .buttons-set { border-top: 0;} #opc-login h3 { font-size: 13px; padding-bottom: 2px; text-transform: uppercase;} #opc-login h4 {font-weight: bold; margin: 0; color: #2f2f2f;} #opc-shipping_method .buttons-set { border-top: 0;} .opc .gift-messages-form { margin: 0 -30px; background: #f6f1eb; border: 1px solid #e9e4de; border-width: 1px 0; padding: 22px 24px 22px 30px;} .opc .gift-messages-form .inner-box { padding: 5px; height: 260px; overflow: auto;} #opc-review .step { border: 0; padding: 0;} #opc-review .product-name { font-weight: bold; } #opc-review .item-options { margin: 5px 0 0;} #opc-review .buttons-set { padding: 20px 30px; border: 1px solid #978a77; border-width: 0 1px 1px;} #opc-review .buttons-set p { margin: 0; line-height: 30px;} #opc-review .buttons-set .please-wait { height: 40px; line-height: 40px;} #opc-review .authentication { margin: 0 auto; width: 570px;} #opc-review .warning-message { color: #222; font-weight: bold; text-align: center; padding: 10px 10px 0;} /* Account Login/Create Pages ============================================================ */ .customer-account-login .page-title h1, .customer-account-create .page-title h1, .customer-account-forgotpassword .page-title h1, .customer-account-changeforgotten .page-title h1 {text-transform: uppercase; font-size: 20px; font-weight: normal;} .customer-account-login .registered-users .head, .customer-account-login .new-users .head, .customer-account-create .account-create .head { padding: 10px; background: #291f1d;} .customer-account-login .col1-set .buttons-set button.button { width: 100%;} .account-login .content { min-height: 200px;} .customer-account-login .registered-users .head h2, .customer-account-login .new-users .head h2, .customer-account-create .account-create .head h2 {font-size:16px; color: white; margin: 0px;font-weight: normal;} .registered-users .buttons-set button.button { width: 100%;} .customer-account-login .buttons-set button.button span { padding: 10px;} .account-create .fieldset-log { position: relative;} .account-create .fieldset-pers .form-list,.account-create .fieldset-log .form-list, .account-create .buttons-set button.button span { padding: 10px;} .account-create p.required {position: absolute; bottom: 10px; right: 10px;} .account-login .form-list li { margin: 0 0 5px;} .account-login .content { padding: 10px;font-family: verdana, arial, sans-serif;} .account-login .content .form-list{padding: 10px 0;} .account-login .col2-set { float: right;} .account-login .col1-set, .account-login .col2-set{background-color:#FFFFFF;} .account-login .content h2 { margin: 0 0 8px 0; line-height: normal; text-transform: uppercase; } .account-login .buttons-set { margin: 0; padding: 0;} .account-create .fieldset-pers {background-color: #FFFFFF; width: 48.5%; float: left;min-height: 310px;-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2); position: relative;} .account-create .fieldset-log {background-color: #FFFFFF; width: 48.5%; float: right;min-height: 310px;-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:4px 4px 5px 0px rgba(0, 0, 0, 0.2); position: relative;} .account-create .form-list label{font-family:verdana,arial,sans-serif;} .account-login input.input-text{padding:8px;background:#F9F9F9;border:1px solid #978a77;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .account-login input.input-text:focus{border:1px solid #997300;color:#291f1d;background:#F3F0E9;} .account-create input.input-text{padding:8px;background:#F9F9F9;border:1px solid #978a77;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .account-create input.input-text:focus{border:1px solid #997300;color:#291f1d;background:#F3F0E9;} p.required{font-family: verdana, arial, sans-serif;} .required em{font-family: verdana, arial, sans-serif;color: red} /* Forgotpassword et Changeforgotten */ .customer-account-forgotpassword .fieldset h2 {font-size:16px; margin: 0px;font-weight: normal;} .customer-account-forgotpassword .fieldset p, .customer-account-changeforgotten .fieldset p, .customer-account-forgotpassword .form-list label, .customer-account-changeforgotten .form-list label { font-family: verdana, arial, sans-serif; } .customer-account-forgotpassword .fieldset p { padding-bottom: 10px; } .customer-account-forgotpassword input.input-text, .customer-account-changeforgotten input.input-text {padding:8px;background:#F9F9F9;border:1px solid #978a77;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .customer-account-forgotpassword input.input-text:hover, .customer-account-changeforgotten input.input-text:hover {border:1px solid #997300;color:#291f1d;background:#F3F0E9;} .customer-account-forgotpassword .buttons-set button.button span, .customer-account-changeforgotten .buttons-set button.button span { padding: 10px;} @media screen and (max-width: 780px) { .customer-account-changeforgotten .col1-layout .col-main { padding: 20px !important; } } /* Captcha ================================================================================ */ .captcha-note { clear: left; padding-top: 5px;} .captcha-image { float: left; display: inline; margin: 0; position: relative; width: 258px;} .captcha-image .captcha-img { border: 1px solid #b6b6b6; vertical-align: bottom; width: 100%;} .registered-users .captcha-image { margin: 0;} .captcha-reload { cursor: pointer; position: absolute; top: 2px; right: 2px;} .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear;} @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0);} 0% { -webkit-transform: rotate(-360deg);} } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0);} 0% { -moz-transform: rotate(-360deg);} } @keyframes rotate { 0% { transform: rotate(0);} 0% { transform: rotate(-360deg);} } #pop-overlay {cursor: pointer; position : fixed; top: 0; left: 0;width: 100%;height: 100%;opacity: 0.5; background: #1A344D; z-index: 2200;} /* Remember Me Popup ===================================================================== */ .window-overlay {background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990;} .remember-me label { float: none; margin: 0 6px;} .remember-me-popup { background: #fff; border: 1px solid #ccc; left: 50%; top: 50%; position: absolute; margin: -85px 0 0 -200px; width: 400px; text-align: left; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; -box-shadow: 0 0 6px #ccc; z-index: 1000;} .remember-me-popup h3 { background: #d9e5ee; border-bottom: 1px solid #ccc; font-size: 14px; padding: 5px 10px;} .remember-me-popup .remember-me-popup-head { position: relative;} .remember-me-popup .remember-me-popup-head .remember-me-popup-close { background: url(../images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 7px; right: 7px; height: 15px; width: 15px; text-indent: -9999em;} .remember-me-popup .remember-me-popup-body { padding: 10px;} .remember-me-popup .remember-me-popup-body a { display: inline-block; height: 19px; border: 1px solid #de5400; background: #f18200; padding: 0 8px; text-align: center; text-decoration: none; white-space: nowrap; color: #291f1d;} /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float: none; margin: 0;} .my-account h1{display:block;font-size:24px;} .my-account h2{font-size:20px;} .my-account .form-list{padding: 10px;background-color: #f0eee9;} .my-account .form-list li{margin-bottom: 5px;} .my-account input.input-text, .my-account textarea {padding: 10px;} .my-account .form-list input.input-text:focus{border:1px solid #997300;color:#291f1d;} .my-account input.input-text,.my-account textarea{padding:10px;background:#F9F9F9;} .my-account input.input-text:focus,.my-account textarea:focus{color:#291f1d;background:#F3F0E9;} .my-account .form-list label{font-weight:normal;font-family:verdana;font-size:13px;letter-spacing:1px;} .my-account .form-list .input-box{display:block;width:70%;margin:4px 0 0 0px;clear:both;} .my-account .buttons-set{margin:15px 0 0 0;} .my-account .fieldset .legend{display: none;} .my-account .limiter select {width:31%;} .my-account .pager {margin:10px 0 ;} .my-account .pager .amount{display:inline-block;} .my-account .pager .limiter{display:inline-block; float :right; width: 200px;font-family: verdana;font-size: 14px;} .my-account .pages ol>li, .my-account .pages ol, .my-account .pages strong{display: inline-block;} .my-account .pages{padding: 10px 0 10px 0} .my-account .pager p{font-family:verdana;font-size:14px;} /********** < Dashboard btn back ************* */ .my-account .buttons-set .back-link{position:relative;height:34px;line-height:34px;cursor:pointer;} .my-account .buttons-set a{display:inline-block;position:relative;padding-left:15px;padding-right:15px;padding-top:0px;vertical-align:middle;line-height:normal;display:inline-block;font-size:14px;font-family:verdana;-webkit-transition:all ease 0.3s 0s;-moz-transition:all ease 0.3s 0s;-ms-transition:all ease 0.3s 0s;-o-transition:all ease 0.3s 0s;transition:all ease 0.3s 0s;z-index:1;} .my-account .buttons-set .back-link:before{content:'';display:block;height:100%;width:0;position:absolute;right:0;top:0;background-color:#997300;-webkit-transition:all ease 0.3s 0s;-moz-transition:all ease 0.3s 0s;-ms-transition:all ease 0.3s 0s;-o-transition:all ease 0.3s 0s;transition:all ease 0.3s 0s;z-index:0;} .my-account .buttons-set button.button span{padding:10px;} .my-account .fieldset .form-list li>strong{font-family:verdana;} .my-account .buttons-set p.required{margin:0 0 10px;font-family:verdana;} /********** < Dashboard */ .dashboard { width: 100%; position: relative;} .dashboard .dashboard-head{padding: 0 0 20px 0;display:block;} .dashboard .dashboard-head .logout-dash{margin:10px 0 0;;border: none; color: #ffffff;padding: 5px 10px;;text-align: center;width: 180px;} .dashboard .welcome-msg p {font-family: Verdana, arial, sans-serif; } .dashboard .welcome-msg p.hello{ margin:4px 0 15px;} .dashboard .col1-set,.dashboard .col2-set{font-family:verdana,arial,sans-serif;padding:10px;margin-bottom:10px;position:relative;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#f0eee9;-webkit-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .dashboard .col2-set .col-1{margin-bottom: 20px;} .dashboard .box .box-title h3, .dashboard .box .box-title h4 {float: left;margin: 0;} .dashboard .box .box-title{margin:0 0 10px;padding:0;text-align:right;} .dashboard .box-title a{color:#ffffff;display:inline-block;width:180px;padding:5px;background:#997300;text-align:center;text-decoration:none;} .dashboard a { color: #997300;} /* General Box */ .box-account {display:inline-block;position: relative; width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-osx-font-smoothing: border-box;box-sizing: border-box;} .box-account h2{font-size:20px;} .box-recent {padding: 0 0 20px 0;} #my-orders-table{min-width:600px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width: 100%; padding: 0; margin: 0;font-family: verdana, arial, sans-serif;background-color:#faf8f3;} #my-orders-table thead{background-color: #f0eee9; padding:1%;} #my-orders-table tbody{padding:1%;} .box-account .box-head { border-bottom: 1px solid #978a77; margin: 0 0 10px;padding-bottom: 10px;} #my-orders-table th { padding: 10px 5px; text-align: center;} #my-orders-table td { text-align: center; width:16%;padding: 10px 5px; } .dashboard h3{font-size: 14px;font-weight: normal;text-align: right;} .dashboard h4 {font-size: 13px; text-transform: none; font-weight: normal; text-decoration: underline; text-align: left;} /* Block:Recent Orders */ .history-order select{min-width:62px;} .history-order{padding: 2%;background-color:#F7F7F7;} .dashboard .box-recent .box-head a{float:right;margin:0 10px 0 0;font-family:verdana;font-size:14px;letter-spacing:1px;} .dashboard .box-recent .box-head h2 { float: left;} /* Block:Reviews */ .dashboard .box-reviews .box-head h2 { } .dashboard .box-reviews .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #291f1d; margin: 3px -20px 0 0; padding: 2px 3px; background: #0a263c;} .dashboard .box-reviews .details { margin-left: 20px;} .dashboard .box-reviews li.item { margin: 0 0 7px;} .dashboard .box-reviews li.item.last { margin: 0;} .dashboard .box-reviews .ratings { margin: 7px 0 0;} /* Block:Tags */ .dashboard .box-tags .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #291f1d; margin: 3px -20px 0 0; padding: 2px 3px; background: #0a263c;} .dashboard .box-tags .details { margin-left: 20px;} .dashboard .box-tags li.item { margin: 0 0 7px;} .dashboard .box-tags li.item.last { margin: 0;} .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display: inline;} /* Address Book */ .customer-address-index .col2-set {width:100%; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .addresses-list h2 {font-size: 16px; margin:15px 0 10px;} .addresses-list address { margin: 0 0 3px; font-size: 12px;font-family: Verdana, arial, sans-serif; } .addresses-list p, .addresses-list a {font-family: Verdana, arial, sans-serif; } .addresses-list .link-remove { color: #646464;} .addresses-list .separator { margin: 0 3px;} .addresses-list li.item { box-shadow: 1px 1px 5px #ddd; margin: 0 0 10px;} .addresses-list li.item h3{font-size:14px;background-color:#f0eee9;padding:3%;} .addresses-list li.item address, .addresses-list li.item p{padding: 3%;} .addresses-list li.empty { background: none; box-shadow: 1px 1px 5px #ddd; padding: 0;} .addresses-list .addresses-additional li.item { background: none; border: 0; padding: 10px 13px;} .col-1.addresses-primary {display:inline-block;border: none; box-shadow: none;width:100%;} .col-1.addresses-primary ol li.item{width:47%; float: left;min-height:200px;} .col-1.addresses-primary ol li.item:last-child{width:47%; float: right;} .col-2.addresses-additional {clear:both;border: none; box-shadow: none;} .addresses-list p>a{color: #997300;text-decoration: underline;} /* Order View */ .order-info { background: #dee5e8; border: 1px solid #d0cbc1; padding: 4px 8px; margin: 0 0 8px;} .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline;} .order-info .current { font-weight: bold;} .order-info li { margin: 0 3px;} .order-date { margin: 10px 0;} .order-info-box{background-color:#f0eee9;padding:10px;margin:0 0 15px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .order-info-box .col-1{margin-bottom:10px;} .order-info-box h3{text-transform:uppercase;font-size:14px;margin:0 0 10px;} .order-info-box .box-content{font-family: verdana;} .order-info-box .box-payment p { margin: 0 0 3px;} .order-info-box .box-payment th { font-weight: bold; padding-right: 7px;} .sales-order-view .separator{margin: 0.67em 0;display: inline-block;line-height: 30px;} .sales-order-view h2{margin:0 0 10px;padding-bottom:5px;text-align:left;} .sales-order-view .page-title {text-align:right;margin: 0;} .order-details{margin: 0;display: block; float: none;width: 100%;} .order-items h2, .order-items h3 { clear: none; font-size: 13px; padding: 0; margin: 0 0 5px;} .order-items .product-name { font-size: 1em !important; font-weight: bold !important;} .order-items .link-print { color: #1e7ec8; font-weight: normal;} .order-items .order-links { text-align: right;} .order-additional { margin: 15px 0;} /* Order Gift Message */ .gift-message dt strong { color: #666;} .gift-message dd { font-size: 13px; margin: 5px 0 0;} /* Order Comments */ .order-about dt { font-weight: bold;} .order-about dd { font-size: 13px; margin: 0 0 7px;} .tracking-table { margin: 0 0 15px;} .tracking-table th { font-weight: bold; white-space: nowrap;} .tracking-table-popup { width: 100%;} .tracking-table-popup th { font-weight: bold; white-space: nowrap;} .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px;} /* Order Print Pages */ .page-print .print-head { margin: 0 0 15px;} .page-print .print-head .logo { float: left;} .page-print .print-head address { float: left; margin-left: 15px;} .page-print h1 { font-size: 16px; font-weight: bold;} .page-print h2, .page-print h3 { font-size: 13px; font-weight: bold;} .page-print h2.h2 { font-size: 16px; font-weight: bold;} .page-print .order-date { background: url(../images/bkg_divider1.gif) 0 100% repeat-x; padding: 0 0 10px; margin: 0 0 10px;} .page-print .col2-set { margin: 0 0 10px;} /* Price Rewrites */ .page-print .gift-message-link { display: none;} .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap;} .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline;} /* My Wishlist */ .my-wishlist input.input-text {float: right;} .my-wishlist .data-table{width: 100%; padding: 0; margin: 0;font-family: verdana, arial, sans-serif;background-color:#FFFFFF; border:1px solid #f0eee9;} .my-wishlist .data-table th,.my-wishlist .data-table td {padding: 10px;} .my-wishlist .data-table th{text-transform:uppercase;} .my-wishlist .data-table th:nth-child(odd){background-color: #f7f6f3;} .my-wishlist .data-table th:nth-child(even){background-color: #f0eee9;} .my-wishlist .data-table td{font-family:verdana, arial, sans-serif; width: 22%;} .my-wishlist .data-table th:last-child, .my-wishlist .data-table td:last-child{border-right: 0;} .my-wishlist .data-table .price-box{display: inline-block; margin:0;font-size: 16px; float: left;} .my-wishlist .data-table .product-name{font-size:16px;} .my-wishlist .product-image {display:inline-block;width:170px; height:115px;} .my-wishlist .product-image img{ display: inline-block;width:170px; height:115px;} .my-wishlist textarea { display: block; width: 97%; height: 109px;} .my-wishlist .buttons-set { margin-top: 2em;} .my-wishlist .buttons-set button.button { float: none;margin:0;width:20%;} .my-wishlist button.button {clear:both;float: left;margin:10px 0 0; width:auto;} #wishlist-table .add-to-links { white-space: nowrap;} /* My Tags */ .my-tag-edit { float: left; margin: 0 0 10px;} .my-tag-edit .btn-remove { float: right; margin: 4px 0 0 5px;} #my-tags-table { clear: both;} #my-tags-table td { padding: 10px;} #my-tags-table .add-to-links { white-space: nowrap;} /* My Reviews */ #my-reviews-table td { padding: 10px;} .product-review .product-img-box { float: left; width: 140px;} .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px;} .product-review .product-img-box .label { font-size: 11px; margin: 0 0 3px;} .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 3px;} .product-review .product-details { margin-left: 150px;} .product-review .product-name { font-size: 16px; font-weight: bold; margin: 0 0 10px;} .product-review h3 { font-size: 12px; margin: 0 0 3px; color: #2f2f2f;} .product-review .ratings-table { margin: 0 0 10px;} .product-review dt { font-weight: bold;} .product-review dd { font-size: 13px; margin: 5px 0 0;} /* Billing Agreements */ .billing-agreements .info-box { margin: 15px 0;} .billing-agreements .form-list li select { float: left;} .billing-agreements .form-list li button.button { float: left; margin-left: 10px;} .billing-agreements .table-caption { font-weight: bold; font-size: 13px;} /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase;} .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; text-shadow: 0 1px 0 #fff;} .map-popup { background: #fff; border: 1px solid #aaa; margin: 12px 0 0; position: absolute; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; text-align: left; width: 300px; z-index: 100;} .map-popup-heading { background: #d9e5ee; border-bottom: 1px solid #ccc; padding: 5px 30px 5px 10px; width: 260px;} .map-popup-heading h2 { font-size: 16px; margin: 0; text-shadow: 0 1px 0 #f6f6f6; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis;} .map-popup-arrow { background: url(../images/map_popup_arrow.gif) no-repeat; position: absolute; left: 50%; top: -10px; height: 10px; width: 19px;} .map-popup-close { background: url(../images/btn_window_close.gif) no-repeat; display: block; position: absolute; top: 8px; right: 10px; height: 15px; width: 15px; text-indent: -9999em; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999;} .map-popup-content { border-top: 1px solid #eee; padding: 10px; overflow: hidden; text-align: left; width: 280px;} .map-popup-checkout { display: inline; float: right; text-align: right;} .map-popup-checkout span { display: block; padding-right: 30px;} .map-popup-checkout .paypal-logo { margin: 0 0 5px;} .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0;} .map-popup-price { margin: 5px 0 0;} .map-popup-text { clear: right; margin: 0 10px; padding: 10px 0; text-align: left; word-wrap: break-word;} .map-popup-only-text { border-top: 1px solid #ddd;} /* ======================================================================================= */ /* pop_in */ .pop_in { display: none;} .dialog_content .pop_in { display: block;} #pgSpecs { margin: 14px 0 0 10px;} /*Footer ================================================================================ */ .footer-container { padding: 0; clear: both; background-color: #f0eee9;} .footer {font-size:12px;text-transform:uppercase;font-family: verdana, arial, sans-serif; bottom: 0px; max-width: 1420px; margin: auto; padding: 0 10px;} .footer-container .logo_footer{width:285px; height:46px;margin:70px auto 50px;} .footer-container .copyright{text-align:center; max-width:1420px; margin: 0 auto; padding:10px 0;text-transform: none;font-size:9px; font-family: verdana, arial, sans-serif;} .footer-container .t-c{text-align:center; max-width:1420px; margin: 0 auto; padding:10px 0;text-transform: none;font-size:10px; font-family: verdana, arial, sans-serif;} .footer li h2{font-size: 14px; font-weight: bold; display:block;margin:0 0 8px;padding:0 0 8px;color:#291f1d;border-bottom:1px solid #997300;} .footer li.last-one h2{padding-left:12px;} .footer .hours{float:left;overflow:hidden;margin: 0;padding:0 15px 0 0;border-right:1px solid #997300;} .footer .first .phone a span{display:inline-block;cursor: default} .footer .first strong,.footer .hours span{display:block;} .footer .first .chat2{display:inline;float:left;padding:0 5px;} .footer ul{padding: 50px 0 0;} .footer li{float:left;list-style:none;} .footer li.first{position:relative;width:31%;} .footer li.first>div{float:left;margin:0;padding:0 10px 0 0;} .footer li .email{clear:both;padding:0 6px 0 0;border-right:1px solid #997300;} .footer li.support{width:33%;} .footer li.last-one{position:relative;width:36%;} .footer li.last-one>a{font-weight: bold;float:right;padding:8px 0;} .footer li.last-one .social-icons a{display:inline-block;z-index: 1;} .footer li a{display:block;float:left;cursor:pointer;text-decoration:none;} .footer li.support h2 a{float:none;width:98%;padding:0;} .footer li.support h3:first-child a{ display: block; float: none; width: 98%; padding: 0;} .footer li.support a{width:48%; float: left;padding: 0 2% 0 0; display: block;} .footer .social-icons{float:left;overflow:hidden;padding: 0 0 0 15px;border-left:1px solid #997300;} .footer #contact-form{display:none;z-index:1000;} .footer #pillow_menu{display:none;z-index:1000;} .footer li h3:first-child,.footer li h2:first-child { font-size: 14px; font-weight: bold; margin: 0 0 8px; padding: 0 0 8px; color: #291f1d; border-bottom: 1px solid #997300; } .footer li .footer-links{ font-weight: normal; font-size: inherit; text-transform: uppercase; } /* -------------- Pillow menu -------------- */ #pillow_menu p{padding:10px 10px 10px 18px;font-size:12px;line-height:1.4;} #pillow_menu p strong{margin-left:-8px;font-family:"ClanOTExtdThin",Verdana,sans-serif;font-size:14px;color:#6d5522;padding:10px 0;line-height:2;font-weight:bold;} /* Mybed Pop-Up*/ .information-mybed{padding-top:10px;} .information-mybed a{text-decoration:underline;font-size:12px;font-family:verdana,arial,sans-serif;} #eco_part{line-height:18px;font-size:12px;font-family:verdana,arial,sans-serif;} #technical-specifications{line-height:18px;font-size:12px;font-family:verdana,arial,sans-serif;} .pro-coll-cont #technical-specifications p,.product-collateral.mobile #technical-specifications p{display:none;} .pro-coll-cont #eco_part p,.product-collateral.mobile #eco_part p{display:none;} .technical-specifications-link, .eco_part-link{text-decoration:underline;} /* Sample Data============================================================================ */ .home-callout { margin-bottom: 12px;} .home-callout img { display: block;} .home-spot { float: left; width: 470px; margin-left: 20px;} .best-selling h3 { margin: 12px 0 6px 0; color: #e25203;} .best-selling table { border-top: 1px solid #ccc;} .best-selling tr.odd { background: #eee url(../images/best_selling_tr_odd_bg.gif) 0 100% repeat-x;} .best-selling tr.even { background: #fff url(../images/best_selling_tr_even_bg.gif) 0 100% repeat-x;} .best-selling td { width: 50%; border-bottom: 1px solid #ccc; padding: 8px 10px 8px 8px; font-size: 11px;} .best-selling .product-img { float: left; border: 2px solid #dcdcdc;} .best-selling .product-description { margin-left: 107px; line-height: 1.3em;} .best-selling a.product-name{ color: #203548;} /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .cart-container .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden;} /* ======================================================================================= */ .guest-select { width: 305px !important;} /** OGONE **/ .ops-payment-paypage .footer, .ops-payment-paypage .main h2:last-child{ display: none;} .ops-payment-paypage h2{font-size:16px;text-align:center;margin:15px 0;padding:0;position:relative!important;margin-left:auto;margin-right:auto;display:block!important;width:auto!important;height:auto!important;left:auto!important;top:auto!important;} .ops-payment-paypage .main-container{background-color:transparent;min-height:100%;margin-top:0px;padding:10px;} .ops-payment-paypage .header-container{position:relative;} .ops-payment-paypage .ncoltable3{margin-top:0;margin-bottom:15px;} .ops-payment-paypage .email-signup,.ops-payment-paypage .page .header-container:after,.ops-payment-paypage .quick-access,.ops-payment-paypage .email-signup,.ops-payment-paypage .form-language,.ops-payment-paypage .ncoltxtc h3,#NCOLACQ,.ops-payment-paypage .cookienotice-bar-bottom,.ops-payment-paypage .header-container .header .quick-access,.ops-payment-paypage .lc_invite_layer,.ops-payment-paypage .lc_overlay_layer,.ops-payment-paypage #livechat-full,.ops-payment-paypage .ncoltxtc{text-align:center;} .ops-payment-paypage .col-main{padding:0;} .ops-payment-paypage table{margin-left:auto;margin-right:auto;} .ops-payment-paypage .ncoltable2 td.ncolinput{text-align:left;padding:6px 0px;} .ops-payment-paypage .footer h2{text-align:left;} .ops-payment-paypage #searchbar{display:none!important;} .ops-payment-paypage .header-container .header{margin-bottom:0px;} .ops-payment-paypage .footer-container .logo_footer{margin:0 auto;padding:20px 0 10px;} table.ncoltable1{padding-bottom:10px;border-bottom:1px solid #d0ccc4;} table.ncoltable2{padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #d0ccc4;} .ncoltable3 tr td:last-child {width: 100%; margin-bottom: 5px;} .ncoltable1 td.ncoltxtr{text-align:left;padding:6px 0;} .bottom{font-size:10px;} #Ecom_Payment_Card_ExpDate_Month{width:50px;margin-right:5px;} #Ecom_Payment_Card_ExpDate_Year{width:70px;margin-left:5px;} .ncolinput small{display:block;} .ncoltable2 td.ncoltxtl2,.ncoltable1 td.ncoltxtl{font-size:16px;vertical-align:middle;} .ncoltable1 td.ncoltxtr{font-size:16px;} .ncolinput input{border:1px solid #978a77;padding:8px;background-color:#F9F9F9;font-size:12px;} .ncolinput input:focus{border:1px solid #997300;color:#291f1d;background:#F3F0E9;} .ncolinput select{border:1px solid #978a77;padding:8px;background:#F9F9F9 url(https://eu.soboutique.com/skin/frontend/default/sof/images/sof-dropArrow.png) no-repeat right center;font-size:12px;} .ncolinput select:focus{border:1px solid #997300;color:#291f1d;background:#F3F0E9 url(https://eu.soboutique.com/skin/frontend/default/sof/images/sof-dropArrow.png) no-repeat right center;} a.midncol{font-size:10px;} .ncoltable2 td small>small{font-size:10px;} .ncoltable2 tr:nth-of-type(5) td.ncoltxtl2{vertical-align:top;padding-top:11px;} .ncoltable2 tr:nth-of-type(6) td small{font-size:10px;} td.ncoltxtr small,td.ncoltxtl small{font-size:12px;} /* CMS */ .ops-payment-paypage input.ncol{padding:15px 30px;text-transform:uppercase;color:#FFFFFF;} /* Shipping table details */ .shippingTable, #zoneTable { width: 80%; border-collapse: collapse; } .shippingTable th, #zoneTable th { background-color:#6d5522; color:white; border: 1px dotted white; text-align: center; padding: 5px; font-weight: 700; } .shippingTable td, #zoneTable td { border: 1px dotted #978a77; background-color:white; padding: 8px 0; text-align: center; } table.shippingTable .grey { background: #F3F0E9; } table.shippingTable .odd { background: #F9F9F9; } #zoneTable { margin: 0 0 10px 0; } #zoneTable th { width: 20%; } #zoneTable td { text-align: left; padding: 5px; } @media screen and (max-width:940px) { .shippingTable, #zoneTable { width: 100%; } } @media screen and (max-width:610px) { .shippingTable tr th{font-size: 99%;} } @media screen and (max-width:420px) { .shippingTable tr th { font-size: 10px; } .shippingTable td { font-size: 9px; } #zoneTable { width: 100%; } #zoneTable tr th { font-size: 10px; } #zoneTable td { font-size: 10px; } } /* Faq content */ .customer-support {font-size: 16px;} .page-title h1{font-size: 20px;} .faq-content{font-family: verdana, arial, sans-serif;} .faq-content h4, .faq-content h2, .faq-content h3{font-family: "ClanOTExtdThin", Verdana, sans-serif; font-size: 14px; color:#6d5522; padding: 10px 0;} .faq-content h4{cursor: pointer;} .faq-cont{padding-top:5px} .faq-content h4:before{content: "+";display: inline-block;padding-right:10px;} .faq-content p {padding: 0 0 10px;} .faq-content a{text-decoration: underline;} .faq-content .nav-helper, .faq-content .delivery-times, .faq-content .nav-helper, .faq-content .Payment-security, .faq-content .nav-helper, .faq-content .product-care .nav-helper { border-bottom: 10px solid #997300; } .faq-content .nav-helper li, .faq-content .nav-helper li span:before { -webkit-transition: all 0.1s ease 0.1s; -moz-transition: all 0.1s ease 0.1s; -o-transition: all 0.1s ease 0.1s; transition: all 0.1s ease 0.1s; } .faq-content .nav-helper { margin-bottom: 10px; } .faq-content .nav-helper ul li { width: 25%; height: 125px; float: left; text-align: center; } .faq-content .nav-helper ul li.active, .faq-content .nav-helper ul li.active:hover{ background-color: #997300; color: #FFFFFF; } .faq-content .nav-helper ul li:hover{ background-color: #DDDDDD; color: #FFFFFF; } .faq-content .nav-helper ul li h2 { overflow-wrap: break-word; word-wrap: break-word; font-size: 0.7rem; } .faq-content .nav-helper ul li.active h2 { width: 100%; background-color: #997300; color: #FFFFFF; } .faq-content .nav-helper ul li a { display: block; min-height: 110px; text-decoration: none; padding: 5px; } .faq-content .nav-helper ul li span { display: block; padding: 20px 20px 12px; } .faq-content .nav-helper ul li span:before { font-family: "FontAwesome"; text-align: center; opacity: 0.7; line-height: 30px; width: 100%; display: block; font-size: 35px; } .faq-content .nav-helper ul li.active span:before { color: #FFFFFF; opacity: 1; } .faq-content .nav-helper ul li span.icon-faq:before { content: "\f128"; } .faq-content .nav-helper ul li span.icon-pas:before { content: "\f05a"; } .faq-content .nav-helper ul li span.icon-dt:before { content: "\f023"; } .faq-content .nav-helper ul li span.icon-pc:before { content:"\f02d" } .faq-content ol.top>li { list-style-type: none; counter-increment: question; padding: 5px; } .faq-content ol.top>li:hover{ background-color: #DDDDDD; } /* .faq-content ol.top>li:hover a { color: #ffffff; } */ .faq-content ol.top>li a { color: #291f1d; font-size: 15px; text-decoration: none; } .faq-content ol.top>li a:before { content: counter(question); vertical-align: middle; display: inline-block; height: 20px; line-height: 20px; width: 20px; background: #291f1d; -moz-border-radius: 50%; border-radius: 50%; font-size: 11px; text-align: center; color: white; margin-right: 10px; } .faq-content ul.categories > li { margin: 20px 0; } @media screen and (max-width:960px) { .faq-content ol.top>li a { font-size: 18px; } .faq-content .nav-helper ul li h2 { font-size: 11px; } } @media screen and (max-width:780px) { .faq-content ol.top>li a { font-size: 16px; } .faq-content { padding: 20px; } .faq-content .nav-helper ul li h2 { font-size: 11px; } } @media screen and (max-width:610px) { .faq-content .nav-helper ul li h2 { font-size: 10px; } } @media screen and (max-width:520px) { .faq-content .nav-helper ul li h2 { font-size: 9px; } .faq-content .nav-helper ul li span:before { line-height: 20px; font-size: 25px; } } @media screen and (max-width:489px) { .faq-content .nav-helper ul li h2 { font-size: 10px; } .faq-content .nav-helper ul li { width: 50%; } } /* Forgot password */ body.customer-account-forgotpassword .buttons-set { margin: 20px 0 0;} .top_draggable, .bottom_draggable { cursor: move;} .status_bar { font-size: 12px;} .status_bar input { font-size: 12px;} .wired_frame { display: block; position: absolute; border: 1px #000 dashed;} /*Bouton special tab-mob*/ .terms-tab-mob a{display:inline-block;text-decoration:none;margin-top:10px} .terms-tab-mob .btn-info{cursor:pointer;padding:8px 0px 1px 0px;margin-bottom:5px;display:inline-block;letter-spacing:2px;word-spacing:3px;text-transform:uppercase;font-family:Verdana,Arial,sans-serif;font-size:100%;border-bottom:1px solid #291f1d;background:transparent;color:#291f1d;} .terms-tab-mob .btn-info ~ em{text-transform:uppercase;font-family:Verdana,Arial,sans-serif;color:#291f1d;display:inline-block;text-decoration:none;font-style:normal;padding-left:4px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;transition:all 0.25s ease;-o-transition:transform 0.25s;} span.cart-price span{display: block;} /* Responsive ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media screen and (min-width:941px){ #nav_category, .block-account, .help_center{display: block!important;} #nav{clear: both;display: block;} } @media screen and (max-width: 1200px){ .mybed .social-icons{position: absolute;bottom: 10px;} .mybed .Logo-mybed-video{ left: initial; right: 10px; } .cart-container.mybed .logo_mybed, .cart-container.mybed .logo_mybed_deluxe{ bottom: 50px; } } /************ */ @media screen and (max-width: 1024px){ #btn-main-nav { display: inline-block; text-align: center; position: absolute; top:15px; left: 10px; width: 30px; height: 30px; text-decoration: none;margin-right: 0px;} .menu-trigger { position: absolute; top: -3px; display: block; width: 30px; height: 30px; cursor: pointer; } .menu-trigger span {background: #978a77;position: absolute; top: 44%; display: block; width: 100%; height: 3px;font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color .3s; transition: background-color .3s } .menu-trigger span:after, .menu-trigger span:before {background: #978a77; position: absolute; left: 0; width: 100%; height: 100%;content: ""; -webkit-transition: -webkit-transform .3s; transition: transform .3s } .menu-trigger span:before { -webkit-transform: translateY(-200%); transform: translateY(-200%);} .menu-trigger span:after { -webkit-transform: translateY(200%); transform: translateY(200%);} #nav{display:none;} .header-container .header .logo {margin: 13px 0 20px 60px; padding:0; position: relative; top:0; left:0;} .email-signup .footer-news .subscribers-details{ padding: 10px 100px 0 100px; } /*.nav-inactive:after{content:"MENU";position:relative; top:34px;font-size:10px;font-style:normal;font-family: verdana, arial, sans-serif;}*/ .nav-active:after{content:"CLOSE";position:relative; top:26px;font-size:10px;font-style:normal;font-family: verdana, arial, sans-serif;} /*NAV*/ #nav {width: 100%; display: none;clear: both; } #nav.nav-active { display: block; } .nav-active em:after, .nav-inactive em:after { position: absolute; left: 60px; top: 12px; display: none; } #nav li ul.shown-sub, #nav li div.shown-sub { display: none; } #nav a { height: auto; } #nav>li { float: none; margin-left: 0; background-color: #fff; border-right: none; } #nav li, #nav li.active { display: block; float: none; width: auto; height: auto; margin: 0; border-top: 1px solid #f0eee9;background-image: none; } #nav>li.last {border-bottom: 1px solid #f0eee9;} #nav>li a {height: auto;padding: 2%;} #nav>li>a>span:after{display: none;} #nav>li.active>a:after, #nav>li>a:after{display: none;} .nav-active .menu-trigger span:before {background: #291f1d; -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) } .nav-active .menu-trigger span:after {background: #291f1d; -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg) } .nav-active .menu-trigger span { background-color: transparent } .main-container {margin-top: 84px;} /* Navigation language */ .language-select{ clear:both;padding: 10px 20px; position: relative; width: inherit;box-shadow: none;top:inherit !important;right:inherit;text-align: left;margin-bottom: 10px;} } @media screen and (min-width:1146px) { .terms-tab-mob{display:none;} } @media screen and (max-width:1334px) { .nav-container .nav-inner{} } @media screen and (min-width: 941px) and (max-width: 1334px){ .header-container .header .quick-access{width: 20%;} .home-liste li>a:hover { color: #997300; text-decoration: none; } } @media screen and (min-width: 679px) and (max-width: 940px){ .header-container .header .quick-access{width: 28%;} } @media screen and (max-width: 650px) { .email-signup .footer-news .subscribers-details { padding: 10px 50px 0 50px; } } @media screen and (max-width: 375px) { .email-signup .footer-news .subscribers-details { padding: 10px 20px 0 20px; } } @media screen and (min-width: 480px){ .nav-inactive:after{display: none;} } @media screen and (max-width:1145px) { .mybed .social-icons{ position: inherit; bottom: 10px; } .mybed .Logo-mybed-video{ right: 0; bottom: 0; } .cart-container.mybed .logo_mybed, .cart-container.mybed .logo_mybed_deluxe{ bottom: 10px; right: 10px } .product-collateral.mobile{display: block;} .product-collateral.desktop{display: none;} .product-desc{display: none;} /*Layout*/ .wrapper .col2-left-layout .main{background-color: rgba(255,255,255, 0.5);} .col2-left-layout .col-main{background-color: transparent;} /*Header*/ #nav>li>ul{top:46px;} .header-container .header .quick-access img{width:30px; height:30px;} /*Nav*/ #nav li ul li.level1>a span{font-size:13px;} #nav_category li ul li a{font-size:12px;} /*HERO*/ .main-container .main-hero-text h1{font-size:24px;} .main-container .main-hero-text-inner:before{top:5px; height:40px; width:2px;} .main-container .main-hero-text{background-size: 40px;} /*HP*/ .main-container .main-content .hp-item .hp-txt{bottom: 20px;padding: 10px 0;font-size:16px;} .main-container .main-content .hp-txt p{font-size:16px;} /* Product */ .product-view .product-img-box {position: relative;} .cart-container{position:inherit;top:inherit;right:inherit; padding:2% 0 0;width:100%;height:98%;background-color:transparent;} .cart-container .cart-handler {position: absolute; top: 0; right: 0; margin: 0; float: left;min-width: 320px; width:30%;background-color:rgba(255,255,255,0.8); padding:2%;} .cart-container .product-name{ font-size: 16px;} .cart-container .product-qty { margin-bottom: 14px;} .product-collateral {width: 100%; } .product-collateral li h4 span {margin-right:5px;} .cart-container .logo_mybed, .cart-container .logo_mybed_deluxe{bottom: 10px;} /*Footer*/ .footer li.support a{width:95%;float:none; padding: 0 0 0 10px;} .footer li.first>div{float:none;padding:0; width:100%;display: block;padding: 0 0 0 10px;} .footer .hours{border:0;float:none;clear:both;width:100%;padding: 5px 0 0 10px;} .footer .social-icons{float:none; clear: both;} .footer li.last-one>a{float: none; clear: both; padding: 5px 0 0 10px;} } @media screen and (max-width:980px) { .dashboard, .my-account{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;position:relative;} .form-list input.input-text{width:100%;} .my-account .form-list .input-box{width:100%;} } @media screen and (max-width:940px) { .header-container .header .welcome-msg{bottom: -15px;} /* display LiveChat Mobile */ /*Layout*/ .main-container{margin-top: 84px;} /*HP Content*/ .main-container .main-hero-text #first-line{font-size:24px;} .main-container .main-hero-text{background-size: 30px;background-position: center right 30px;padding:0;width: 100%;} .main-container .main-hero-text p{font-size:20px;} .main-container .main-hero-text-inner{padding: 20px 90px 20px 20px;} .main-container .main-content-inner{padding: 0 0 20px 0;} .main-container .main-content .item-1, .main-container .main-content .item-2{float:none;} .main-container .main-content .item-1 {margin:20px 0 0;width:100%; height:360px;} .main-container .main-content .item-1 img{position:absolute;top:50%;left:50%;/* margin-top:-40%; */margin-top:-50%;margin-left:-50%;display:block;} .main-container .main-content .item-2 {margin:20px 0 0;width:100%;} .main-container .main-content .hp-subitem {margin-top:20px;width:100%;} .main-container .main-content .item-3 {width:49%; margin:0;} .main-container .main-content .item-3.last {float: right;} .main-container .main-content .item-4{width:49%;} .main-container .main-content .item-4:nth-child(odd){float:right; margin:0;} .main-container .main-content .item-4:last-child, .main-container .main-content .item-4:nth-last-child(2) {margin:20px 0 0;} /*HEADER*/ #searchbar{margin-top: 0px;} .header-container .header .quick-access{top: 3px;} .header-container.shrink .header .quick-access{ top: 6px;} /* Menu nav New left */ #btn-left-nav { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; display: block; height: 30px; position: relative; text-decoration: none; box-shadow: none; } #btn-left-nav h3 strong {font-weight: normal;} #btn-left-nav h3 { margin:0px 0; margin-left: 50px; line-height: 50px; display: block;text-transform: uppercase; font-weight: normal; } /*Layout*/ .col2-left-layout .col-main{width:98%;float:none;margin:10px 1% 0;} /*Product*/ .catalog-category-view .products-grid .grid-items {width: 49%; max-height: none;} .catalog-category-view .products-grid .grid-items:nth-child(4n+1), .catalog-category-view .products-grid .grid-items:nth-child(4n){width: 49%; max-height: none;} .catalog-category-view .products-grid .grid-items:nth-child(odd) {margin-right:2%;} .catalog-category-view .products-grid img {width: 100%; max-height: none; height: auto;} .catalog-category-view .products-grid .product-name span {font-size:14px;} .category-description { display: none; } .category-image-name {bottom: 10%;} .category-image-txt {font-size:20px;padding: 15px 0;} .category-image-txt:before{width:3px;height:40px;top:6px;left:10%; } /* PRODUIT RESPONSIVE */ .product-view .product-img-box .more-views ul { display: none; } .product-view .product-shop { margin-left: 20px; } /* Menu nav left */ .col-left {position: relative; width: 100%; float: none; padding: 10px 0 0;background-color: #FFFFFF;display: inline-block;} #btn-left-nav{margin-left: 10px;} #col-left-container #btn-left-nav p { position: relative; top: 7px; left: 30px; font-size: 14px; font-family: verdana, arial, sans-serif; font-style: normal; font-weight: normal; } .cs.leftnav-inactive:after{content: "CUSTOMER SERVICE";} .cs.leftnav-active:after{content: "CLOSE";} .help_center .level0 > a{display: none;} .help_center{padding: 0;display: none;width: 100%;} .help_center ul li{display: block;width: auto;height: auto;padding: 1%;border-top: 1px solid #f0eee9;} .help_center ul li.last, .block-account ul li.last{border-bottom: 1px solid #f0eee9;} .block-account .block-title{text-transform:uppercase; font-size:16px;} /*LEFT NAV CAT*/ #nav_category{padding: 0;display: none; z-index: 50; width: 100%;margin-top:10px;} #nav_category li ul li{display: block;width: auto;height: auto;padding: 1%; border-top: 1px solid #f0eee9;} #nav_category li ul li.last{border-bottom: 1px solid #f0eee9;} #nav_category li ul li div{padding: 0;} #nav_category li ul li a{display:block;padding:0 ;color:#291f1d;} #nav_category li ul li ul li {padding:1% 1% 1% 2%;} /* Menu Btn trigger */ .header-container.shrink #btn-main-nav{top: 15px;} /*Left Nav Btn Trigger*/ .col-left .menu-trigger{width: 20px;} .col-left .menu-trigger span{background:#df9b2b; height: 2px;} .col-left .menu-trigger span:after, .col-left .menu-trigger span:before {background:#df9b2b;} .leftnav-inactive em:after, .nav-inactive em:after { content: " "; font-style: normal; position: absolute; top: 48px; left: 0;} .leftnav-active em:after, .nav-active em:after { content: " "; font-style: normal; position: absolute; top: 48px;} .leftnav-active .menu-trigger span, .nav-active .menu-trigger span { background-color: transparent } .leftnav-active .menu-trigger span:before, .nav-active .menu-trigger span:before {background: #291f1d; -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) } .leftnav-active .menu-trigger span:after, .nav-active .menu-trigger span:after {background: #291f1d; -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg) } /* Page Acount */ .customer-account-login .new-users .buttons-set button.button { width: 100%; } .customer-account-login .col2-set { width: 100%; } .customer-account-login .col1-set { width: 100%; margin-bottom: 20px} /* page Create */ .account-create .fieldset-pers { width: 100%; float: none; } .account-create .fieldset-log { width: 100%; float: none; margin-top: 2%; } .account-create .buttons-set { margin-top: 0px; padding: 0px } .account-create .buttons-set button.button { float: none; margin-left: 0px; width: 100%; } /* Page onestepchekout */ .onestepcheckout-place-order-wrapper button { width: 100% !important } .onestepcheckout-index-index .header .logo{margin: 15px 0 20px 10px;} .onestepcheckout-index-index .quick-access{right: 0px;} .onestepcheckout-index-index .quick-access li.first, .onestepcheckout-index-index .header-container #search-top, .onestepcheckout-index-index #btn-main-nav{display: none;} /* Banniere Newsletter*/ .email-signup{padding: 2% 1% ;} .email-signup .footer-news>span{padding: 0 0 10px 0;} /* Page Search result */ .catalogsearch-result-index .grid-items {margin:0 0 20px 0;overflow: hidden; width: 49%; float: left; position: relative; padding: 0;list-style: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .catalogsearch-result-index .grid-items:nth-child(even){float: right;} /*Cart Popup*/ #cartpopup{display: none!important;} /*PRICE MINICART*/ #cartpopup_slidecontainer .cartpopup_footer .cartpopup_producttotal{font-weight: bold;} .cartpopup_footer .cartpopup_producttotal span.cart_sub-total .strike{text-decoration: none;} .cartpopup_footer .cartpopup_producttotal span.cart_sub-total:last-child, .cartpopup_footer .cartpopup_producttotal span.cart_sub-total:last-child .strike .price{color:#978a77 !important;} /*Footer*/ .footer h2.support-title span,.global-sites>li.first a, .footer li.last #GA_alt_sites img{display:none;} } @media screen and (max-width:880px) { /*NAV*/ .header-container.shrink #nav>li>a{font-size:10px;} #nav_category>li>ul>li>a {padding:1%;} } @media screen and (max-width:780px) { /*Layout*/ .main-container{margin-top:84px;} /*HP HERO*/ .main-container .main-hero-text{margin-top: 80%; position: absolute;} .main-container .main-hero-text #first-line{font-size:22px;} .main-container .main-hero-text p{font-size:18px;} .main-container .main-hero-img {height: 100%; width:auto;} .main-container .main-hero-img img{width:auto; height:100%; left:50%; position:absolute;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);} /*Product*/ .cart-container .product-name{font-size: 14px;} /*Upsell*/ .box-up-sell ul li .product-name-upsell span{font-size:12px;} /*Footer*/ .footer li.first{width:27%;} .footer li.support{width:31%;} .footer li.last-one{width:42%;} /* --404 Error Page-- */ .error-message{float:none!important; width: 98%; margin-bottom: 10px;} .contact{float:none!important; width: 98%;} /* Account */ .block-account .block-content li{padding:0;display:block;width:100%;border-bottom:1px solid #978a77;} } @media screen and (max-width:680px) { .form-search input[type=text]{font-size:12px; width: 87%;} .form-search{ margin: 0 ;} .soficon{ font-size: 30px; } .form-search .validation-advice{margin: 15px 0 0 0} /* product */ .information-mybed{padding: 0 2% 0 2%;} .social-icons { float: left; padding: 0 2% 0 2%; width:50%; } .product-view .Logo-mybed-video { position: inherit; float: right; width: 150px; } .product-collateral {width: 96%;padding: 2%;margin-bottom:0px;} .email-signup #newsletter-validate-detail .validation-advice{position:relative;display:block;vertical-align:middle;background:white;border-left:0px;margin:2% 0 0 0;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .email-signup #newsletter-validate-detail .validation-advice:before{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid white;top:-12px;left:50%;transform:translateX(-50%);} .catalog-product-view #promo-banniere{ border-bottom: 4px solid #997300;} /*Search*/ #searchbar{ position: static;clear: both; border-bottom: none; right: inherit; width: 100%;} .form-search #close_search{display: none;} .mobile-searchbar#searchbar{display: block;} #btn-search{display: none;} /*Header*/ .header-container{position: relative;} .onestepcheckout-index-index .header-container{height: 45px ;} .header-container .header .quick-access{width:50%;top: 0px;} .header-container .header .logo a img{width:100px;} .header-container .header .logo{margin: 10px 0 10px 50px;} #btn-main-nav {top:2px;} /*Nav*/ #nav>li.last{border-bottom:none;} /*General*/ h1{font-size:32px;} .page-title{padding-top: 20px;} .catalogsearch-result-index .main #search_mini_form{ display: none;} /*Layout*/ .main-container{margin-top:0; min-height:inherit;} /*HP HERO*/ .main-container .main-hero-text{background-image: none; position: absolute; bottom: 0; left: 0; display: block; width:100%;} .main-container .main-hero-text-inner{padding: 0;} .main-container .main-hero-text h2{font-size:22px; text-align: center; padding: 10px 0;} .main-container .main-hero-text p{padding: 6px 0; text-align: center;} /*HP*/ .main-container .main-content .content-obs h3, .main-container .main-content .content-wr h3{font-size:18px;} /*Left Nav*/ #btn-left-nav{display: block} /* result search */ .catalogsearch-result-index .grid-items{width: 100%;float: none;} /* Checkout cart mobile */ .totals .btn-checkout{float: none;width: 100%;margin-top: 2%} .totals button{width: 100%;float: none;} .cart .totals td:first-child{width: auto;} .cart .totals td:last-child{float: right; width: 30%;} /* Banniere Newsletter*/ .email-signup .footer-news form{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding: 10px;} .email-signup .footer-news #newsletter{width:100%; margin: 0;} .email-signup .footer-news button.button{width:100%;margin-top: 10px;} /* footer mobile */ .footer .first .chat2,.footer-container li h2,.footer-container li h3,.footer li.support h3 a,.footer .hours,.footer li.last-one .sof_link, .col-left{display:none;} .footer li .email span{display: none;} .footer li{float:none;} .footer ul{margin:10px 0 0;} .footer .first .phone,.footer h2.support-title,.global-sites>li a,.footer li .email, .footer li.last{position:relative;display:inline;float:none;width:auto;margin:0;padding:0;font-family:FontAwesome;font-size:20px;line-height:1;border:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .footer li.first .first-a,.footer li.first .first-b{position:static;display:inline;float:none;width:auto;margin:0;padding:0;line-height:1;border:0!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .footer .first .phone a:before,.footer h2.support-title a:before,.global-sites>li>a:before,.footer li .email:before, .footer li.last #GA_alt_sites:before{margin:0 10px 0 0;padding:10px;color:#997300; border: 1px solid #997300; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-moz-osx-font-smoothing:border-box;} .footer li.last-one{float:none;clear:both;width:100%;} .footer li.last-one a{display:inline;float:none;} .footer li.first{float:none;width:100%;text-align:center;} .footer li.first>div{position:relative;float:none;padding:0;} .footer .social-icons{float:none;margin:40px 0 0;padding:6px 0;text-align:center;border:none;} .footer-logo{float:none;padding:0;text-align:center;} .footer li a{display:inline;float:none;} .footer li .email{clear:none;padding:0;background-image:none;} .footer .first .phone a span{display: none;} .footer .first .phone a{padding:0;} .footer .first .phone a:before{content:"\f095";padding:10px 12px;} .footer .first .customer-details .phone a:before{content:" ";} a.email:before{content:"\f0e0";} .footer h2.support-title a:before{content:"\f129";padding:10px 16px;} .footer li.last #GA_alt_sites:before{content:"\f0ac";padding:10px 12px;} .footer li.last #GA_alt_sites .icon-lang_logo{display:none;visibility: hidden;} .footer-container .logo_footer{width:200px; height:32px;margin:40px auto 20px;} .footer-container .logo_footer img{width:200px; height:32px;} /*Cart*/ #shopping-cart-table .shopping-cart ul{position:relative;} #shopping-cart-table .shopping-cart li span.mobile{display: inline-block;} #shopping-cart-table .shopping-cart .head{display: none;} #shopping-cart-table .shopping-cart li.ItemImage{display: none;} #shopping-cart-table .shopping-cart ul.body li span.mobile{padding-right: 4px;} #shopping-cart-table .shopping-cart ul.body li{width: 100%;text-align: left;float: left;padding-bottom: 4px;} #shopping-cart-table .shopping-cart ul.body li.Total{width: 100%;} #shopping-cart-table .shopping-cart ul.body li.Update{position: absolute;right: 0px;text-align: right;margin: 0px;margin-top: 26px;width: 150px;} .shopping-cart li.Update p a, .shopping-cart li.Update p button{display: inline-block; border: 1px solid #978a77;} .shopping-cart li.Update p a span, .shopping-cart li.Update p button span { min-width: 70px;text-align: center;display: block; padding: 5px 25px; font-size:12px;} #shopping-cart-table .shopping-cart ul.body li.Update p.delete a{text-align: right;} span.cart-price span{display: block;} /*.checkout-cart-index span.cart-price span{ display: inline; }*/ /* Page onestepchekout */ .onestepcheckout-index-index .header .links li.first{display: none;} /*Product*/ .cart-container .cart-handler{position:inherit;top:0;right:0;margin:0;float:none;width:96%;background-color:transparent;padding:2%;} .cart-container.video .cart-handler{padding: 2% 2% 0 2%;} /* Category product */ .category-image-name {bottom: 0;} .category-image-txt {font-size:16px;padding: 10px 0;} .category-image-txt:before{width:3px;height:30px;top:5px;left:9%; } .catalog-category-view .products-grid .grid-items, .catalog-category-view .products-grid .grid-items:nth-child(4n+1), .catalog-category-view .products-grid .grid-items:nth-child(4n), .catalog-category-view .products-grid .grid-items:nth-child(odd) { width: 100%; max-height: none; margin:0 0 10px 0;} .product-view .product-img-box {width: 100%;float: none;} .product-view .product-shop{margin-left: 0px;} .product-view .chat-box{margin-left:0px;} #cart-container{width: 100%;float: none;margin-bottom: 2%;} /*Upsell*/ .box-up-sell ul li {width: 49%;float: left;margin-left: 2%;margin-top: 2%;} .box-up-sell ul li:nth-child(odd) {margin-left: 0px;} /* Pages Dashbord*/ .header-container .header .welcome-msg{position: relative;right: 0;bottom:0px;text-align: right;padding: 5px;} .dashboard .col2-set{margin: 0 0 10px 0;width:100%; float: none;} .dashboard .col2-set:last-child{float: none; margin:0;} .dashboard .col2-set .box-title{padding:2%;} .my-account .buttons-set button.button{;width: 100%;margin: 0 0 10px 0;} .my-account .container-orders {width:100%;display: block;overflow: auto;overflow-x: scroll;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} .my-account .container-orders::-webkit-scrollbar{height: 5px;} .my-account .container-orders::-webkit-scrollbar-track{background: #f0eee9;} .my-account .container-orders::-webkit-scrollbar-thumb{background: #997300;} .dashboard .dashboard-head .logout-dash{display:inline-block;margin:auto;width:100%;float:inital;margin-top:10px;} .dashboard .dashboard-head .logout-dash a{width:100%;padding:10px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .dashboard, .my-account{;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;position:relative;} .form-list input.input-text{width:100%;} .my-account .form-list .input-box{width:100%;} .col-1.addresses-primary ol li.item:last-child{width:100%;float:initial;} .col-1.addresses-primary ol li.item{width:100%;float:initial;min-height:200px;} /*Page Wishlist*/ .my-wishlist .data-table {display: block;overflow: auto;overflow-x: scroll;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} .my-wishlist .data-table::-webkit-scrollbar {height: 5px;} .my-wishlist .data-table::-webkit-scrollbar-track{background: #f0eee9;} .my-wishlist .data-table::-webkit-scrollbar-thumb{background: #997300;} }/*END 680 MEDIA*/ @media screen and (max-width:490px) { /*Search*/ .toolbar{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;padding: 10px;background-color:#f0eee9;margin-bottom: 16px;} .toolbar .pager {padding-top: 5px;padding-bottom: 5px;} .toolbar .pager p.amount {margin: 0px;text-align: center;padding-bottom: 6px;} .toolbar .pager .limiter{ padding: 5px 0px;border-top: 1px solid #e2e2e2;float: none;text-align: center;} .toolbar .pager .pages{padding: 14px 0px 0px;border-top: 1px solid #e2e2e2;text-align: center;width: 100%;} .toolbar .pager .pages strong{display: none;]} .form-search input[type=text]{font-size:12px; width: 87%;} .sorter{display: none;} /*Header*/ /*HP content*/ .main-container .main-content .item-1 {margin:20px 0 0;width:100%; height:auto;} .main-container .main-content .item-1 img{position:inherit;top:0;left:0;margin:0;} .product-customers{display: none;} /*HP*/ .main-container .main-hero-text p{display: none;} .main-container .main-content .hp-item .hp-txt{bottom: 0;padding: 10px 0;background: rgba(255,255,255,0.8);} .main-container .main-content .hp-txt p{font-size:12px;} /*Livechat Hide*/ } @media screen and (max-width:420px) { .cart-container .cart-handler{min-width: initial;} .form-search input[type=text]{font-size:12px; width: 87%;} } @media screen and (max-width:390px) { /*Layout*/ .col1-layout .col-main{padding:20px 1% 1%; } /*HEADER*/ .header-container .header .quick-access img{width:25px; height:25px;} .form-search input[type=text]{font-size:12px; width: 86%;} /* Search */ /*Header Shrink*/ .header-container.shrink #btn-main-nav{top: 20px;} .header-container.shrink .header .quick-access{top: 25px;} /*Hero*/ .main-container .main-hero-text h2 { font-size: 18px; } /*MENU*/ #btn-main-nav { width: 25px;} .header-container.shrink .menu-trigger{width: 25px;} .menu-trigger span, .header-container.shrink .menu-trigger span{height:4px;} .menu-trigger span:before, .header-container.shrink .menu-trigger span:before{ -webkit-transform: translateY(-250%); transform: translateY(-250%);} .menu-trigger span:after, .header-container.shrink .menu-trigger span:after{ -webkit-transform: translateY(250%); transform: translateY(250%);} .nav-inactive:after, .nav-active:after{display: none;} .leftnav-active .menu-trigger span:before, .nav-active .menu-trigger span:before {background: #291f1d; -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg) } .leftnav-active .menu-trigger span:after, .nav-active .menu-trigger span:after {background: #291f1d; -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg) } /* Category */ .category-image-txt{font-size:16px;padding:10px 0;} /*My Account*/ .my-account .pager{display: none; visibility: hidden;} /* --404 Error Page-- */ .error-message .shopping .left, .error-message .shopping .right{float:none!important; display: block} } /* ------------ light Box - Pretty - Responsive ------------ */ /*------------- Gift Card ----------------------- */ .onestepcheckout-place-order-wrapper{margin-top: 20px;} .onestepcheckout-gift-card{} /* =========== product =============== */ .gc .notice{font-size:13px;line-height:1.2;font-family:"ClanOTExtdThin",Verdana,sans-serif;font-weight:normal;color:#291f1d;padding:10px 0px;min-width:275px;} .gc .notice span em{font-size:12px;color:#997300;text-decoration:none;font-style:normal;font-weight:bold;} .gc .form-list input.input-text{display:inline-block;width:100%;font-size:14px;padding:8px 8px;margin-top:10px;font-family:Arial,Helvetica,sans-serif;border:1px solid #978a77;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;} .gc .form-list .input-box{padding:0px;margin:0px;width:100%;} .gc .form-list li{padding:0px;margin:0px;width:100%;} /* =========== checkout ============== */ #giftcard p>a{text-decoration:underline;} /* ---------- GIFT CARD error -------- */ .validation-giftcards{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;background:#E6E0D6;color:#7b5500;font-size:13px;margin:0px;padding:10px;border-left:4px solid red;width:100%;} #giftcard input{max-width:85%;} span.help-inp{display:none;height:23px;line-height:23px;border-radius:50%;margin-left:10px;text-align:center;width:23px;color:#7b5500;background-color:#E4E0D5;display:inline-block;} span.help-inp>em{vertical-align:middle;font-style:normal;} @media screen and (max-width:600px){ .checkoutcontainer .validation-advice>a{display:none;} } /* ---------- GIFT CARD global ------- */ #giftcard{display:none;} .onestepcheckout-gift-card{background-color:#f0eee9;margin-bottom:40px;position:relative;min-height:31px;} .onestepcheckout-gift-card > label{background-color:#978A77;color:white;text-transform:uppercase;} .onestepcheckout-gift-card label#giftcard_label{display:block;padding:9px 0% 8px 40px;} .onestepcheckout-gift-card > label .btn-help{position:absolute;display:inline-block;float:right;width:51px;height:31px;right:0px;top:0px;line-height:31px;text-decoration:none;background:#ACA08E;} .onestepcheckout-gift-card input{width:100%;} .onestepcheckout-gift-card > label .btn-help:after{content:"\f09d";display:block;font-family:FontAwesome;font-size:20px;width:51px;text-align:center;color:#7b5500;line-height:31px;vertical-align:middle;} .tac-gc{text-decoration:underline;color:#997300;} /* ---------- GIFT CARD HELP popup --- */ .giftcards-pop{display:none;} .dialog .giftcards-pop{display:block;padding:0px 40px 40px 40px;} .giftcards-pop .pop-content{padding:20px;background-color:#f0eee9;line-height:1.4em;font-family:arial;font-size:12px;color:#291f1d;} .giftcards-pop .pop-content strong{color:#B2906D;font-family:verdana,arial,sans-serif;font-size:13px;padding-bottom:8px;display:inline-block;} .giftcards-pop img{width:100%;height:auto;} /*responsive PopUp Help GC */ @media screen and (max-width:560px) { .dialog .giftcards-pop {padding: 0px 20px 20px 20px;} } /* bouton Help */ .onestepcheckout-gift-card.help > label .btn-help{ background: none; -webkit-animation: helphelp 4s infinite linear; /* Safari 4+ */ -moz-animation: helphelp 4s infinite linear; /* Fx 5+ */ -o-animation: helphelp 4s infinite linear; /* Opera 12+ */ animation: helphelp 4s infinite linear; /* IE 10+, Fx 29+ */ } @-webkit-keyframes helphelp { 0% {background: #ACA08E;} 15% {background: #C1B5A4;} 30% {background: #ACA08E;} 100% {background: #ACA08E;} } .help .btn-help #help-icon{position:absolute;display:block;top:50%;left:-18px;width:18px;height:31px;line-height:31px;text-align:center;margin-top:-15px;font-family:FontAwesome;background:#C1B5A4;color:#7b5500;font-weight:bold;} .btn-help span{display: none;} .onestepcheckout-gift-card button{background-color:rgba(174,135,54,0.8);} .onestepcheckout-gift-card .loading-ajax{display:none;} .giftcard_amount.input-box span{color:#807f7b;font-size:11px;display:block;padding:2px 0 5px 2px;} @media screen and (max-width:780px){ .onestepcheckout-index-index h1.onestepcheckout-title { font-size:18px; } .onestepcheckout-index-index #onestepcheckout-form .group-select{ padding:0 !important; } .col1-layout .col-main{ padding:20px 0 !important; } } /*///////////////////////////////////////////////////*/ /*VIDEO YOUTUBE POPUP*/ /*///////////////////////////////////////////////////*/ .dialog-youtube{width: 70%;height: 70%; display: none; padding:50px 5px 5px 5px; background:black; position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%, -50%); z-index:99999; } .dialog-youtube h3{ top: -25px; position: relative; text-align: center; } .Logo-mybed-video{ width: 50%; margin: 20px auto 0; } .Logo-mybed-video img{ width: 100%; } @media screen and (min-width:1146px) and (max-width:1320px){ .Logo-mybed-video{ width: 30%; margin: 10px auto 0; position: absolute; right: 10px; bottom: 13px; } } @media screen and (max-width:1145px){ .Logo-mybed-video{ width: 190px; display: block; position: absolute; left: initial; right: 0; bottom: 0; } } @media screen and (max-width:500px){ .video .social-icons{ padding: 0 2% 0 2%; text-align: center; float: none; width: 100%; } .video .social-icons p{text-align: center;margin-top: 5px} .video .social-icons a{text-align: center;} .mybed .Logo-mybed-video, .product-view .Logo-mybed-video{ position: inherit; float: none; } .cart-container.video .logo_mybed, .cart-container.video .logo_mybed_deluxe{ bottom: 0; } } /*MEDIAQUERIES POUR DESKTOP (PROBLEME DOUBLE TAP IOS AVEC HOVER*/ @media screen and (min-width:941px){ a:hover { text-decoration: underline;} button.button:hover{border-bottom:3px solid #997300;background-color:#7b5500;text-decoration:none;} .btn-continue-shopping:hover{background-color:#C5C5C5;} .totals .btn-continue-shopping:hover{background-color:#978a77;border:1px solid #978a77;color:#ffffff;} .totals .btn-continue-shopping:hover span{color:#ffffff;} .totals .btn-checkout:hover span{} button.button-frgpsw:hover {background-color: #6d5522;} input.input-text:hover, select:hover, textarea:hover { } .buttons-set button.button:hover {} .breadcrumbs li a:hover { text-decoration: underline;} .catalogsearch-result-index .main #search_mini_form:hover, .toolbar .limiter select:hover, .toolbar .pager .pages ol li a:hover{border: 1px solid #997300;background-color: #F3F0E9;color: #291f1d;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} .toolbar .pager .pages ol li a.next:after:hover, .toolbar .pager .pages ol li a.previous:after:hover, .toolbar .pager .pages ol li a.next:hover, .toolbar .pager .pages ol li a.previous:hover{background-color: transparent;color:#997300; border: 0px} .product-desc .btn-info:hover ~ em{color:#997300;padding-left:6px;} .product-desc .btn-info:hover{color:#997300;border-bottom:1px solid #997300;} .main-container .main-hero-img:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);} .main-container .main-hero-img:hover .main-hero-text{background-color: rgba(41,31,29,0.8);} .main-container .main-content .hp-item:hover img {-webkit-transform:scale(1.035);-moz-transform:scale(1.035);-ms-transform:scale(1.035);-o-transform:scale(1.035);transform:scale(1.035);} .main-container .main-content .hp-item:hover img.no-blur {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .main-container .main-content .hp-item:hover .hp-txt{background: rgba(255,255,255,0.85);} .global-sites:hover {cursor: pointer;} .global-sites li ul li a:hover {text-decoration: underline !important;} .global-sites li:hover a.first {} .header-container .header .form-language select:hover { border: none; box-shadow: none;} .header-container .header .quick-access a:hover{text-decoration: none;} .header-container .header .links .first span:hover:after { text-decoration: none;} .form-search button.button:hover{border: 0;background: transparent; display:inline-block;width: 30px;height: 30px;} .form-search #close_search:hover{text-decoration:none; } #nav>li>a:hover { text-decoration: none;} #nav>li:hover>a:after{width:100%;z-index:1;content:" ";height:4px;background-color:#df9b2b;position:absolute;bottom:-4px;left:0;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1)} #nav>li>ul>li:hover{background-color:#f0eee9; } #nav li ul li a span:hover { color: #291f1d;text-decoration: none;list-style: none;} #nav li ul li a:hover {text-decoration: none;} .help_center li ul li a:hover { color: #df9b2b; text-decoration: none;} #nav_category li a:hover{color:#df9b2b;} #nav_category li ul li ul li a:hover{color:#df9b2b;} .block-account li a:hover, .block-account .block-content li:hover:before {color:#df9b2b;text-decoration:none;} .catalog-category-view .products-grid .grid-items a:hover { text-decoration: none;} .catalog-category-view .products-grid a:hover img{-webkit-transform:scale(1.035);-moz-transform:scale(1.035);-ms-transform:scale(1.035);-o-transform:scale(1.035);transform:scale(1.035);} .catalog-category-view .products-grid a:hover .filter_hover{display:block;} .catalogsearch-result-index .grid-items:hover {background: #efefef;} .catalogsearch-result-index .grid-items a:hover {text-decoration: none;} .catalogsearch-result-index .grid-items:hover img {-webkit-transform:scale(1.035);-moz-transform:scale(1.035);-ms-transform:scale(1.035);-o-transform:scale(1.035);transform:scale(1.035);} .catalogsearch-result-index .grid-items:hover .product-name {background: rgba(255,255,255,0.85);} .product-view .social-icons .chat-live-product>a:hover { text-decoration: none;color:#997300; } .add-to-cart button.button:hover { position: relative; width: 100%;} .product-customers ul li a:hover{color: #e6002f;} #related-product-list input[type=checkbox]:hover{cursor:pointer;} .sofitel:hover{background-position:-30px 0px;} .facebook:hover, .tumblr:hover, .pinit:hover, .google:hover, .flickr:hover, .youtube:hover, .twitter:hover, .wishlist:hover{text-decoration: none;background-color: #997300;} .facebook:hover:before,.pinit:hover:before,.google:hover:before,.tumblr:hover:before,.flickr:hover:before,.youtube:hover:before,.twitter:hover:before,.wishlist:hover:before{color: white;} .box-up-sell ul li:hover .upsell-inner img { max-width: 100%; height: 100%;-webkit-transform:scale(1.035);-moz-transform:scale(1.035);-ms-transform:scale(1.035);-o-transform:scale(1.035);transform:scale(1.035);} .page-sitemap .links a:hover { text-decoration: underline;} .shopping-cart li.Update a:hover { text-decoration: none;} .cart .discount button.button:hover{background-color: #867966;} .account-login input.input-text:hover{border:1px solid #997300;color:#291f1d;background:#F3F0E9;} .account-create input.input-text:hover{border:1px solid #997300;color:#291f1d;background:#F3F0E9;} .my-account .buttons-set .back-link:hover:before{width:100%;} .my-account .buttons-set .back-link:hover a{color:white;z-index:10;text-decoration:none;} .dashboard .box-title a:hover{background: #7b5500;} .dashboard a:hover { text-decoration: none;} .footer .first .phone a:hover{text-decoration: none;} .footer li.last-one .social-icons a:hover{text-decoration: none;} .footer li a:hover{text-decoration: underline;} .home-spot .best-selling a.product-name:hover { color: #203548;} .ncolinput input:hover{border:1px solid #997300;color:#291f1d;background:#F3F0E9;} .ncolinput select:hover{border:1px solid #997300;color:#291f1d;background:#F3F0E9 url(https://eu.soboutique.com/skin/frontend/default/sof/images/sof-dropArrow.png) no-repeat right center;} .ops-payment-paypage input.ncol:hover{text-decoration:none;background-color:#6d5522;} .customer-support a:hover{text-decoration: none;color:#df9b2b;} span.help-inp:hover{background-color:#ACA08E;color:white;} .onestepcheckout-gift-card > label .btn-help:hover:after{background-color:#C1B5A4;} /* .main-container .main-content .item-1:hover img, .main-container .main-content .item-3.last:hover img, .main-container .main-content .item-4:hover img {-webkit-transform:scale(1.035);-moz-transform:scale(1.035);-ms-transform:scale(1.035);-o-transform:scale(1.035);transform:scale(1.035);} */ .home-liste li>a:hover>p.p-title{ color:#291f1d; } .home-liste li:hover .pillow-cat-hidden{ display: block; left:100% } .pillow-cat-hidden a:hover{ text-decoration: none; } } /*Rajout menu home hover*/ .hp-item.item-1>a{ font-size: 0; line-height: 0; } .main-container .main-content .hp-item.item-1 img{ width:134%; } .home-cat{ box-sizing: border-box; position: absolute; width:100%; top:0; left:0; padding: 0 20px; } .item-1 h4{ text-align: center; padding:15px; } .item-1 h2{ text-align: center; padding:15px; font-size: 16px; } .item-1 h4.mob{ display: none; } .item-1 h2.mob{ display: none; } .home-liste{ box-sizing: border-box; width:50%; float: left; position: relative; margin-top:55px; } .home-liste li{ margin-top:1px; } .home-liste li>a{ color:white; display: block; padding:13px; background-color: rgba(41,31,29,0.5); } .home-liste li>a:hover{ background-color: rgba(255,255,255, 0.8); color: #997300; text-decoration: none; } .home-liste li>a:hover>h3{ color: #997300; } .home-liste li>a>h3{ font-size: 14px; } .pillow-cat-hidden{ display: none; box-sizing: border-box; text-align: right; position: absolute; top:0; left:0%; width:100%; float: right; background-color: rgba(255, 255, 255, 0.8); min-height: 250px; } .pillow-cat-hidden p.p-title{ color: #997300; border-bottom:solid 1px #efeee9; padding: 15px 0; margin:0 15px; font-size: 14px; text-transform: uppercase; font-family: "ClanOTExtdThin", Verdana, sans-serif; font-weight: bold; } .pillow-cat-hidden p.p-title:before{ content: " "; font-family: "FontAwesome"; width: 28px; height: 46px; background: url("../images/menu-home-arrow.png") no-repeat; background-size: 25px; position: absolute; top: 0; left: 0; } .pillow-cat-hidden p{ margin:10px 0; margin:15px; font-family: verdana,arial,sans-serif; font-size:12px; word-break: break-word; } .pillow-cat-hidden .cta-1{ display: block; position: absolute; width:90%; box-sizing:border-box; bottom:15px; left:5%; padding:10px; color:white; text-align: center; background-color: #997300; text-transform: uppercase; /*margin:15px;*/ font-weight: bold; } .pillow-cat-hidden .cta-1:after{ content: "\f105"; font-family: "FontAwesome"; font-size: 20px; padding: 0px 0px 0 10px; line-height: 0px; position:relative; top:-2px; vertical-align: middle; } @media screen and (max-width:1300px){ .item-1 h4{ text-align: right; font-size: 12px; } .home-liste{ display: none; } .home-cat{ display: none; } .item-1 h2.mob { display: block; position: absolute; bottom: 40px; text-align: center; width: 100%; padding: 27px 0 28px 0; background-color: rgba(255, 255, 255, 0.7); } } @media screen and (max-width:940px){ .item-1 h2.mob { bottom: 0; } .home-liste{ float: right; width:auto; margin-top:0; } .home-cat h4{ display: none; } .main-container .main-content .hp-item.item-1 img{ width:100%; top:100%; } } @media screen and (max-width:780px){ .main-container .main-content .hp-item.item-1 img{ width:115%; top:63%; left: 43%; } .hp-item.item-1 h4.mob{ display: block; background-color: rgba(255,255,255,0.8); position: absolute; bottom:40px; width: 100%; box-sizing: border-box; padding:20px 0; } .hp-item.item-1 h4.mob span{ color:#997300; } .hp-item.item-1 h4.mob:after{ content: "\f105"; font-family: "FontAwesome"; font-size: 20px; padding: 0px 0px 0 10px; line-height: 0px; position:relative; top:-2px; vertical-align: middle; color:#997300; } } @media screen and (max-width:420px){ .hp-item.item-1 h4.mob{ font-size: 10px; } .item-1 h2.mob { font-size: 12px; } }