/* Reset ================================================================================= */ *{margin:0; padding:0} html{ font-size:16px; -webkit-text-size-adjust:100%; /* Prevent automatic scaling on iOS */ -ms-text-size-adjust:100%} body{font:400 75%/150% 'Open Sans',Helvetica,sans-serif; background-color:#F9FAFC; color:#5e6d82; text-align:center} img{border:0; vertical-align:top; width:100%} /*Images width Auto*/ .compare-table .product-image img, .postBookmarks img, #loading img, .opc img{width:auto} a{color:#0F5660; text-decoration:none} a:hover{text-decoration:none; color:#f25448} :focus{outline:0} /*noinspection ALL*/ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none} /* Headings */ h1, h2, h3, h4, h5, h6{margin:0 0 10px; font-weight:bold} h1{font-size:2.667em; line-height:1.25em; margin-bottom:20px} h2{font-size:2em; line-height:1.25em} h3{font-size:1.667em; line-height:1.2em} h4{font-size:1.333em; line-height:1.25em} h5{font-size:1.166em; line-height:1.143em} h6{font-size:1em; line-height:1.166em} /* Forms */ form{display:inline} fieldset{border:0} legend{display:none} /* Table */ table{border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%} caption, th, td{vertical-align:top; text-align:left; font-weight:normal} /* Content */ strong{font-weight:bold} address{font-style:normal} cite{font-style:normal} q, blockquote{quotes:none} q:before, q:after{content:''} small, big{font-size:1em} sup{font-size:1em; vertical-align:top} /* Lists */ ul, ol{list-style:none} /* 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%; min-height:147px; position:relative} .no-display{display:none} .no-margin{margin:0 !important} .no-padding{padding:0 !important} .no-padr{padding-right:0!important} .no-padl{padding-left:0!important} .no-bg{background:none !important} .upper{text-transform:uppercase} .lower{text-transform:lowercase} /* Layout ==================================================================================== */ .wrapper{float:left; width:100%} .page{text-align:left; display:inline-block; width:100%} .page-print{padding:20px; text-align:left; background-repeat:repeat; background-position:center top; background-image:none} .page-empty{padding:0; text-align:left; background-repeat:repeat; background-position:center top; background-image:none; background-color:transparent} .page-popup{padding:20px; text-align:left; background-repeat:repeat; background-position:center top; background-image:none} .main-container{background-repeat:repeat; background-position:center top} .main{padding:50px 0 20px; min-height:370px; clear:both} body.cms-index-index .main, body.cms-index-defaultindex .main{padding-top:40px} /* Base Columns */ .col-left{float:left} .col-main{float:left} .col-right{float:right} .category-right .col-left{float:right} /* 1 Column Layout */ .col1-layout .col-main{} /* 2 Columns Layout */ .col2-left-layout .col-main{float:right} .col2-right-layout .col-main{} .category-right .col-main{float:left} /* 3 Columns Layout */ .col3-layout .col-main{} .col3-layout .col-wrapper{float:left} .col3-layout .col-wrapper .col-main{float:right} /* Content Columns */ .col2-set .col-1{float:left; width:49%} .col2-set .col-2{float:right; width:49%} .col2-set .col-narrow{width:33%} .col2-set .col-wide{width:65%} .col3-set .col-1{float:left; width:32%} .col3-set .col-2{float:left; width:32%; margin-left:2%} .col3-set .col-3{float:right; width:32%} .col4-set .col-1{float:left; width:23.5%} .col4-set .col-2{float:left; width:23.5%; margin:0 2%} .col4-set .col-3{float:left; width:23.5%} .col4-set .col-4{float:right; width:23.5%} #oar_widget_orders_and_returns_form .form-alt li{padding:20px 0 20px 0} /*Category Full*/ .category-full .col-left .block, .category-full .col-main .page-title{display:none} /* Global Styles ==================================================================================== */ /* Basic -------------------------------------------------------------- */ input, select, textarea, button{font:300 12px/21px 'Open Sans',Helvetica,sans-serif; vertical-align:middle} input.input-text, textarea{-webkit-appearance:none} input.input-text, select, textarea{ background:#f3f5f6; border:none; color:#696e6e; border-radius:4px; -webkit-border-radius: 4px; -webkit-box-shadow:0 2px 0 0 #eef0f1 inset; box-shadow:0 2px 0 0 #eef0f1 inset} input.input-text{height:41px} select{height:41px; padding:8px; text-overflow:ellipsis} select.multiselect{height:auto !important} input.input-text, textarea{padding:8px; text-overflow:ellipsis} select option{padding-right:10px; padding-left:5px} select.multiselect option{border-bottom:1px solid #E4E4E4; padding:2px 5px} select.multiselect option:last-child{border-bottom:0} textarea{overflow:auto; vertical-align:top} input.radio{margin-right:3px} input.checkbox{margin-right:3px} input.qty{width:3.8em !important; text-align:center; height:48px} /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, .quantity_counter:hover{color:#5e6d82; outline:none} input.input-text:disabled, select:disabled, textarea:disabled{} input.input-text:focus, select:focus, textarea:focus{-webkit-box-shadow:0 2px 6px 3px #e7e9ea inset; box-shadow:0 2px 6px 3px #e7e9ea inset; -moz-box-shadow:0 2px 6px 3px #e7e9ea inset} /* Quntity -------------------------------------------------------------- */ .quantity_counter{display:inline-block; text-align:center; vertical-align:middle; line-height:48px} .quantity_counter *{display:inline-block} .quantity_counter input.qty{margin-right:0; float:left; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; font-size:14px} .quantity_counter a{width:22px; height:22px; line-height:26px; text-align:center; display:block!important} .qty-arr-wrap{float:left; background:#f3f5f6; border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; box-shadow:0 2px 0 0 #eef0f1 inset; -moz-box-shadow:0 2px 0 0 #eef0f1 inset; -webkit-box-shadow:0 2px 0 0 #eef0f1 inset; font-size:18px; padding:2px 4px} .cart-table .quantity_counter{width:85px} /*Product view*/ .product-view .product-shop .add-to-cart *{display:inline-block} .lte-ie8 input.qty, .lte-ie8 .product-options dd input.input-text{line-height:16px} .lte-ie8 .quantity_counter input.qty{line-height:12px} /* Margin Top ----------------------------------------------- */ .mgtop0{margin-top:0} .mgtop5{margin-top:5px} .mgtop10{margin-top:10px} .mgtop15{margin-top:15px} .mgtop20{margin-top:20px} .mgtop25{margin-top:25px} .mgtop30{margin-top:30px} .mgtop35{margin-top:35px} .mgtop40{margin-top:40px} .mgtop45{margin-top:45px} .mgtop50{margin-top:50px} /* Margin Bottom ----------------------------------------------- */ .mgbott0{margin-bottom:0} .mgbott5{margin-bottom:5px} .mgbott10{margin-bottom:10px} .mgbott15{margin-bottom:15px} .mgbott20{margin-bottom:20px} .mgbott25{margin-bottom:25px} .mgbott30{margin-bottom:30px} .mgbott35{margin-bottom:35px} .mgbott40{margin-bottom:40px} .mgbott45{margin-bottom:45px} .mgbott50{margin-bottom:50px} /*Margin Right */ .mgright5{margin-right:5px} .mgright10{margin-right:10px} .mgright15{margin-right:15px} .mgright20{margin-right:20px} .mgright25{margin-right:25px} /* Buttons */ button.button::-moz-focus-inner{padding:0; border:0}/* FF Fix */ button.button{-webkit-border-fit:lines;float:left; display:block; width:auto; border:0; padding:0; margin:0; font-size:14px; text-align:center; white-space:nowrap; background-color:#f25448; color:#FFF; cursor:pointer; overflow:hidden; border-radius:4px; -webkit-transition:color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out; transition:color 0.4s ease-in-out,background-color 0.4s ease-in-out,box-shadow 0.4s ease-in-out} button.button:hover{ background-color:#2E8894; -webkit-box-shadow:inset 0 -4px 0 rgba(0,0,0,0.3); box-shadow:inset 0 -4px 0 rgba(0,0,0,0.3)} button.button span span{padding:0 25px; height:42px; line-height:42px} button.button.btn-inline span span, .product-view .box-tags .form-add button.button span span{padding:0 15px} button.button.btn-inline span span{line-height:36px; height:34px} /* Big button:Add to cart (product view) &Proceed to checkout -------------------------------------------------------------- */ .product-view .product-shop .btn-cart span span, button.btn-checkout span span{padding:4px 24px; font-size:1.1666em; height:auto} button.btn-cart{float:none; margin:0 auto} button.btn-checkout, div.alert a.cart{background-color:#2E8894; border-radius:4px} button.btn-checkout:hover, div.alert a.cart:hover{background-color:#f25448} .button.btn-proceed-checkout.btn-checkout{float:right; margin-bottom:10px} /*Page Titles Before After*/ .bfafhead h2:before{ background:#d9e3e8; content:""; display:inline-block; height:2px; margin:0 15px; right:10px; vertical-align:middle; width:20%} .bfafhead h2:after{ background:#d9e3e8; content:""; display:inline-block; height:2px; margin:0 15px; vertical-align:middle; width:20%} .bfafhead h2{ width:100%} /* Specific buttons set -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set button span span, /* Create account */ .account-create .buttons-set button span span, /* Forgot password */ .customer-account-forgotpassword .buttons-set button span span, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button span span, /* Contact us */ .contacts-index-index .buttons-set .button span span{min-width:120px} /* Form*/ p.control input.checkbox, p.control input.radio{margin-right:6px} /* Form lists */ /* Grouped fields */ .form-list li{margin:0 0 15px} .form-list label{float:left; font-size:1.222em; /*14px*/ line-height:1.222em; position:relative; z-index:0; margin:0 0 8px 0} .form-list label.required{} .form-list label.required em{float:right; font-style:normal; 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 .input-box{display:block; clear:both} .form-list .field{float:left; /*width:275px; */ width:49%; margin-bottom:8px} .form-list .field+.field{float:right} .form-list input.input-text{/*width:262px; */ width:100%; /*244px; */} .form-list textarea{/*width:244px; */width:100%; height:10em} .form-list select{/*width:262px; */width:100%} .form-list li.wide .input-box{/*width:535px; */} .form-list li.wide input.input-text{/*width:529px; */} .form-list li.wide textarea{/*width:529px; */} .form-list li.wide select{/*width:535px; */} .form-list li.additional-row{border-top:1px solid #E4E4E4; margin-top:10px} .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} .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} /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button{float:left} #oar_widget_orders_and_returns_form .buttons-set .required{text-align:left} /* Fieldset -------------------------------------------------------------- */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set{margin:0 0 10px; padding:0} .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend{} /* Buttons set -------------------------------------------------------------- */ .buttons-set{clear:both; margin:10px 0} .buttons-set button.button{float:right; margin-right:5px; margin-bottom:5px} .buttons-set p.required{margin:0 5px 5px 0} .contacts-index-index .buttons-set{float:left; margin-top:-10px} .contacts-index-index .buttons-set .required{text-align:left} .buttons-set .back-link{float:left; margin-bottom:5px} .buttons-set .back-link a, div.alert a{ display:block; line-height:40px; /* Icon size */ padding:0 25px; font-size:14px; text-align:center; white-space:nowrap; background-color:#f25448; color:#FFF; border-radius:4px} .buttons-set .back-link a:hover, div.alert a:hover{ background-color:#2E8894; color:#FFF} .buttons-set .back-link small{display:inline-block; margin-right:5px} .buttons-set .back-link:hover small{} /* Form Validation -------------------------------------------------------------- */ .validation-advice{clear:both; font-size:0.9166em; line-height:1em; color:#cb2700; margin-top:5px} .validation-failed{border:1px solid #cb2700 !important; background:#fff !important} .validation-passed{} /* Required */ p.required{font-size:1em; /*12px*/ text-align:right} p.required, .product-options dt label.required em, .form-list label.required em{color:#cb2700} /* Expiration date and CVV number validation fix */ .v-fix{float:left} .v-fix .validation-advice{display:block; width:12em; margin-right:-12em; position:relative} /* Global site notices */ .success{color:#27ae60; font-weight:bold} .error{color:#cb2700; font-weight:bold} .notice{color:#2980b9} .messages, .messages ul{list-style:none !important; margin:0; padding:0} .messages{overflow:hidden; margin:0 0 10px} .messages li{margin:0 0 20px} .messages li li{margin:0} .messages a{text-decoration:underline} .error-msg, .success-msg, .note-msg, .notice-msg{ padding:26px 25px 26px 20px !important; margin-bottom:20px; border: 1px solid transparent; border-radius:4px; font-size:14px; list-style:none} .error-msg{border-color:#ebccd1; background-color:#f2dede; color:#a94442} .success-msg{border-color:#d6e9c6; background-color:#dff0d8; color:#3c763d} .note-msg, .notice-msg{ border-color:#bce8f1; background-color:#d9edf7; color:#31708f} .bg-rgba-dark {background: rgba(0, 0, 0, 0.1);border-radius: 4px;padding: 15px;} .bg-rgba-white {background: rgba(255, 255, 255, 0.1);border-radius: 4px;padding: 15px;} /* Top Panel*/ .tp-container{ display:table} .top-panel-block{ display:none; padding:20px; z-index:1000; background:#fff; width:100%;} .top-panel-toggle{ background:#fff; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; cursor:pointer; font-size:24px; height:28px; position:absolute; right:5%; text-align:center; width:26px; z-index:1001} .top-panel-toggle i{ line-height:34px} /* BreadCrumbs*/ .breadcrumbs{background-color:#EAEDF2; float:left; width:100%; height:60px; line-height:59px} .breadcrumbs li{display:inline-block; font-size:1.12em} .breadcrumbs li span{margin-left:5px} .breadcrumbs li strong{font-weight:300; display:block; color:#696e6e} .breadcrumbs .mpx-arr-thin-right{vertical-align:middle; margin-right:3px} .breadcrumbs.bctp_width{ background:transparent !important} .breadcrumbs.bctp_width .bctp_bgcolor{ background:#EAEDF2; border-radius:4px; -webkit-border-radius:4px; margin-top:10px; padding-left:20px} /* Toolbar:pager and sorter*/ /* Sorter -------------------------------------------------------------- */ .sorter{padding:0 0 0} /* View mode */ .sorter .view-mode{float:left; margin-right:15px} .sorter .view-mode label{} .sorter .view-mode .grid, .sorter .view-mode .list{display:inline-block; vertical-align:middle; font-family:neoshop; margin:0 0 0 1px; overflow:hidden; font-size:1.1em; font-weight:normal} /* Sort by */ .sorter .sort-by{float:left; margin-right:15px} .sorter .sort-by .category-asc, .sorter .sort-by .category-desc{display:inline-block; overflow:hidden} /* Pager -------------------------------------------------------------- */ .pager{margin:10px 0;} .pager .pages{float:right; vertical-align:middle} .pager .pages strong, .pager .pages span{float:left; margin-right:5px; font-weight:normal} .pager .pages ol{display:inline-block; vertical-align:middle; border:1px solid #eaedf2; background:#f3f5f6; border-radius:4px; -webkit-border-radius:4px} .pager .pages li{float:left; margin:0; display:block; text-align:center; border-right:1px solid #eaedf2} .pager .pages li.pager-last{border:none; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0} .pager .pages li.pager-first{border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px} .pager .pages li a{display:block} .pager .pages li:hover, .pager .pages li.current{background:#f25448; color:#FFF} .pager .pages li a.previous, .pager .pages li a.next{ font-size:1.444em; overflow:hidden; line-height:1; padding:4px} .pager .pages li a:hover{color:#FFF} .toolbar{position:relative; border-bottom:1px solid #e4e4e4} /* Pager inside toolbar - align center */ .toolbar .pager{margin:0; text-align:center; float:right} .toolbar .pager .pages{display:inline-block} /* Bottom toolbar */ .toolbar-bottom{margin-top:30px; clear:both} .toolbar-bottom .toolbar{border-bottom:none; border-top:1px solid #e4e4e4; padding-top:5px} .toolbar-bottom .sorter .view-mode, .toolbar-bottom .sorter .sort-by{display:none} /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Size */ .sorter, .pager{line-height:30px; font-size:14px}/* Important:the same as the height of the form elements */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li{width:30px; height:30px; line-height:30px} .sorter .view-mode .grid, .sorter .view-mode .list{background-color:#ECF0F1; border-radius:4px; text-align:center} .sorter .sort-by .category-asc, .sorter .sort-by .category-desc{font-size:18px; line-height:35px; text-align:center} .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover{color:#f25448} .sorter .view-mode .grid:hover, .sorter .view-mode .list:hover, .sorter .view-mode .grid-mode-active, .sorter .view-mode .list-mode-active{background-color:#f25448; color:#FFF} /* Amount */ .sorter .amount{float:left; margin-right:20px} .sorter .amount.no-pager{float:right} /* Limiter */ .sorter .limiter{float:left; margin-right:5px} /* All elements - vertical spacing */ .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by{padding-top:5px; padding-bottom:5px} /*Style Dropdown label*/ .limiter label, .sort-by label{float:left} /*Style Dropdown*/ .limiter .dropdown, .sort-by .dropdown{height:30px; border:1px solid #eaedf2; line-height:30px; font-size:12px; float:left; margin-right:5px; text-align:left; -webkit-box-shadow:0 1px 0 0 #FFF inset; -moz-box-shadow: 0 1px 0 0 #FFF inset; box-shadow: 0 1px 0 0 #FFF inset} .limiter .dropdown-toggle .value, .sort-by .dropdown-toggle .value{ background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/link-separator.png) right center no-repeat; padding-right:10px; margin-right:5px} .limiter .dropdown-toggle, .sort-by .dropdown-toggle{padding:0 10px} .limiter .dropdown .icon-flag, .sort-by .dropdown .icon-flag{width:auto; height:auto; padding-right:0} .dropdown .icon-flag .up{display:none} .dropdown .icon-flag .down{display:block} .dropdown:hover .icon-flag .up{display:block} .dropdown:hover .icon-flag .down{display:none} /*Style Dropdown Menu*/ .limiter .dropdown .dropdown-menu, .sort-by .dropdown .dropdown-menu{border:1px solid #eaedf2; border-top:none; min-width:100%; margin-top:-3px; padding:0; left:-1px; border-radius:0 0 3px 3px} .limiter .dropdown .dropdown-menu a, .sort-by .dropdown .dropdown-menu a{padding:5px 10px; display:block} /*Style Hover*/ .limiter .dropdown:hover, .sort-by .dropdown:hover{background-color:#FFF} .limiter .dropdown:hover .dropdown-toggle, .sort-by .dropdown:hover .dropdown-toggle{color:#2E8894} .limiter .dropdown .dropdown-menu a:hover, .sort-by .dropdown .dropdown-menu a:hover{background-color:#ECF0F1} /* Data Table*/ .data-table .product-name{font-weight:600; font-size:1.1111em; line-height:1.1111em} .data-table{width:100%} .data-table th, .data-table td{padding:20px; text-align:left !important; border-bottom:1px solid #e5e5e5; font-weight:300} .data-table td{font-size:14px} .data-table thead{background:none} .data-table thead th{vertical-align:bottom; font-size:1.3333em; line-height:1.3333em; font-weight:300} .data-table thead th.wrap{white-space:normal} .data-table tr th.last, .data-table tr th:last-child{border-right:none} .data-table tr.odd td, .data-table tr.odd th{} .data-table tr.odd td.last{border-right:none} .data-table tr.odd{} .data-table tr.odd.last{} .data-table tr.even td, .data-table tr.even th{} .data-table tr.even td.last{border-right:none} .data-table tr.even{} .data-table tbody tr:hover{} .data-table tbody tr.product-shop-row:hover{/*background-color:#fff; */} .data-table tbody.odd{} .data-table tbody.odd td{} .data-table tbody.odd tr.last{} .data-table tbody.even{} .data-table tbody.even td{} .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td{} .data-table th .tax-flag{/*white-space:nowrap; */ font-weight:normal} .data-table tfoot tr td{text-align:right !important} .data-table tfoot tr.last td{border-bottom:none} .data-table tfoot td.last{border-right:none; text-align:left !important} /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cartlabel{display:none} /* Generic Info Box */ .info-box{background:#fff; border:1px solid #E4E4E4; padding:12px 15px; margin:0 0 15px} .info-box h2{font-weight:bold} .info-table th{font-weight:bold; padding:2px 15px 2px 0} .info-table td{padding:2px 0} tr.summary-total{cursor:pointer} tr.summary-total td{} tr.summary-total .summary-collapse{float:right; text-align:right; padding-left:20px; background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/default-icon/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer} tr.show-details .summary-collapse{background-position:0 -53px} tr.show-details td{} tr.summary-details td{font-size:11px; background-color:#ECF0F1; color:#777; padding:2px 5px !important} tr.summary-details-first td{border-top:1px solid #d5d5d5} tr.summary-details-excluded{font-style:italic} /* 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(https://www.ttshop.fr/skin/frontend/neoshop/default/images/default-icon/bkg_collapse.gif) 100% 4px 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% -53px} /* Misc*/ .link-cart{font-weight:bold} .link-reorder{font-weight:bold} .link-print{} .link-rss{white-space:nowrap} .link-print:before, .link-rss:before{padding-right:10px; font-family:neoshop; font-size:1.2em} .cards-list dt{margin:5px 0 0} .cards-list .offset{padding:2px 0 2px 20px} .separator{margin:0 3px; font-weight:normal; color:#E4E4E4} .divider{clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#E4E4E4; text-indent:-9999em; overflow:hidden} /* Global site notices -------------------------------------------------------------- */ /* Obsolete:*/ .global-site-notice{background:#ECF0F1; color:#333} .global-site-notice .notice-inner{max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/alert-icon/i_msg-note.png) 20px center no-repeat; text-align:left} .global-site-notice .notice-inner p{width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle} .global-site-notice .notice-inner .actions{display:inline-block; vertical-align:middle} /* Demo Notice */ .demo-notice{margin:0; padding:6px 10px; background:#f25448; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff} .demo-notice .notice-inner{width:auto; padding:0; background:none; text-align:center} .demo-notice .notice-inner p{padding:0; border:0} /* Buttons remove/close and edit */ /* Common styles for buttons -------------------------------------------------------------- */ .btn-remove:before, .btn-remove2:before, .btn-edit:before, .link-wishlist:before{width:17px; height:17px; line-height:17px; overflow:hidden; font-family:neoshop; font-size:18px; text-align:center} .btn-remove, .data-table .link-wishlist, .btn-edit{ display:block} /* Class:std */ .std .subtitle{padding:0} .std ol.ol{list-style:decimal outside; padding-left:1.5em} .std dl dt{font-weight:bold} .std dl dd{margin:0 0 10px} .std dl, .std p, .std address, .std blockquote{margin:0 0 1em; padding:0} /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc{margin:0 0 1em; padding:0} /* Disc */ ul.disc{list-style:disc outside none; padding-left:1.5em} ul.disc li{background-image:none; padding-left:0} /* Bullet */ ul.bullet{list-style:none outside none} ul.bullet li a:before{ float:left; font-family:neoshop; font-size:16px; line-height:20px} /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul{margin-top:0.5em; margin-bottom:0.5em} ul.bullet li a, ul.disc li a{display:block; padding:5px 0} /* Separator -------------------------------------------------------------- */ ul .separator{border-bottom:1px solid #fff; margin:8px 1px; overflow:hidden} ul.separator li a{ padding:10px 0; border-bottom:1px solid #404852} ul.separator li:last-child a, ul.separator li.last a{border-bottom:none} ul.separator li.first a{ padding-top:0} ul.footer-nobullet li a{display:block; padding:4px 0} /* Lists inside ".std" */ /* Unordered list without any bullets */ .std ul.no-bullets{list-style:none outside none !important; padding-left:0 !important} .std ul.no-bullets li{background-image:none !important; padding-left:0 !important} /* Ordered lists */ .std ol{list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em} .std ol ol, .std ul ol, .std ol ul{margin:0.5em 0} /* Misc */ .std dt{font-weight:bold} .std dd{padding:0 0 0 1.5em} .std blockquote{font-style:italic; padding:0 0 0 1.5em} .std address{font-style:normal} .std b, .std strong{font-weight:bold} .std i, .std em{font-style:italic} .std .products-grid p{margin-bottom:0} /* Banners Style | Banner with Content*/ .banner-container .banner img{ display:block; margin:0 auto; -webkit-transition:-webkit-transform .3s ease-out; -moz-transition:-moz-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out} .banner-container .banner:hover img{ -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)} .banner-container .banner{ margin-bottom:20px; text-align:center; overflow:hidden; position:relative;} .banner-content{ background:rgba(42,55,68,0.4); border:1px solid rgba(42,55,68,0.18); -webkit-box-shadow:0 0 0 5px rgba(42,55,68,0.2); -moz-box-shadow:0 0 0 5px rgba(42,55,68,0.2); box-shadow:0 0 0 5px rgba(42,55,68,0.2); border-radius:4px; height:80%; left:10%; padding:15px; position:absolute; text-align:center; top:10%; width:80%; color:#FFF} .banner-content span{ display:block} a.bn-button{ border:2px solid #fff; clear:both; color:#fff; display:inline-block; font-size:1.66em; padding:6px 20px 9px; border-radius:4px; margin:15px auto 0} a.bn-button:hover{ background:#f25448; border-color:#f25448; color:#FFF} .banner-content h3{ font-size:3em} /*BORDER BANNER*/ .banner-bd{ position:relative; display:block; overflow:hidden} .banner-bd img{ padding:8px;} .banner-bd:before{ content:''; position:absolute; left:0; top:0; right:0; bottom:0; border-width:2px; border-style:solid; transition:border-width 0.1s ease-in-out; -webkit-transition:border-width 0.1s ease-in-out; -o-transition:border-width 0.1s ease-in-out} .banner-bd.banner-style1:before{border-color:#656565} .banner-bd.banner-style2:before{border-color:#505050} .banner-bd.banner-style3:before{border-color:#e79d79} .banner-bd.banner-style4:before{border-color:#f25448} .banner-bd.banner-style5:before{border-color:#43c467} .banner-bd.banner-style6:before{border-color:#3498db} .banner-bd.banner-style7:before{border-color:#d9e3e8} .banner-bd.banner-style8:before{border-color:#e3e3e3} .banner-bd.nobord:before{border:0} .banner-bd:hover:before{border-width:6px} .banner-bdradius3, .banner-bdradius3:before{border-radius:3px; -webkit-border-radius:3px} .banner-bdradius5, .banner-bdradius5:before{border-radius:5px; -webkit-border-radius:5px} .banner-bdradius8, .banner-bdradius8:before{border-radius:8px; -webkit-border-radius:8px} /*Banner buttons Styles*/ .banner-button{ bottom:40%; display:block; position:absolute; right:10%} .banner-button.btleft{ left:10%} /*Bordered*/ .bt-border{ border:2px solid #fff; color:#fff; padding:5px 10px} .bt-border:hover{background:#FFF} .bt-border.btstyle1{border-color:#2E8894; color:#2E8894} .bt-border.btstyle2{border-color:#404852; color:#404852} .bt-border.btstyle3{border-color:#e79d79; color:#e79d79} .bt-border.btstyle4{border-color:#f25448; color:#f25448} .bt-border.btstyle4{border-color:#43c467; color:#43c467} /*Background*/ .bt-bg{ padding:5px 10px; background:#FFF} .bt-bg.bgstyle1{background:#2E8894; color:#FFF} .bt-bg.bgstyle2{background:#404852; color:#FFF} .bt-bg.bgstyle3{background:#f25448; color:#FFF} .bt-bg.bgstyle4{background:#43c467; color:#FFF} /*Banner overlay effects*/ .banner-view{ position:relative; overflow:hidden} .banner-view .mask{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0} .hv-effect1 img{ opacity:0.9; -moz-transition:opacity 0.3s ease-in; -webkit-transition:opacity 0.3s ease-in; transition:opacity 0.3s ease-in} .hv-effect1 .mask{ cursor:pointer; opacity:1; visibility:visible; border:100px solid rgba(0,0,0,0.1); -webkit-transition-property:opacity,visibility,border-width; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:cubic-bezier(0.940,0.850,0.100,0.620); -o-transition-property:opacity,visibility,border-width; -o-transition-duration:0.4s; -o-transition-timing-function:cubic-bezier(0.940,0.850,0.100,0.620); transition-property:opacity,visibility,border-width; transition-duration:0.4s; transition-timing-function:cubic-bezier(0.940,0.850,0.100,0.620)} .hv-effect1:hover .mask{ border:0px double rgba(0,0,0,0.2); opacity:0; visibility:hidden; top:0; bottom:0} .hv-effect1:hover img{ opacity:1} /* Category Block*/ .category-block-section{display:block; margin-top:0; margin-bottom:25px; position:relative; clear:both} .center-block{display:block; margin:0 auto; text-align:center} /*Remove Bottom Margin Full Width Block*/ .full-width-block .category-block-section{margin-bottom:0} .full-width-block.full img{width:100%} /* Header container*/ .header-container, .header-container1, .header-container2, .header-container3, .header-container4{border-bottom:1px solid #E4E4E4} .header-container .wp-custom-menu-popup{border-radius:0 0 4px 4px; width:100%} .header-container .logo, .header-container4 .logo{max-width:250px} .header-container .currency.dropdown .dropdown-toggle, .header-container .language.dropdown .dropdown-toggle{padding:0 10px} .header-container .currency.dropdown .dropdown-toggle .top-arrow, .header-container .language.dropdown .dropdown-toggle .top-arrow{display: none;} .header-container .language .dropdown-menu, .header-container .currency .dropdown-menu{border-radius:4px 0 4px 4px;} .header-container .language.dropdown:hover, .header-container .currency.dropdown:hover{color:#FFF; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.2);} .header-container .language.dropdown:hover .dropdown-menu, .header-container .currency.dropdown:hover .dropdown-menu {-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);} .header-container .header-topcontainer{background:transparent; padding:3px 0} .header-container .top-links .links >li >a{border-radius:4px} .header-container .top-links .links >li >a:hover{background:#2E8894; color:#FFF} .header-container .block.compare, .header-container .shopping_cart{margin-top:4px} .header-container .nav-maincontainer, .header-container4 .nav-maincontainer{background:#323A46} .nav-maincontainer.fixed{position:fixed; z-index:9999; top:0} .nav-maincontainer .logo{float:left; display:none; padding:0; padding-top:10px; height:40px} .nav-maincontainer .logo a{display:table-cell; vertical-align:middle} .nav-maincontainer.fixed .logo{ display:block; width:120px; padding-right:10px} .nav-maincontainer.grid-full.fixed{ border-radius:0!important; left:0; right:0; position:fixed!important; top:0; width:100%} .header-container4 .nav-maincontainer.fixed, .header-container4 .nav-maincontainer.grid-full.fixed{margin:0!important} .nav-maincontainer.grid-full.fixed .logo{margin:0 10px} .nav-maincontainer.grid-full.fixed div.menu:first-child a{ border-radius:0!important} .header-container4 div.menu a:link, .header-container4 div.menu a:visited{height:60px; line-height:60px} .header-container .nav.container, .header-container4 .nav.container{position:relative} .header-container4 .nav-maincontainer.fixed .logo{width:auto} /* Header top */ .header-topcontainer{float:left; width:100%; background:#2a3744; color:#969b9b} .header-top{line-height:2.5em} .wel-text a{color:#f25448} .wel-text a:hover{text-decoration:underline} /* Main Header*/ .header-maincontainer{padding:25px 0; float:left; width:100%; background:#FFF} .header-container4 .header-maincontainer{padding-bottom:55px} .header-container4 .nav-maincontainer{margin-top:-30px} /* Main Header Fixed*/ .header-maincontainer.fixed{width:100%; margin:0 auto; float:none; position:fixed; padding:10px 0; top:0; z-index:10000; border-bottom:1px solid #E4E4E4; -webkit-box-shadow:0 3px 0 rgba(0,0,0,0.07); box-shadow:0 3px 0 rgba(0,0,0,0.07)} /*Fixed Header Label*/ .header-maincontainer.fixed .category-label{display:none} /* logo*/ .logo{max-width:300px} .logo strong{display:none} /* Mini-cart*/ .block.wishlist.dropdown, .block.compare.dropdown, .shopping_cart.dropdown{width:42px; height:42px; line-height:48px; text-align:center; background-color:#f25448; color:#FFF} .block.wishlist.dropdown:hover .count, .block.compare.dropdown:hover .count, .shopping_cart.dropdown:hover .count{background-color:#f25448} .after-mini-cart{clear:both} /* Mini-cart content -------------------------------------------------------------- */ .shopping_cart .dropdown-menu a{background-color:transparent; padding:0} .shopping_cart .dropdown-menu .inner{} .shopping_cart .dropdown-menu .incl-tax{display:block; padding-bottom:10px; text-align:right} .shopping_cart .dropdown-menu .empty{padding:10px 0} .shopping_cart .dropdown-menu .price{font-weight:bold} .shopping_cart .item-cart-left{float:left; width:70%} .shopping_cart .item-cart-right{float:left; width:30%} .shopping_cart .button-set{margin-top:5px} .shopping_cart .btn-remove2, .shopping_cart .btn-edit{float:right; margin-left:5%} .shopping_cart .product-details strong{font-weight:normal} .shopping_cart .subtotal{text-align:right; padding:10px 15px; background:#ECF0F1} .shopping_cart .subtotal .label{} .shopping_cart .subtotal .price{color:#f25448; font-size:16px} .shopping_cart .actions{text-align:center; float:left; width:100%;} .shopping_cart .actions button.btn-checkout{float:right} .shopping_cart .actions button.btn-checkout span span{padding:0 25px; font-size:14px} .shopping_cart .actions button.link-button.btn-cart{background:#2e8894; border:none; font-size:14px; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; cursor:pointer; color:#fff; float:left; margin-left:-15px; padding:0 15px 0 10px; line-height:42px} .shopping_cart .actions button.link-button.btn-cart:hover{background-color:#f25448} .shopping_cart .truncated{margin-left:0} .block-compare.dropdown-menu, #cart-listing{color:#5E6D82} /* Quick search*/ .quick-search{z-index:2; float:right; height:40px} #search_mini_form{clear:both; display:block; position:relative} #search_mini_form label{float:left; margin:3px 4px 0 0; display:none} .form-search{float:right; position:absolute; right:0; width:350px} .form-search .input-text{display:block; overflow:hidden; text-overflow:ellipsis; background-color:transparent; width:100%; border:none;} .form-search button{top:0; right:0; position:absolute; width:40px; height:40px; text-align:center} .search-button{cursor:pointer; display:block; font-size:30px; padding:6px} .header-container .form-search .input-text{height:39px} select.ajaxsearch-category-select, select.ajaxsearch-category-select:focus, .form-search .input-text, .form-search .input-text:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none} /* AJAX Search autocomplete */ .form-search .search-autocomplete{left:0 !important; /*Fix for IE*/top:42px !important; position:relative; z-index:4100 !important} .form-search .search-autocomplete ul{background-color:#fff; text-align:left; padding:3px} .form-search .search-autocomplete li{padding:3px 5px; cursor:pointer; line-height:24px} .form-search .search-autocomplete li:hover{} .form-search .search-autocomplete li .amount{float:right; padding-left:5px} .form-search.ajaxsr .input-text{width:80%!important} .ajaxsearch-category-select{ margin:0!important; width:120%!important; font-size:18px; padding:15px; height:60px; border:none;} /*noinspection ALL*/ select.ajaxsearch-category-select{ text-indent:0.01px; text-overflow:""; background:url("https://www.ttshop.fr/skin/frontend/neoshop/default/images/arr-down.png") no-repeat scroll 80% 50% rgba(0,0,0,0); appearance:none; -moz-appearance:none; /* Firefox deprecated after Firefox 30.0*/ -webkit-appearance:none; /* Safari and Chrome */} .custom-search-select{ float:left; overflow:hidden; width:20% !important} /*Headers Search Style */ .header-container4 .search-button, .header-container .search-button{display:none!important} .header-container .form-search{ width:100%; border:1px solid #d9e3e8; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none} .header-container4 .form-search{ width:100%; border:2px solid #eaedf2; position:relative; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none} .header-container4 .quick-search{ float:none; height:auto; margin:0; padding:15px; position:relative; width:100%} .header-container4 .ajaxsearch-category-select, .header-container4 .form-search.ajaxsr .input-text{ height:45px; font-size:1.2em!important} .header-container4 .ajaxsearch-category-select{padding-left:10px} .header-container4 .form-search button{ height:49px; width:49px; top:-2px; right:-2px; border-radius:0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0} .header-container4 .custom-search-select{border-right:2px solid #eaedf2} .header-container4 .custom-search-select, .header-container .custom-search-select{width:25%!important} .header-container4 .ajaxsearch-category-select, .header-container .ajaxsearch-category-select{font-size:1em; width:125%!important; padding:10px 3px; background-image:url("https://www.ttshop.fr/skin/frontend/neoshop/default/images/arr-down-sm.png"); background-position:74% 50%} .header-container .form-search.ajaxsr .input-text, .header-container .ajaxsearch-category-select{height:39px} .header-container .quick-search{margin-right:10px; width:45%} .header-container4 .form-search.ajaxsr .input-text, .header-container .form-search.ajaxsr .input-text{width:75%!important} .header-container .form-search button.button{background:transparent; color:#5E6D82} .header-container1 .form-search.ajaxsr .input-text, .header-container2 .form-search.ajaxsr .input-text, .header-container3 .form-search.ajaxsr .input-text, .header-container1 .form-search .input-text, .header-container2 .form-search .input-text, .header-container3 .form-search .input-text{padding:12px 60px 12px 20px; font-size:2em; height:60px} .header-container2 .search-button{float:right; padding:0} .header-container1 .quick-search-form, .header-container2 .quick-search-form, .header-container3 .quick-search-form{width:100%; opacity:0.95; z-index:2000; height:60px; right:0; position:absolute; display:none} .header-container1 .quick-search-form, .header-container3 .quick-search-form{top:60px} .header-container2 .quick-search-form{top:42px} .header-container1 .form-search, .header-container2 .form-search, .header-container3 .form-search{width:100%; height:60px; border:1px solid #d9e3e8} .header-container1 .form-search button.button, .header-container2 .form-search button.button, .header-container3 .form-search button.button{height:60px; width:60px; background:transparent; color:#5E6D82} .header-container .form-search button.button:hover, .header-container1 .form-search button.button:hover, .header-container2 .form-search button.button:hover, .header-container3 .form-search button.button:hover{background:transparent; color:#f25448; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none} .header-container1 .form-search button.button span, .header-container2 .form-search button.button span, .header-container3 .form-search button.button span{font-size:2.2em} .header-container3 .form-search{border-radius:0} /* nav top */ .nav .grid-full, .container.radius .nav-maincontainer{position:relative} .nav-maincontainer{float:left; width:100%} .nav-container{float:left} .container.radius .nav-maincontainer{border-radius:5px 5px 0 0} .radius .shopping_cart.dropdown{margin-right:5px} .container.full-radius .nav-maincontainer{border-radius:5px; position:relative} /*Custom Menu*/ .header-container1{float:left; width:100%} .header-container1 div.wp-custom-menu-popup{border:1px solid rgba(0,0,0,0.15); -webkit-box-shadow:0 6px 7px rgba(0, 0, 0, 0.11); -moz-box-shadow:0 6px 7px rgba(0, 0, 0, 0.11); box-shadow:0 6px 7px rgba(0, 0, 0, 0.11);} /* header-topcontainer*/ /*Currency &Language*/ .header-container1 .currency.dropdown, .header-container1 .language.dropdown{height:30px; line-height:30px; background-color:transparent !important; float:left} .header-container1 .currency.dropdown .dropdown-toggle, .header-container1 .language.dropdown .dropdown-toggle{color:#969b9b; padding:0 10px 0} .header-container1 .currency.dropdown .dropdown-toggle:hover, .header-container1 .language.dropdown .dropdown-toggle:hover, .header-container1 .currency.dropdown .dropdown-toggle:active, .header-container1 .language.dropdown .dropdown-toggle:active{color:#FFF; background:#323A46} .header-container1 .language.dropdown .top-arrow, .header-container1 .currency.dropdown .top-arrow{bottom:-4px; z-index: 1000;} .header-container1 .currency.dropdown .dropdown-menu, .header-container1 .language.dropdown .dropdown-menu{left:0} .header-container1 .top-links .links >li >a:hover{color:#FFF} .header-container1 .shopping_cart.dropdown .top-arrow, .header-container1 .block.compare.dropdown .top-arrow, .header-container1 .block.wishlist.dropdown .top-arrow{display:none} .header-container1 .block.compare.dropdown{background:transparent; color:inherit} .header-container1 .block.wishlist .dropdown-menu, .header-container1 .block.compare .dropdown-menu, .header-container1 .shopping_cart .dropdown-menu{ margin-top:-6px; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border:1px solid rgba(0,0,0,0.15); border-top:4px solid #2E8894} .header-container1 .shopping_cart.dropdown, .header-container1 .block.compare.dropdown, .header-container1 .block.wishlist.dropdown{-webkit-transition:-webkit-border-radius 0.3s ease,background-color 0.3s ease; -moz-transition:-moz-border-radius 0.3s ease,background-color 0.3s ease; -ms-transition:border-radius 0.3s ease,background-color 0.3s ease; -o-transition:border-radius 0.3s ease,background-color 0.3s ease; transition:border-radius 0.3s ease,background-color 0.3s ease} .header-container1 .shopping_cart.dropdown:hover, .header-container1 .block.compare.dropdown:hover, .header-container1 .block.wishlist.dropdown:hover{border-radius:4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color:#fff} /* Header Style 2*/ .header-container2{float:left; width:100%} /* header-topcontainer*/ .header-container2 .header-topcontainer{ background-color:transparent; color:#BB8F77} .top-links .links >li >a{color:#969b9b} /*Top links*/ .header-container2 .top-links{margin-top:5px; height:18px} .header-container2 .top-links.tpl2{margin-top:0; height:auto} .header-container2 .top-links .links >li >a:hover{background-color:transparent} .header-container2 .wel-text{padding-left:4px} /*Currency &Language*/ .header-container2 .currency.dropdown, .header-container2 .language.dropdown{height:30px; line-height:30px; background-color:transparent !important; float:left} .header-container2 .currency.dropdown .dropdown-toggle, .header-container2 .language.dropdown .dropdown-toggle{color:#2E8894; padding:0 10px 0} .header-container2 .language.dropdown .dropdown-toggle{padding-left:0} .header-container2 .language.dropdown .top-arrow, .header-container2 .currency.dropdown .top-arrow{bottom:-2px; right:auto; left:25px; z-index: 1000; background: none;} .header-container2 .language.dropdown .dropdown-menu{left:0} .header-container2 .currency.dropdown .dropdown-menu{left:0} /*Logo*/ .header-container2 .logo{max-width:250px; margin:0 auto} .header-container2 .block.wishlist.dropdown, .header-container2 .block.compare.dropdown, .header-container2 .shopping_cart.dropdown{background:transparent; border:1px solid #51657A; color:#51657A; border-radius:50%} .header-container2 .block.compare.dropdown:hover, .header-container2 .block.wishlist.dropdown:hover, .header-container2 .shopping_cart.dropdown:hover{background:transparent} /*Custom Menu*/ .header-container2 .nav-container{float:none} .navbox{float:none; width:auto} /* Header Style 3*/ .header-container3{float:left; width:100%} .header-container3 .header-maincontainer{padding:0; min-height:70px} .header-container3 .logo{padding:10px 12px 10px 0} /* Menu */ .header-container3 .nav-maincontainer{width:auto; float:right; background:transparent} .header-container3 div.menu a:link, .header-container3 div.menu a:visited{color:#2a3744; font-weight:400; min-height:70px; height:auto; line-height:70px} .header-container3 div.menu a:hover, .header-container3 div.menu.act a, .header-container3 div.menu.active a{color:#fff} .header-container3 #menu-button, .header-container3 .parentMenu{padding-bottom:0} .header-container3 div.wp-custom-menu-popup{border-radius:0} /*Currency &Language*/ .header-container3 .currency.dropdown, .header-container3 .language.dropdown{height:30px; line-height:30px; background-color:transparent !important} .header-container3 .currency.dropdown .dropdown-toggle, .header-container3 .language.dropdown .dropdown-toggle{padding:0 10px 0} .header-container3 .language.dropdown .top-arrow, .header-container3 .currency.dropdown .top-arrow{display:none} .header-container3 .language.dropdown .dropdown-menu, .header-container3 .currency.dropdown .dropdown-menu{background-color:#2a3744} .toplinks .links >li{display:block} .toplinks .links >li >a:hover{background-color:#2E8894; color:#FFF} .toplinks.dropdown{background:transparent; height:30px; line-height:30px} .header-container3 .currency.dropdown:hover .dropdown-toggle, .header-container3 .language.dropdown:hover .dropdown-toggle, .header-container3 .toplinks.dropdown:hover .dropdown-toggle, .toplinks.dropdown:hover{background:transparent; color:#fff} .header-container3 .block.wishlist.dropdown, .header-container3 .block.compare.dropdown, .header-container3 .shopping_cart.dropdown, .header-container3 span.search-button{margin:12px 5px 10px 0; background:transparent; color:#2a3744} .header-container3 .block.wishlist .count, .header-container3 .block.compare .count, .header-container3 .shopping_cart .count{background:#2a3744} .header-container3 .block.compare.dropdown:hover, .header-container3 .shopping_cart.dropdown:hover, .header-container3 .dropdown:hover .dropdown-toggle, .header-container3 span.search-button:hover{background:transparent; color:#f25448} .header-container3 .header-topcontainer{background:#2a3744} .header-container3 .wel-text{float:right; padding-right:15px; font-size:13px} .header-container3 .nav-container span.category-label{top:2px} .header-container3 .top-links .links >li >a:hover{color:#FFF} .header-container4 .currency.dropdown, .header-container4 .language.dropdown{height:30px; line-height:30px; background-color:transparent} .header-container4 .currency.dropdown .dropdown-toggle, .header-container4 .language.dropdown .dropdown-toggle{padding:0 10px 0} .header-container4 .language.dropdown .top-arrow, .header-container4 .currency.dropdown .top-arrow{display:none} .header-container4 .parentMenu span{padding-bottom:7px} .header-container4 .block.wishlist.dropdown, .header-container4 .block.compare.dropdown, .header-container4 .shopping_cart.dropdown{background:transparent!important; width:45px; height:45px; line-height:52px; border:2px solid #eaedf2; color:#f25448} .header-container4 .block.wishlist.dropdown .icon, .header-container4 .block.compare.dropdown .icon{font-size:28px} .header-container4 .shopping_cart.dropdown .icon{font-size:34px} .header-container4 .block.wishlist.dropdown:hover, .header-container4 .block.compare.dropdown:hover, .header-container4 .shopping_cart.dropdown:hover{color:#2E8894; background:transparent} .header-container4 .form-search button.button span{font-size:1.7em; text-indent:1px} .header-container4 .currency.dropdown:hover .dropdown-toggle, .header-container4 .language.dropdown:hover .dropdown-toggle, .header-container4 .toplinks.dropdown:hover .dropdown-toggle, .header-container4 .toplinks.dropdown:hover, .header-container4 .language .dropdown-menu, .header-container4 .currency .dropdown-menu, .header-container4 .toplinks .dropdown-menu{background:#333; color:#fff} /* Sidebar Blocks*/ .block{margin:0 0 30px} .block .block-title{background-color:#2a3744; border-radius:4px 4px 0 0; padding:8px 20px; border-bottom:1px solid #E4E4E4} .block .block-title strong{font-weight:inherit; color:#FFF} .block .block-title a{text-decoration:none !important} .block .block-subtitle{margin:5px 0 10px; padding:0} .block .block-content{padding:20px; font-size:1.2em; border-radius:0 0 4px 4px} .block .block-content li{padding:6px 0} .block .block-content li.item{border-bottom:1px solid #E4E4E4; padding:9px 0} .block .block-content li.item.last, .block .block-content li.item:last-child{border-bottom:none} .block .block-content li.item .product-name{padding-bottom:0} .block .btn-remove{float:right} .block .btn-edit{float:right} .block .actions{margin:10px 0 0 0; padding:10px 0 0; border-top:1px solid #E4E4E4; text-align:right} .sidebar .block .block-content .block-title{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} /* Block lists*/ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol{} .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li{} /* Mini Products List*/ .mini-products-list li{padding:5px 0} .mini-products-list .product-image{float:left; width:60px} .mini-products-list .product-details{margin-left:69px; text-align:left} .mini-products-list .product-details h4{font-size:1em; font-weight:bold; margin:0} .mini-products-list .product-details .ratings {margin: 3px 0;height: 17px;} /* Common styling for mini list and cross-sell list */ .cart .crosssell .product-image, .data-table.cart-table .product-image, .mini-products-list .product-image{overflow: hidden;} .cart .crosssell .product-image img, .data-table.cart-table .product-image img, .mini-products-list .product-image img{border-radius: 4px;-webkit-border-radius: 4px; -webkit-transition: -webkit-transform 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;} .data-table.cart-table .product-image img:hover, .mini-products-list .product-image img:hover, .cart .crosssell .product-image img:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .mini-products-list .product-name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:5px}/*Single Line Name*/ .mini-products-list .price-box{padding:0 0 5px} .mini-products-list .price-box .price-label{display:none} .mini-products-list .product-details .old-price {float: left; margin-right: 5px;} /* Block:Account*/ .block-account .block-title{} .block-account .block-content{} .block-account .block-content ul{} .block-account li >*{display:block} .block-account li strong{font-weight:normal; color:#f25448} /* Block:Layered Navigation*/ .block-layered-nav .block-content{} .block-layered-nav .block-subtitle{display:none; margin-bottom:0} .block-layered-nav dd ol li a, .block-blog dd ol li a{display:initial; padding:0} /* List of filters */ .block-layered-nav dl, .block-blog dl{padding-left:0; padding-top:0} .block-layered-nav dt, .block-blog dt{line-height:1.1111em; font-size:120%; font-weight:bold; padding:0} .block-layered-nav dd, .block-blog dd{padding:10px 0 15px 0; float:left; width:100%} .block-layered-nav dd.last, .block-blog dd.last{border-bottom:none} /* Current filters */ .block-layered-nav .currently{margin:10px 0} .block-layered-nav .currently .block-subtitle{display:block; padding:10px 10px 0; font-weight:normal} .block-layered-nav .currently ol{padding:10px} .block-layered-nav .currently ol li{margin-bottom:4px} .block-layered-nav .currently .label{margin-right:4px; color:#d90000} .block-layered-nav .currently .btn-remove{float:right; margin-left:5px} .block-layered-nav .actions{margin:0} .block-layered-nav .actions a{float:right} /* List items */ .block-layered-nav dd li, .block-layered-nav .currently ol li{} .block-layered-nav dd li:hover, .block-layered-nav .currently ol li:hover{} /* Sidebar Navigation*/ /* List items */ #sidebar-navigation li{padding:0; position:relative; border:none} #sidebar-navigation li.last{border:0 none} #sidebar-navigation li a{border-bottom:1px solid #f0f0f0; display:block; padding:9px 0} #sidebar-navigation li.level0:last-child >a{border-bottom:none} #sidebar-navigation .icon-before{display:inline-block; float:left; padding:3px 5px 3px 1px} /* List Levels */ #sidebar-navigation li ul.level0{display:none; padding-left:15px} #sidebar-navigation li.active ul.level0{display:block} #sidebar-navigation li.active ul.level0 li.active ul.level1{display:block} #sidebar-navigation li.active ul.level0 li.active ul.level1 li.active ul.level2{display:block} #sidebar-navigation li ul.level0 li.last{border:0 none} /* Level 0 */ #sidebar-navigation li.level0 a{font-weight:500; font-size:16px} /* Level 1 */ #sidebar-navigation li ul li ul{display:none; padding-left:15px} #sidebar-navigation li.level1 a{font-weight:300; font-size:14px} #sidebar-navigation li.level0.active li.level1 a{color:#2E8894} /* List Active Icons */ #sidebar-navigation li a.show-cat{ text-align:center; text-indent: 2px; position:absolute; z-index:1; right:0; top:0; height:36px; width:36px; padding:0; background:transparent; line-height:36px; border-bottom:none; font-family:neoshop; font-size:1em; border-left:1px solid #f0f0f0} #sidebar-navigation li a.show-cat span.minus{display:none} #sidebar-navigation li a.show-cat.active span.minus{display:inline-block} #sidebar-navigation li a.show-cat.active span.plus{display:none} #sidebar-navigation li a.show-cat span.plus{display:inline-block} #sidebar-navigation .plus.mpx-fa-double-down{font-size:1.667em} /*Level Active &Hover*/ #sidebar-navigation li.level0.active a, #sidebar-navigation li.level0.active li.level1 a:hover, #sidebar-navigation li a.active, #sidebar-navigation li.level0.active li.level1 a.show-cat.active{color:#f25448} /* Block:Wishlist*/ .block-wishlist li.item .btn-remove{margin-left:5px} /* Block:Related*/ .block-related .page-title h2{ font-size:1.667em; font-weight:600} .block-related .block-subtitle{display:none; float:right; padding:5px; margin:-20px 0 0; font-weight:normal} .block.block-related .block-content{padding:0} .block-related:hover .block-subtitle{display:block; background-color:#fff} .block-related input.related-checkbox{float:right; margin:-13px 0 0 10px; position:relative} .block-related-thumbnails .product-image{float:left; margin-bottom:10px} .block-related-thumbnails .product-details{margin-left:110px} .block-related-thumbnails .product-details >*{margin-bottom:5px} .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist{font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block} .block-related-thumbnails .price-box{font-size:1em; line-height:1.25em} .block-related-thumbnails .checkbox{float:left; margin:2px 5px 0 0} /* Block:Compare Products*/ .compare-table{border:0; margin-bottom:20px} .compare-table .btn-remove:before{margin-right:5px} .compare-table tr.add-to-row td{text-align:left} .compare-table tr.first td{text-align:left} .compare-table tr td, .compare-table tr th{font-size:14px} .compare-table tr.first td .product-name{font-family:inherit; font-size:1.1666em; font-weight:300; margin:10px 0} .compare-table tr.first td .ratings{width:145px; margin:10px 0} .compare-table .price-box{margin:10px 0; line-height:15px} .compare-table .price-box .price{font-weight:500} .compare-table .product-image img{display:block} .compare-table .add-to-links{margin-top:5px} .compare-table .add-to-links li{float:none; margin:10px 0 0; font-size:13px} .compare-table a.link-wishlist{overflow:visible; text-indent:0; background:none; display:inline; border:none} /* Block:Compare*/ .block-compare .product-name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}/*Single Line Name*/ /* Block:Poll*/ .block-poll .block-subtitle{} .block-poll input.radio{float:left; margin:1px -18px 0 0} .block-poll .label{display:block; margin-left:18px} .block-poll li{padding:3px 9px} .block-poll .answer{font-weight:bold} .block-poll .votes{float:right; margin-left:10px} /* Block:Tags*/ .block-tags .block-content .tags-list{background:none; border:0; font-size:12px; padding:0} .block-tags .tags-list a{border:1px solid #F0F7FA; padding:3px 5px; border-radius:4px; -webkit-border-radius:4px} .block-tags .tags-list a:hover{color:#fff; background:#2e8894; border-color:#2e8894} .block-tags .actions{text-align:right} .block-tags .actions a{float:none} .tags-list li{display:inline} /* Block:Currency*/ .col-left.sidebar .currency{display:none} /* Block:Subscribe*/ .block-subscribe .input-box{margin-top:5px} .block-subscribe input{width:100%} .block-subscribe .actions button.button{float:none} /* Block:Reorder*/ .block-reorder input.checkbox{float:left; margin:2px -20px 0 0} .block-reorder .product-name{margin-left:20px} .block-reorder .validation-advice{margin:3px 9px 7px} /* Block:Banner*/ .block-banner{} .block-banner .block-content{text-align:center} /* Block:Login*/ .block-login label{font-weight:bold} .block-login input.input-text{display:block; width:167px; margin:3px 0} /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo{display:block; margin:10px 0 30px; text-align:center} .sidebar .paypal-logo a{float:none} /* Quick View */ .quick-view{ position:absolute; top:0; bottom:0; height:40px; left:0; right:0; margin:auto; text-align:center; line-height:40px; display:inline-block} /* View Type:Grid*/ .catblocks{ float:left; padding:0 0 20px; width:100%;} .catblocks li{ border:1px solid #ccc; float:left !important; margin-bottom:10px; margin-right:1%; margin-left:1%; padding:10px; position:relative; width:23% !important; } .catblocks li a span{ background-color:#2E8894; bottom:0; color:#fff; font-size:17px; font-weight:bold; left:0; margin-right:10px; padding:5px 10px; position:absolute; text-align:center; text-transform:uppercase; width:100%;} /* Products grid:basic styles -------------------------------------------------------------- */ /*Product Item*/ .products-grid .item, .products-list .item{border:1px solid #D9E3E8; border-radius:4px; background-color:#FFF; overflow:hidden} .products-grid .item{transition:box-shadow 0.3s ease-out; -moz-transition:box-shadow 0.3s ease-out; -webkit-transition:box-shadow 0.3s ease-out; -o-transition:box-shadow 0.3s ease-out} .products-grid .item:hover{ box-shadow:3px 3px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 0 rgba(0,0,0,0.1); -ms-box-shadow:3px 3px 0 rgba(0,0,0,0.1); -o-box-shadow: 3px 3px 0 rgba(0,0,0,0.1)} .products-grid .item:hover{z-index:10} /*Product Image*/ .products-grid .product-name{margin:0 0 0; padding:0} .products-grid .product-image{display:block; position:relative; margin-left:auto; margin-right:auto} .products-grid .product-image img{border-radius:4px} /*Product Content*/ .products-grid .product-content-wrapper{ padding:15px 10px 20px; width:100%; display:inline-block;} .products-grid .price-rating{width:100%; margin:0 0 0} .products-grid .price-box{margin:10px 0 0} .products-grid .price-box p{display:inline-block; margin-bottom:0} .products-grid .price-box .price-label{display:none} .products-grid .ratings{margin:10px 0 0} .products-grid .ratings .rating-box{margin-right:5px; float:left; display:inline-block} .products-grid .rating-links{display:none} .products-grid .actions{margin:10px 0 0} .products-grid .availability{float:none; margin:5px 0} .products-grid button.button{margin-top:13px} .products-grid button.button span span{padding:0 20px} .products-grid .add-to-links{margin:13px 0 0} /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover{display:none} .products-grid .item:hover .display-onhover{display:block} /* Grid Style 1 -------------------------------------------------------------- */ .product-style1 .item .product-toolbar {opacity:0; position: absolute;width: 100%; bottom:0; text-align: left; background-color: rgba(42, 55, 68, 0.66);} .product-style1 .item .products-grid .rating-info {display: none;} .product-style1 .item:hover .product-toolbar {opacity: 1; bottom: 0;} .product-style1 .icons-style1 {float: left; color: #FFFFFF} .product-style1 .icons-style1:hover {color: #f25448;} .product-style1 .icons-style1 .icon{text-indent: 0;padding: 2px;border-right: 1px solid #848484; border-radius: 0; -webkit-border-radius: 0;} .product-style1 .icons-style1 .icon.mpx-search1 {font-size: 29px;} .products-grid.product-style1 .rating-info{display: none;} .products-grid.product-style1 .ratings{margin-top: 12px; margin-right: 5px;} /* View Type:Grid Full -------------------------------------------------------------- */ .category-full .col-main, .category-full .col-left{float:none} /* Block:Layered Navigation ------------------------------------------ */ .category-full .col-left .block.block-layered-nav{display:block} .category-full .col-left .block.block-layered-nav >.block-content{ font-size:inherit; padding:0; background-color:transparent; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none} .category-full .col-left .block.block-layered-nav >.block-title{display:none} .category-full .col-left .block.block-layered-nav .block-content .view{clear:both} .category-full .col-left .block.block-layered-nav .block-content .view .block-title{color:#FFF; border-bottom:none} .category-full .col-left .block.block-layered-nav .block-content .view .opener{right:20px; top:9px} .category-full .col-left .block.block-layered-nav .view .block-content{font-size:1.2em; margin-top:-0.85em; margin-bottom:0.85em; float:none; width:auto} .visible-onhover{ visibility:hidden; opacity:0; transition:visibility 0s ease-in-out 0.1s,opacity 0.2s ease-in-out 0ms; -moz-transition:visibility 0s ease-in-out 0.1s,opacity 0.2s ease-in-out 0ms; -webkit-transition:visibility 0s ease-in-out 0.1s,opacity 0.2s ease-in-out 0ms; -o-transition:visibility 0s ease-in-out 0.1s,opacity 0.2s ease-in-out 0ms} .products-grid .item:hover .visible-onhover, .products-list .item:hover .visible-onhover, .dropdown:hover .visible-onhover, div.menu.active a .visible-onhover, #search_mini_form:hover .visible-onhover, #nav li.parent.over .visible-onhover{ visibility:visible; opacity:1; transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -moz-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -webkit-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s; -o-transition:visibility 0s ease-in-out 0s,opacity 0.2s ease-in-out 0.2s} .hide-onhover {visibility:visible; opacity:1; transition:visibility 0.2s ease-in-out,opacity 0.3s ease-in-out; -moz-transition:visibility 0.2s ease-in-out,opacity 0.3s ease-in-out; -webkit-transition:visibility 0.2s ease-in-out,opacity 0.3s ease-in-out; -o-transition:visibility 0.2s ease-in-out,opacity 0.3s ease-in-out} .products-grid .item:hover .hide-onhover, .products-list .item:hover .hide-onhover{ visibility:hidden; opacity:0; transition:visibility 0.1s ease-in-out,opacity 0.3s ease-in-out; -moz-transition:visibility 0.1s ease-in-out,opacity 0.3s ease-in-out; -webkit-transition:visibility 0.1s ease-in-out,opacity 0.3s ease-in-out; -o-transition:visibility 0.1s ease-in-out,opacity 0.3s ease-in-out} /* Common styles for View Types:List&Grid*/ .products-grid .product-image-wrapper, .products-list .product-image-wrapper{margin:0 auto; position:relative; text-align:center} /* Product Name ------------------------------------*/ .products-list .product-name, .products-grid .product-name, h3.product-name{font-size:1.3333em; line-height:1.33em; /*16px 20px*/ overflow:hidden; white-space:nowrap; text-overflow:ellipsis} /* Product Price ------------------------------------*/ .products-grid .price-box, .products-list .price-box{ font-size:1.3333em; line-height:1.33em; /*15px 20px*/} /* Product Previous Next ------------------------------------*/ .small_preview{ height:90px; padding:5px; position:absolute; right:0; width:80px; z-index:200} .prevnext a.next, .prevnext a.prev{ background-color:#f25448; border-radius:4px; color:#fff; display:inline-block; height:40px; line-height:40px; padding:0 15px; vertical-align:middle; text-transform:uppercase; font-size:12px} .prevnext a.next:hover, .prevnext a.prev:hover{ background-color:#2E8894} .prevnext i{ font-size:1.428em; padding-top:1px; vertical-align:middle} .prevnext .next i{ margin-right:-3px; padding-left:5px} .prevnext .prev i{ margin-left:-3px; padding-right:5px} /*qr preview*/ .qrpreview{ bottom:48px; height:200px; left:-100px; padding:25px; position:absolute; width:200px; border:3px solid #d9e3e8; z-index:200} .add-to-links .qr-generator span.icon.qrcode{ cursor:pointer; display:inline-block; font-size:2.889em; padding:2px; text-align:center;} span.qrcode:hover{ background-color:#f25448} .qr-generator.link{ float:left; font-size:inherit} span.qrcode.qrlink{ background:none repeat scroll 0 0 transparent; color:inherit; float:left; font-size:28px; line-height:40px; width:30px} span.qrcode.qrlink:hover{ background:transparent} .qr-generator{float:left} /* Sale New Icon*/ .sale, .new{ position:absolute; top:5px; z-index:1} .sale{ left:5px; color:#f25448; -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); -o-transform:rotate(-20deg); -ms-transform:rotate(-20deg); transform:rotate(-20deg)} .new{ right:5px; color:#2E8894; -moz-transform:rotate(15deg); -webkit-transform:rotate(15deg); -o-transform:rotate(15deg); -ms-transform:rotate(15deg); transform:rotate(15deg)} .new .mpx-badge-new1, .sale .mpx-sale2{ font-size:4em} .hidden .sale, .hidden .new{display:none} .custom-label{ position:absolute; background-color:#ff2222; color:#fff; font-weight:700; width:48px; height:48px; line-height:48px; text-align:center; -webkit-border-radius:4px; border-radius:2px; z-index:199; top:10px} .custom-label:after{ background:padding-box #ff2222; -webkit-border-radius:4px; border-radius:2px; bottom:0; content:""; display:block; left:0; position:absolute; right:0; top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); z-index:-4} .custom-label.new-lbl{ background-color:#2E8894; right:10px} .custom-label.new-lbl:after{ background-color:#2E8894} .custom-label.sale-lbl{ left:10px} /* Category Label ------------------------------------*/ span.category-label{ padding:0 6px !important; font-size:12px; line-height:22px; background-color:#2E8894; color:#fff; text-transform:capitalize; position:absolute; border-radius:4px} span.category-label:before{ position:absolute; width:0; height:0; content:""; border-style:solid; border-width:4px; border-color:transparent; transition:border-color 450ms ease-in-out; -moz-transition:border-color 450ms ease-in-out; -webkit-transition:border-color 450ms ease-in-out; -o-transition:border-color 450ms ease-in-out} div.menu a span.category-label, .nav-container #nav a span.category-label{ top:-14px; left:inherit; right:inherit} div.menu a span.category-label:before, .nav-container #nav a span.category-label:before{ left:6px; top:22px; border-top-color:#2E8894} div.wp-custom-menu-popup a.itemMenuName span.category-label{ position:inherit} /*Label Margin Left Side*/ .menu-mobile .parentMenu a span.category-label, #sidebar-navigation li a span.category-label, div.wp-custom-menu-popup a.itemMenuName span.category-label{ margin-left:5px} /*Discount Label*/ .item .discount-label {background: #f25448;border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0; color: #fff;display: block;font-size: 1.3em;font-weight: 600;left: 0;padding: 5px 8px; position: absolute;top: 75px;z-index: 100;} .item .discount-label.discount-small, .product-image-zoom .discount-label.discount-small .discount_a{background-color: #1abc9c;} .product-view-countdown .discount-label.discount-small .discount_a{color: #1abc9c!important;} .item .discount-label.discount-medium, .product-image-zoom .discount-label.discount-medium .discount_a {background-color: #2ecc71;} .product-view-countdown .discount-label.discount-medium .discount_a{color: #2ecc71!important;} .item .discount-label.discount-big, .product-image-zoom .discount-label.discount-big .discount_a{background-color: #f1c40f;} .product-view-countdown .discount-label.discount-big .discount_a{ color: #f1c40f!important;} .item .discount-label.discount-xbig, .product-image-zoom .discount-label.discount-xbig .discount_a, .product-view-countdown .discount-label.discount-xbig .discount_a{background-color: #e67e22;} .product-view-countdown .discount-label.discount-xbig .discount_a{ color: #e67e22!important;} .item .discount-label.discount-xxbig, .product-image-zoom .discount-label.discount-xxbig .discount_a, .product-view-countdown .discount-label.discount-xxbig .discount_a{background-color: #d35400;} .product-view-countdown .discount-label.discount-xxbig .discount_a{ color: #d35400!important;} .item .discount-label.discount-xxxbig, .product-image-zoom .discount-label.discount-xxxbig .discount_a, .product-view-countdown .discount-label.discount-xxxbig .discount_a{background-color: #e74c3c;} .product-view-countdown .discount-label.discount-xxxbig .discount_a{ color: #e74c3c!important;} .item .discount-label.discount-huge, .product-image-zoom .discount-label.discount-huge .discount_a, .product-image-zoom .discount-label.discount-huge .discount_a{background-color: #FF0000; font-size: 1.5em; font-weight: 800;}} .product-view-countdown .discount-label.discount-huge .discount_a{ color: #f1c40f!important;} /*Product Content*/ .products-grid.centered .item{ text-align:center} .products-grid.centered .add-to-links .separator{display:initial; margin:0 2.5% 0 1.5%} .products-grid.centered .add-to-links{clear:both} .products-grid.centered .ratings{ bottom:2px; left:0; position:absolute; right:0; margin:0} .products-grid.centered .item:hover{ margin-bottom:-30px} .products-grid.centered .item:hover .add-to-links{ position:relative; visibility:visible} .products-grid.centered .add-to-links{ position:absolute; visibility:hidden} /* Product image*/ .products-list .product-image .thumbnail, .products-grid .product-image .thumbnail{position:absolute; top:0; left:0; display:none; right:0; margin:0 auto; opacity:1 !important} .products-grid .item:hover .product-image .thumbnail, .products-list .item:hover .product-image .thumbnail{display:inline !important} .products-grid .item:hover .product-image .small-image, .products-list .item:hover .product-image .small-image{visibility:hidden; opacity:0; filter:alpha(opacity="0")} .products-list .product-image img, .products-grid .product-image img {-moz-transform:translateZ(0)} /* View Type:List*/ .products-list .item{ position:relative;float:left; margin-top:20px; width:100%; transition:box-shadow 400ms ease-out; -moz-transition:box-shadow 400ms ease-out; -webkit-transition:box-shadow 400ms ease-out; -o-transition:box-shadow 400ms ease-out} .products-list .product-shop{} .products-list .product-shop-inner{padding:20px 10px 0 10px} .products-list .right-column{float:right; text-align:right} .products-list .right-column-inner{padding:20px 10px 0 10px} .products-list .product-name{margin:0 0 8px; font-weight:500; font-size:1.5em; line-height:1.5em} .products-list .product-image{display:block; position:relative; margin-left:auto; margin-right:auto} .products-list .price-box{margin:0 0 10px} .products-list .price-box .price{font-weight:500} .products-list .price-box .old-price .price{font-weight:300} .products-list .price-box .special-price .price-label{display:none} .products-list .price-box p.special-price, .products-list .price-box p.old-price{display:inline-block} .products-list .ratings{margin:0} .products-list .ratings .rating-links .separator, .products-list .ratings .rating-links .separator+a{display:none} .products-list .desc{margin:15px 0; border-top:1px solid #E4E4E4; padding:10px 0 0; font-size:1.2em; line-height:1.5} .products-list .link-learn{color:#f25448} .products-list .link-learn:hover{text-decoration:underline} .products-list .btn-cart{float:right} .products-list .button span{float:none} .products-list .availability{float:none; margin:15px 0} .products-list .add-to-links{margin:15px 0; float:right} .products-list .add-to-links.addto-links-icons span.icon{font-size: 1.667em;} .products-list .item:hover{ box-shadow:0 0 15px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 0 15px 0 rgba(0,0,0,0.1); -o-box-shadow:0 0 15px 0 rgba(0,0,0,0.1)} .products-list .item .discount-label { background: none;border-radius: 0;color: inherit;display: inline-block; font-weight: 400; margin-bottom: 10px; margin-top: -10px; padding: 0;position: relative;top: auto;} .products-list .item .discount-label .discount_a{font-weight: 600;} /* Product view elements */ /* Rating*/ .ratings, .no-rating{line-height:1.0833em; margin:15px 0 15px} .no-rating{margin:0} .ratings a{line-height:1.0833em} .ratings strong{float:left; margin:1px 5px 0 0} .ratings .rating-links .separator{display:inline-block; width:1px} .rating-box{width:66px; height:13px; font-size:0; line-height:0; background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden} .rating-box .rating{float:left; height:13px; background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/ratings.png) 0 100% repeat-x} .ratings .rating-box{float:left; margin-right:8px} .ratings .amount{white-space:nowrap; font-size:10px; text-transform:uppercase} .ratings-table th, .ratings-table td{line-height:1.1666em; /*14px*/ padding:3px 0} .ratings-table th{padding-right:8px} #srka-product-review-list{width:100%; padding:15px 10px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} #srka-product-review-list .srka-rating-code{padding:3px 0} #srka-product-review-list .srka-rating-code .label{min-width:100px; display:block; float:left; font-weight:bold} #srka-product-review-list .srka-rating-code .options{} #srka-product-review-list .srka-rating-code .options li{display:block; float:left; margin-top:2px} #srka-product-review-list .srka-rating-code .options li .option{display:block; width:14px; height:13px; background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/ratings.png) center top no-repeat; text-indent:-9999em} #srka-product-review-list .srka-rating-code .options li .option.selected{background-position:center bottom} /* Availability */ .availability{margin:0} .availability span{} .availability.in-stock span{color:#27ae60} .availability.out-of-stock span{color:#cb2700} .availability-only{margin:10px 0 7px; line-height:16px; padding-left:15px} .availability-only span, .availability-only a{border-bottom:1px dashed #751d02} .availability-only a{cursor:pointer; padding-right:15px; text-decoration:none} .availability-only .expanded{background-position:100% -15px} .availability-only strong{color:#be2c00} .availability-only-details{margin:0 0 7px} .availability-only-details th{background:#d2d6d9; padding:0 8px} .availability-only-details td{background:#ebf0f3; border-bottom:1px solid #fff; padding:2px 8px 1px} .availability-only-details tr.odd td.last{color:#d95e00; font-weight:bold} .product-view .product-shop .availability span{font-weight:normal} /* Email to a Friend */ .email-friend{margin:0; display:table-cell; vertical-align:middle; text-align:right} .email-friend a{} /* Alerts */ .alert-price{margin:0} .alert-stock{margin:0} /* Alerts*/ .alert-price, .alert-stock{margin:15px 0; padding:2px 0 2px 25px; line-height:15px} .alert-price{background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/default-icon/icons.png) 0 -120px no-repeat} .alert-stock{background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/default-icon/icons.png) 0 -160px no-repeat} /* Product Prices*/ .price{white-space:nowrap !important} .price-box{margin:0} .price-box .price{} .price-box .price-label{} /* Common price */ .price-box .regular-price .price, .price-box .minimal-price .price{color:#f25448} /* Common labels */ .old-price .price-label, .special-price .price-label{white-space:nowrap} .old-price .price-label{display:none} /* Regular price */ .regular-price{} .regular-price .price{} /* Old price */ .old-price{margin:0; color:#868686} .old-price .price{text-decoration:line-through} /* Special price */ .special-price{margin:0; padding:0; font-weight: 600;} .special-price .price, .special-price .price-label{color:#f25448; /* Override other color changes */} .special-price .price-excluding-tax .price{} /* Minimal price (as low as) */ .minimal-price{margin:0 0 5px} .minimal-price .price{} .minimal-price .price-label{white-space:nowrap} .minimal-price-link{display:block} .minimal-price-link .label{} .minimal-price-link .price{color:#f25448} /* Excluding tax */ .price-excluding-tax{display:block} .price-excluding-tax .label{white-space:nowrap} .price-excluding-tax .price{font-weight:normal} /* Including tax */ .price-including-tax{display:block} .price-including-tax .label{white-space:nowrap} .price-including-tax .price{} /* Configured price */ .configured-price{margin:0} .configured-price .price-label{font-weight:500; white-space:nowrap} .configured-price .price{font-weight:500} /* FPT */ .weee{display:block; font-size:11px} .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; font-weight:500} /* Price range */ .price-from{margin:0} .price-from .price-label{white-space:nowrap} .price-to{margin:0} .price-to .price-label{white-space:nowrap} /* Price notice next to the options */ .price-notice{margin-left:5px} .price-notice .price{padding-left:3px} /* Price as configured */ .price-as-configured .price-label{font-size:1.3333em; font-weight:500; text-transform:uppercase; white-space:nowrap} .price-box-bundle .price-box{margin:0 !important; padding:0 !important; border:none !important} /* Tier Prices*/ .tier-prices{margin:0 0 10px; padding-left:10px} .tier-prices li{line-height:15px; padding:0 0 0 0; margin:3px 0} .tier-prices li:before{font-family:neoshop; padding-right:11px} .tier-prices .benefit{color:#cb2700; font-weight:normal} .tier-prices-grouped li{padding:2px 0} .tier-prices-grouped li .price{font-weight:500} /* Add-to links*/ .add-to-links .separator{display:none} .add-to-links li{float:left} .add-to-links{margin:0} .add-to-links.addto-links-icons span.icon{background-color:#2E8894; font-size:2em; color:#FFF; text-indent:-1px} .add-to-links.addto-links-icons span.icon:hover{background-color:#f25448} .addto-gaps-right li{margin-right:10px}/* Add gaps at the right side of links */ /* If displayed in a group:add margin between icons */ .add-to-links.addto-links-icons .link-compare{margin-left:2px} /* If displayed on product image */ .item .addto-links-icons.addto-onimage{ right:-499px; bottom:1px; left:0; position:absolute; z-index:1; -webkit-transition:right 0.3s ease; -moz-transition:right 0.3s ease; -ms-transition:right 0.3s ease; -o-transition: right 0.3s ease; transition: right 0.3s ease} .item:hover .addto-links-icons.addto-onimage{right:0!important} .addto-links-icons.addto-onimage .icon{line-height:36px; width:31px; height:31px; font-size:1.667em!important} /*Remove Wishlist Iconic Font*/ div.add-to-links .link-wishlist:before{display:none} /* Add to Cart box*/ .add-to-cart label{font-size:1.222em; line-height:1.222em; padding-right:5px} .add-to-cart .qty{text-align:center; margin-right:10px} .add-to-cart .button{margin-right:10px} .product-view .add-to-cart{padding:20px 0; border-bottom:1px solid #e4e4e4; border-top:1px solid #e4e4e4} .product-view .paypal-wrapper{float:left} .product-view .paypal-wrapper .paypal-logo{margin:0; padding:5px 0 0; text-align:right} .product-view .paypal-wrapper .paypal-logo .paypal-or{clear:both; display:block; margin:5px 60px 5px 0} .add-to-cart .paypal-logo{clear:left; margin:0; padding:10px 0 0; text-align:right} .add-to-cart .paypal-logo .paypal-or{clear:both; display:block; margin:5px 60px 5px 0} /* Box floating right -------------------------------------------------------------- */ .add-to-cart.right label{margin-left:10px} .add-to-cart.right .button{margin-right:0} /* Messages*/ #messages_product_view{margin:0 auto; width:98%} /* 1 Column Layout -------------------------------------------------------------- */ .catalog-product-view .col1-layout .col-main{margin-left:0; margin-right:0; width:100%} .product-view .box-additional{margin-top:20px} .product-view .box-tabs{margin-bottom:30px; margin-top:30px} .product-view .box-sidebar{} .product-view .box-up-sell{} /* Product images*/ .product-view .product-img-column{float:left; margin-bottom:10px; position:relative} .product-view .product-img-column img{border-radius:4px; display:inline-block !important} .col3-layout .product-view .product-img-column{float:none; margin:0 auto} /*Label Sale &New*/ .product-view .product-img-column .sale, .product-view .product-img-column .new{z-index:100} /* Product primary column*/ .product-view .product-shop{float:left} .product-view .product-shop .product-name{border-bottom:1px solid #E4E4E4; margin:0 0 0em; /*20px*/} .product-view .product-shop .product-name h1{margin:0; font-size:2em; line-height:1.25em; font-weight:800; color: #404040} .product-view .product-shop .ratings, .product-view .product-shop .no-rating{margin:10px 0 15px} .product-view .product-shop .ratings-table{margin:15px 0 5px} /* Product secondary Column*/ .product-view .product-secondary-column .inner{padding-top:1px; padding-bottom:10px; } .product-view .product-secondary-column.custom-sidebar-right{ border-left:1px solid #e4e4e4; padding-left:2%} /* Product images column's elements*/ .img-box{text-align:center; margin:0 auto} /*Vertical img box*/ .img-box.position-y{padding:0; width:77.9%; float:right; margin-left:2%} .img-box .product-image{padding:1px; margin:0 auto; position:relative;} .img-box .product-image.product-image-zoom{z-index:9} /* Image pop-up */ .product-image-popup{margin:0 auto} .product-image-popup .nav{font-weight:bold; text-align:center} .product-image-popup .image{display:block; margin:10px 0} .product-image-popup .image-label{margin:0 0 10px} /* Thumbnails */ .itemslider-thumbnails{margin:12px auto; padding:0 54px; width:auto !important; max-width:496px}/* count-3 is default */ .itemslider-thumbnails .item{margin:0 5px} /*Vertical thumbnail*/ .itemslider-thumbnails.position-y{width:18.1% !important; float:left; margin-right:2%; margin-top:0; padding:0; margin-bottom:0} .itemslider-thumbnails.position-y .item{margin:0 0 10px} /* Product primary column's elements*/ .product-view .availability, .product-view .product_sku{margin-bottom:10px} .product-view .short-description{padding:10px 0; border-bottom:1px solid #E4E4E4; margin:0 0 20px 0; font-size:1.166em; line-height:1.522em} .product-view .short-description ul{margin-top:5px; margin-bottom:5px} .product-view .product-shop button.btn-cart{margin-left:5px} /* Add-to links */ .product-view .action-box{margin:20px 0 0} /* Add-to links in different places of the product page */ .product-view .product-shop .add-to-links{display:inline-block; margin-bottom:15px} .product-view .product-shop .add-to-links a{margin-right:5px; float:left; margin-left:0 !important} .product-view .product-shop .add-to-links.addto-links-icons span.icon{width:40px; height:40px; line-height:47px} /* Other elements */ .extrahint-wrapper{margin-bottom:15px} /*Sharing Button*/ .sharing-button{float:right;margin-top:-30px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options{clear:both} .product-type-data .item-options dt{float:none; margin:0 0 5px} .product-type-data .item-options dd{padding-left:15px} /* Additional information table -------------------------------------------------------------- */ .product-view .data-table tbody th{font-weight:bold} /* On Product box Brand*/ .box-brand a{margin:0 auto; display:block} .box-brand img{margin:0 auto; display:block} .box-brand .brand-name{} .box-brand .brand-name .label{} .box-brand{ padding:0 0 10px;} /* Prices - common for product view and MAP popup*/ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price{font-size:18px} .product-view .product-shop .price-box .price-excluding-tax .price{font-size:inherit} /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price{font-size:1.667em; font-weight:600} /* Old price */ .product-view .product-shop .price-box .old-price .price-label{white-space:nowrap; display:none} /* MSRP price (only in MSRP box) */ .map-popup-msrp .price{display:block; /* Move price below the label */} /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price{display:block} /* Special price */ .product-view .price-box .special-price{white-space:nowrap; /*Chrome*/} .product-view .price-box .special-price .price-label{white-space:nowrap; display:none} .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax{padding:0 0 0 15px} /* Old price */ .product-view .product-shop .price-box .old-price .price{font-weight:300; padding-right:5px} /* Price box inside "Add-to-cart"box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box{float:left; margin:18px 15px 10px 0; padding:0} .product-view .price-box p{display:inline-block} .product-view .price-box p.price-as-configured{display:inherit} /* Product type specific data */ .product-view .product-type-data{margin:10px 0 15px; line-height:1.55em; font-size:1.166em; position: relative;} .product-view .product-type-data label{min-width:110px; display:inline-block} .product-view .product-type-data .discount-label {font-size: 1.222em;margin-top: 10px;} .product-view .product-type-data .discount-label .discount_a {position: relative; background: #f25448; border-right: 1px solid #E4E4E4; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;color: #fff;font-weight: 700;padding: 2px 5px;} .product-view .product-type-data .discount-label .discount_a:after, .product-view .product-type-data .discount-label .discount_a:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .product-view .product-type-data .discount-label .discount_a:after { border-color: rgba(242, 84, 72, 0); border-left-color: #f25448; border-width: 7px; margin-top: -7px; } .product-view .product-type-data .discount-label .discount_a:before { border-color: rgba(245, 245, 245, 0); border-left-color: #E4E4E4; border-width: 8px; margin-top: -8px; } .product-view .product-type-data .discount-label .you-save { background: #fff;border: 1px solid #E4E4E4;margin-left: -5px;padding: 1px 5px 1px 12px; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } .product-view .product-type-data .discount-label .you-save .save_a{font-weight: 600;} /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper{padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid #E4E4E4} /* Button container */ .product-view .add-to-box{/*margin-top:20px; */} /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul{list-style:none outside none} /* Margin for list in long description */ .product-view .box-tabs .std ul{margin-bottom:1em} .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc{list-style:disc outside none; padding-left:1.5em} .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li{background-image:none; padding-left:0} /* Product options*/ .product-options{position:relative; margin-bottom:5px; font-size:14px; background:#fdfdfd; padding:15px; border-radius:4px; -webkit-border-radius:4px} .product-options dt{} .product-options dt label{display:inline-block; margin:0 0 5px; line-height:1.222em} .product-options dt label.required em{float:right; margin-left:3px} .product-options dd .qty-holder{display:block; padding:10px 0 0} .product-options dd .qty-holder label{vertical-align:middle; line-height:1.222em; padding-right:5px} .product-options dt .qty-disabled{background:none; border:0; padding:3px} .product-options dd{margin:3px 0 15px} .product-options dl.last dd.last{border-bottom:0} .product-options dd input.input-text{width:100%; height:30px; padding:5px} .product-options dd input.datetime-picker{width:150px} .product-options dd .time-picker{display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle} .product-options dd textarea{width:100%; height:8em} .product-options dd select{width:100%; height:30px; padding:5px} .product-options dd .multiselect option{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} .product-options ul.options-list input.checkbox{float:left} .product-options ul.options-list .label{display:block; margin-left:18px} .product-options ul.options-list label{} .product-options ul.validation-failed{padding:0 7px} .product-options p.note{margin:0; font-size:0.9166em} .product-options p.required{right:0; font-size:12px} .options-wrap {display: inline-block;float: left;padding: 5px;width: 50%;} /*bottom*/ .product-options-bottom{margin-top:20px} .product-options-bottom .price-box{display:none} .product-options-bottom .tier-prices{margin:0 0 10px; padding:0; border:0; background:0} .product-options-bottom .tier-prices li{background:0; padding:2px 0} .product-options-bottom .price-box .price-as-configured{} .product-options-bottom .price-label{} .product-options-bottom .price-tax{float:left} .product-shop .product-options-bottom{margin:0} .product-shop .product-options-bottom .price-label{float:none; padding-right:0} .product-shop .product-options-bottom .price-tax{float:none} .product-shop .product-options-bottom .add-to-cart-box{clear:both; float:left; padding-top:12px} /* Grouped Product*/ .product-view .grouped-items-table{clear:both;margin: 20px 0 0;} .product-view .grouped-items-table thead th{font-size:1.1111em; line-height:1.1111em} .product-view .grouped-items-table .price-box{margin:0; padding:0; border:0} .product-view .grouped-items-table .price-box .price-including-tax .price{font-size:15px} .product-view .grouped-items-table td{vertical-align:middle} .product-view .grouped-items-table .price-box .regular-price .price{font-size:16px} .box-tabs .panel >h2{display:none} /* Block:Tags*/ .product-view .box-tags .product-tags{display:block; margin:0 0 25px} .product-view .box-tags h3{font-size:1.222em; margin-bottom:5px} .product-view .box-tags .product-tags li{display:inline; padding:0 7px; border-right:1px solid #E4E4E4} .product-view .box-tags .product-tags li.first{padding-left:0} .product-view .box-tags .product-tags li.last{padding-right:0; border-right:0} .product-view .box-tags .form-add label{display:block; margin:0 0 8px; font-size:1.222em; line-height:1.222em} .product-view .box-tags .form-add .input-box{float:left; margin:0 5px 5px 0} .product-view .box-tags .form-add input.input-text{width:auto} .product-view .box-tags .note{margin:3px 0 0; font-size:0.9166em; /*11px*/} /* Block:Reviews*/ .product-view .box-reviews{} .product-view .box-reviews dl{margin:0 0 0} .product-view .box-reviews dt .heading{font-weight:normal; font-size:1.5em; margin-right:10px} .product-view .box-reviews dt span{font-weight:bold} .product-view .box-reviews .review-title, .product-view .box-reviews dt a{font-size:1.55em; margin-right:8px} .product-view .box-reviews dd{margin:0 0 15px 0; padding-bottom:15px; border-bottom:1px solid #E4E4E4} .product-view .box-reviews dd .date{display:block; margin-top:3px; font-style:italic; color:#696e6e} .product-view .box-reviews .ratings-table{margin:8px 0} /* Block:Add Reviews*/ .product-view .form-add{ background: rgba(0, 0, 0, 0.01);margin-top: 30px;padding: 25px; border-radius: 4px; -webkit-border-radius: 4px;} .product-view .form-add h2{text-transform:uppercase} .product-view .form-add h3{font-size:1.222em; font-weight:normal; margin-bottom:5px} .product-view .form-add h3 span{font-weight:bold} .product-view .form-add h4{font-size:1.222em; font-weight:normal} .product-view .form-add h3, .product-view .form-add h4{font-family:inherit} .product-view .form-add .form-list{margin:15px 0 0} .product-view .form-add .form-list .input-box{} .product-view .form-add .form-list input.input-text{width:100%; max-width:340px} .product-view .form-add .form-list textarea{width:100%; max-width:500px} .product-view .buttons-set button.button{float:left; margin-left:0} .product-view .form-add .data-table{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; background-color:transparent} .product-view .form-add .data-table th, .product-view .form-add .data-table td{ line-height:1em} .product-view .form-add .data-table th{border-right:none} .product-view .form-add .data-table td .radio{margin:0} /* Send a Friend*/ .send-friend .form-list li p{margin:0 15px 0 0} .send-friend .form-list .field{margin-bottom:8px} .send-friend .form-list textarea{width:100%} .send-friend .buttons-set .limit{float:right; margin:0 7px} /* Content Styles */ .product-name{margin:0; font-weight:300; font-size:1em} /* Advanced Search */ .advanced-search-summary{padding:10px 0; margin:10px 0} .advanced-search-summary ul{float:left; margin:0 4% 10px 0; width:46%} .advanced-search-summary li{margin:0 0 2px 0; font-size:1.25em} .advanced-search-summary strong{margin:0 5px 0 0} .advanced-search-summary p{clear:both; float:left; display:block; margin:0 0 0} /* Advanced Search - form */ .advanced-search .form-list label{padding-right:10px; width:140px} .advanced-search .form-list .input-box, .advanced-search .form-list .input-range{clear:none; float:left; /* Complex form fields (e.g. price range) require floating for correct layout */ width:100%} .catalogsearch-advanced-index .fieldset{margin-bottom:3px} .catalogsearch-advanced-index .buttons-set{padding-left:0} .catalogsearch-advanced-index .buttons-set button.button{float:left; margin:0} .catalogsearch-advanced-index .buttons-set button.button span span{padding-left:60px; padding-right:68px} /* Sitemap */ .page-sitemap .links{float:right; margin:0 0 5px; text-align:center} .page-sitemap .links a{text-decoration:none; position:relative} .page-sitemap .sitemap{margin:15px} .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{} .page-sitemap .pager{clear:both} /* RSS */ .rss-title h1{background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/default-icon/i_rss-big.png) 0 center no-repeat; padding-left:30px} .rss-table .link-rss{display:block} /* Checkout Types*/ .cart .page-title .checkout-types li{margin:0 0 5px} .cart .title-buttons .checkout-types{float:right; margin-top:5px;} .cart .title-buttons .checkout-types li{float:left; margin:0} /* Shopping Cart Table*/ .cart-table .product-image{width:168px; display:block} .cart-table .product-name{margin:0 0 10px} .cart-table .item-msg{margin:5px 0; font-size:0.9166em; font-weight:bold; clear:both} .cart-table .cart-price{line-height:1.1111em; font-weight:300; font-size:1.1111em} .cart-table .subtotal-price .cart-price{color:#f25448; font-weight:800} .cart-table tfoot td{} .data-table.cart-table tbody td {border-right: 1px solid #e5e5e5;} .data-table.cart-table tfoot {-webkit-box-shadow: 0 2px 1px #ddd inset;-moz-box-shadow: 0 2px 1px #ddd inset;box-shadow: 0 2px 1px #ddd inset;} .data-table.cart-table thead {-webkit-box-shadow: 0 -2px 1px #ddd inset;-moz-box-shadow: 0 -2px 1px #ddd inset;box-shadow: 0 -2px 1px #ddd inset;} .data-table.cart-table thead th {font-weight:600;} .data-table.cart-table th, .data-table.cart-table td {border-bottom: none;} .cart-table .btn-edit, .cart-table .btn-remove2, .cart-table .link-wishlist{margin:10px 0 0 0; font-size:13px; white-space:nowrap} .cart-table .btn-edit:before, .cart-table .btn-remove2:before, .link-wishlist:before{margin-right:5px; vertical-align:middle} .cart-table .btn-edit:before{padding-left:2px} /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last{} .cart-table tfoot button{} .cart-table .btn-continue{float:left; margin-left:0} .cart-table .btn-update, .cart-table .btn-empty{float:right; margin-left:1%} /* Cart Collateral blocks*/ .cart-collaterals{margin-top:50px;} .cart .cart-left-column >*, .cart .cart-right-column >*, .cart .totals{margin-bottom:20px} .cart .cart-right-column{float:right} /* Cross-sell*/ .cart .crosssell .product-image {float: left;} .cart .crosssell .product-image img{width: 80px;} .cart .crosssell .product-details{margin-left: 90px;} .cart .crosssell .btn-cart{ float: right;font-size: 2em; height: 35px;line-height: 41px;text-align: center;width: 35px;} .cart .crosssell button.button span span {padding: 5px;} .cart .crosssell .add-to-links li {font-size: 1.333em; padding: 5px;} .cart .crosssell .add-to-links li.cross-quick {font-size: 1.744em; padding-top:3px;} .cart .crosssell .add-to-links{} .cart .crosssell .price-box{ font-size: 14px; font-weight: 600;} .cart .crosssell li.item{} .cart .crosssell li.item.odd{} .cart .crosssell li.item.even{} .cart .discount .buttons-set, .cart .shipping .buttons-set{margin:10px 0 0; border:0; padding:0; text-align:left} .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button{float:none; margin-left:0} .cart .crosssell, .cart .discount, .cart .shipping{padding:20px; border-top:5px solid #2E8894} .shipping-region, .shipping-zip {width: 50%; float: left;} .shipping-region{padding-right: 5px;} .shipping-zip{padding-left: 5px;} /* Discount Codes (coupons)*/ .cart .discount label{display:block; margin:0 0 5px} .cart .discount .input-box{} .cart .discount input.input-text{width:100%} /* Estimate Shipping*/ .cart .shipping input.input-text, .cart .shipping select{width:100%} .cart .shipping p{margin-bottom:10px} .cart .shipping .sp-methods{margin:20px 0 0} /* Shopping Cart*/ .cart .totals{ float:right; padding:20px; width:100%; border-top:5px solid #f25448} .cart .totals table{width:100%} .cart .totals td{padding:3px 0 3px 7px} .cart .totals tr.last td{} .cart .totals tfoot th{padding:5px 15px 5px 7px} .cart .totals tfoot td{padding-bottom:5px} .cart .totals tfoot th strong, .cart .totals tfoot td strong{font-size:1.3333em; line-height:1.3333em} .cart .totals .checkout-types{text-align:right} .cart .totals .checkout-types li{clear:both; margin:10px 0} .cart .totals .button.btn-proceed-checkout.btn-checkout{font-weight:600; text-transform:uppercase} /* Cart static blocks*/ .item-options{line-height:15px} .item-options dt{white-space:nowrap; float:left; margin-right:7px} .item-options dd{padding-left:11px; margin:0 0 2px} /* Item options in cart/checkout tables */ .data-table .item-options dt{white-space:normal;} .data-table .item-options dt:before{ font-family:neoshop; padding-right:5px} .data-table .item-options{margin:0 0 0 10px} /* Options Tool Tip -------------------------------------------------------------- */ .truncated{cursor:help; display:inline-block} .truncated a.dots{cursor:help} .truncated a.details{cursor:help; text-decoration:none; border-bottom:1px dotted #ccc} .truncated .truncated_full_value{position:relative; z-index:999} .truncated .truncated_full_value .item-options{border:1px solid #ddd; position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px} .truncated .truncated_full_value .item-options >p{font-weight:bold; margin-bottom:2px} .truncated .truncated_full_value .item-options dd{font-weight:bold} .truncated .show .item-options{top:-20px; left:100%} .col-left .truncated .show .item-options{left:15px; top:7px} .col-right .truncated .show .item-options{left:-240px; top:7px} /* Checkout */ /* Shipping and Payment methods */ .sp-methods dt{font-weight:500; font-size:1.3333em; margin:15px 0 0} .sp-methods dd{margin:3px 0 15px} .sp-methods dd li{margin:5px 0 15px} .sp-methods .price{font-weight:bold} .sp-methods .form-list{padding:20px; margin-top:15px} .sp-methods select.month{width:150px; margin-right:10px} .sp-methods select.year{width:96px} .sp-methods input.cvv{width:3em !important} .sp-methods .checkmo-list label{padding-right:10px} .sp-methods .checkmo-list address{float:left} .sp-methods .centinel-logos a{margin-right:3px} .sp-methods .centinel-logos img{vertical-align:middle} .please-wait{float:right; margin-right:5px} .please-wait img{vertical-align:middle; padding-right:5px} .cvv-what-is-this{cursor:help; margin-left:5px} /* Gift Messages */ .gift-messages{margin:30px 0 10px} .gift-messages-form{padding:20px; position:relative; margin-top:15px} .gift-messages-form .product-name{font-size:1.3333em; line-height:1.33em; margin-bottom:10px} .gift-messages-form p{margin-bottom:10px} .gift-messages-form label{ position:static !important} .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} .gift-messages-form .item .details{margin-left:90px} .gift-message-link{display:block; background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/default-icon/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px} .gift-message-link.expanded{background-position:0 -53px} .gift-message-row .btn-close{float:right; padding:0 7px 0} .gift-message dt strong{font-weight:bold} .gift-message dd{margin:5px 0 0; font-size:13px} .order-gift-message{margin:15px 0} /* Checkout Agreements */ .checkout-agreements{padding:20px; margin:20px 0} .checkout-agreements li{margin:0 0 20px} .checkout-agreements li:last-child{margin-bottom:0} .checkout-agreements .agree{margin-top:5px} .checkout-agreements .agree input.checkbox{margin-right:6px} .checkout-agreements .agree label{font-weight:bold} .opc .checkout-agreements{ padding:15px 30px; margin:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; border-radius:0; background-color:transparent} .checkout-agreements .agreement-content{max-height:250px; overflow:auto} /* Centinel */ .centinel .authentication{border:1px solid #E4E4E4; background:#fff} .centinel .authentication iframe{width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important} /* Generic Info Set */ .info-set .data-table .item-options{margin:5px 0 0} .block-progress dt{line-height:18px; margin:0 0 5px; padding:6px 0 6px 0} .block-progress dt:before{ font-family:neoshop; padding-right:5px; font-weight:normal} .block-progress dd{ border-top:0 none; margin:0 0 6px; padding:0 10px; font-size:0.85em} .block-progress dt.complete{font-weight:bold} .block-progress dt.complete a{font-weight:normal} .block-progress p{margin:0} .opc .buttons-set{margin-top:0; padding-top:2em} .opc .buttons-set p.required{margin:0; padding:0 0 10px} .opc .buttons-set.disabled button.button{display:none} .opc .buttons-set .please-wait{height:38px; line-height:38px; margin-bottom:5px} .opc .ul{list-style:disc outside; padding-left:18px} .opc{position:relative} .opc .section{margin:0 0 10px; padding:0; clear:both; float:left; width:100%} .opc .step-title{background:#ECF0F1; padding:10px; text-align:right; border-radius:4px} .opc .step-title .number{float:left; background:#FFF; padding:8px 12px; margin:0 8px 0 -10px; font-size:1.3333em; border-radius:0 4px 4px 0} .opc .step-title h2{float:left; margin:0; text-transform:uppercase} .opc .step-title a{display:none; float:right; margin-top:6px} .opc .section.allow{cursor:pointer} .opc .section.allow.active{cursor:auto} .opc .allow .step-title a{display:block} .opc .active .step-title{background-color:#2E8894; cursor:default; border-radius:4px 4px 0 0} .opc .active .step-title h2{color:#FFF} .opc .active .step-title a{display:none} .opc .step{ padding:20px; position:relative; float:left; border-radius:0 0 4px 4px; width:100%;} #opc-login h4{font-weight:bold; font-size:1.222em; line-height:1.222em} #opc-login .form-list{margin:15px 0 15px} #opc-login .buttons-set{padding:0} .opc .gift-messages-form .inner-box{overflow:visible} #opc-review .step{padding:0} #opc-review .item-options{margin:5px 0 0} #opc-review .buttons-set{border:0; padding:15px 30px} #opc-review .buttons-set p{margin:0; line-height:28px} #opc-review .buttons-set .please-wait{height:48px; line-height:48px} #opc-review .authentication{margin:0 auto; width:570px} #opc-review .warning-message{color:#222; font-weight:bold; text-align:center; padding:10px 10px 0} .multiple-checkout h2, .info-set h2{font-weight:bold; margin:0 0 10px} .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4{font-size:1.3333em; font-weight:500} .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a{font-size:14px} .multiple-checkout .data-table .product-name, .info-set .data-table .product-name{font-size:13px; margin:0 0 5px} .multiple-checkout .col2-set h2.legend, .info-set h2.legend{} .multiple-checkout .col2-set h3.legend, .info-set h3.legend{color:#f25448; margin:0 0 10px} .multiple-checkout .col2-set .divider, .info-set .divider{margin:0 -20px; padding:25px 0; position:relative} .multiple-checkout .box, .info-set .box{margin:0 0 15px} /* Multiple Addresses Checkout*/ .checkout-progress{padding:0 0; margin:-11px 0 25px} .checkout-progress li{float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid; text-align:center} .checkout-progress li.active{color:#f25448} .multiple-checkout .buttons-set{border-top:1px solid #E4E4E4; margin-top:40px; padding-top:15px} .multiple-checkout .gift-messages{margin:15px 0 0} .multiple-checkout p.actions{margin-bottom:10px} .multiple-checkout .place-order .please-wait{margin-top:10px} .multiple-checkout .place-order .grand-total{font-size:1.5em; text-align:right} .multiple-checkout .place-order .grand-total .inner div{display:inline} .multiple-checkout .place-order .grand-total big{display:inline; margin-right:20px; font-weight:500} .checkout-multishipping-shipping .box-sp-methods{border:1px solid #E4E4E4; padding:15px; margin-bottom:0; position:relative} .multiple-checkout .pointer{display:none} /* Account Login/Create Pages*/ .account-login .new-users, .account-login .registered-users{margin-bottom:20px; padding:20px; border-top:2px solid #f25448} .account-login p{margin-bottom:20px} .account-login p.required{margin:0} .account-login .buttons-set{clear:none; padding:0; margin:0} .registered-users .buttons-set, #login-form .new-users .buttons-set{background:#f3f5f6; border-radius:0 0 5px 5px; border-top:1px solid #eef0f1; margin:15px -20px -20px; padding:10px 20px 6px} /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button, #opc-login .buttons-set button{margin-left:0} .account-login .buttons-set a, #opc-login .buttons-set a{margin:4px 0 0} .my-account, .account-create{background:#FFF; padding:25px; border-radius:4px; box-shadow:0 0 8px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 0 8px 0 rgba(0,0,0,0.1); -o-box-shadow:0 0 8px 0 rgba(0,0,0,0.1)} /* My Account Dashboard*/ .my-account .title-buttons .link-rss{float:none; margin:0} .dashboard .welcome-msg{margin:0 0 1.667em} .dashboard .welcome-msg .hello{font-size:1.222em; line-height:1.222em; margin-bottom:5px} .dashboard .welcome-msg .hello strong{} .dashboard .col-1, .dashboard .col-2{margin-bottom:1.5em} /* General Box */ .box-account{margin:0 0 2.5em} .box-account .box-head{margin:0 0 15px; padding-bottom:5px; border-bottom:1px solid #E4E4E4} .box-account .box-head a{float:right; margin-top:10px} .box-account .box-head h2{float:left; margin:0; background-position:0 0; background-repeat:no-repeat} .box-account.box-info .col-1{} .box-account.box-info .col-1 .box{} .box-account.box-info .box-content a, .addresses-list ol li a{color:#f25448; margin-top:5px; display:inline-block} .box-account.box-info .box-content a:hover, .addresses-list ol li a:hover{text-decoration:underline} .dashboard .box .box-title{padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #E4E4E4} .dashboard .box .box-title h3, .dashboard .box .box-title h4{float:left; font-weight:normal; margin:0} .dashboard .box-recent .box-head h2{} /* Block:Account Information */ .dashboard .box-info .box-head h2{} .dashboard .box-info h4{font-weight:bold; margin-bottom:5px; margin-top:5px; line-height:1.111em; font-size:1.1111em} /* Block:Reviews */ .dashboard .box-reviews .box-head h2{} .dashboard .box-reviews .number{float:left; font-size:1.111em; line-height:23px; padding:0 8px; background:#2E8894; color:#FFF; margin-top:3px; border-radius:3px} .dashboard .box-reviews .details{margin-left:38px} .dashboard .box-reviews .details{margin-bottom:10px} .dashboard .box-reviews li.item{margin:0 0 7px} .dashboard .box-reviews li.item.last{margin:0} .dashboard .box-reviews li.item.last .details{margin-bottom:0} .dashboard .box-reviews .ratings{margin:5px 0 0} /* Block:Tags */ .dashboard .box-tags .box-head h2{} .dashboard .box-tags .number{float:left; font-size:1.1111em; line-height:23px; padding:0 8px; background:#2E8894; color:#FFF; margin-top:3px; border-radius:3px} .dashboard .box-tags .details{margin-left:38px} .dashboard .box-tags .tags{margin:5px 0 0} .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*/ .addresses-list h2{padding:0 0 2px; margin:0 0 10px; border-bottom:1px solid #E4E4E4} .addresses-list h3{font-weight:bold; margin-bottom:5px; margin-top:5px} .addresses-list address{} .addresses-list .link-remove:hover{color:#cb2700} .addresses-list .separator{margin:0 3px} .addresses-list .addresses-primary .item{ margin:0 0 1.5em} .addresses-list li.empty{background:none; border:0; padding:0} .addresses-list li.empty p{color:#555} .addresses-list .addresses-additional .item{ margin:0 0 1.5em} .my-account .pager{margin-bottom:20px} /* Order View*/ .order-info{margin:0 0 0; display:inline-block; width:100%} .order-info dt, .order-info dd, .order-info li, .order-info li a{float:left} .order-info dt{font-weight:bold} .order-info li{margin-right:1px} .order-info dt, .order-info li.current, .order-info li a{padding:10px} .order-info dt{padding-left:0} .order-info li a{background-color:#ECF0F1} .order-info li a:hover, .order-info li.current{background-color:#2E8894; color:#FFF} /* Date */ .order-date{margin:15px 0; color:#f25448; clear:both} .order-info-box{margin:0 0 2.5em} .order-info-box .box .box-title{padding:0 0 2px; margin:0 0 10px; text-align:left; border-bottom:1px solid #E4E4E4} .order-info-box h2{margin:0} .order-info-box .box-payment p{margin:0 0 3px} .order-info-box .box-payment th{font-weight:bold; padding-right:7px} .order-items .data-table{margin-bottom:20px} .order-items .data-table .grand_total{font-size:1.3333em} .order-items{width:100%} .order-items .product-name{margin:0 0 5px} .order-items .link-print{font-weight:normal} .order-items p .link-print{float:none} .order-items h2, .order-about h2{margin:15px 0} .order-items h3.table-caption{font-size:13px; font-weight:bold} .order-items h2.table-caption a, .order-items h2.sub-title a{font-size:12px; font-weight:normal; text-transform:none} .order-items .order-links{text-align:right} .order-details h2 .separator{color:#E4E4E4; font-size:12px} .order-about{margin:0 0 15px; padding:5px 30px} .order-about dt{font-weight:bold} .order-about dd{font-size:12px; margin-bottom:15px} .tracking-table{margin:0 0 15px} .tracking-table th{width:20%; font-weight:bold; white-space:nowrap} .tracking-table th, .tracking-table td{padding:5px 9px} .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:500} .page-print h2, .page-print h3{font-size:13px; font-weight:bold} .page-print h2.h2{font-size:16px; font-weight:500} .page-print .order-date{border-bottom:1px solid #E4E4E4; 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 .product-image{display:block; margin:0 0 5px; min-width:113px; max-width:140px} .my-wishlist .product-name{margin-bottom:10px} .my-wishlist .description{margin-bottom:10px} .my-wishlist textarea{display:block; width:97%; height:70px; border:1px solid #E4E4E4} .my-wishlist .price-box{margin-bottom:5px} .my-wishlist .add-to-cart-alt{margin-bottom:10px} .my-wishlist .buttons-set{margin-top:2em} #wishlist-table .add-to-links{white-space:nowrap} .my-wishlist .data-table tr.even{} .my-wishlist .btn-cart{margin:10px 0 5px; display:inherit} /* My Tags*/ .my-account .tags-list{padding:20px; margin-top:10px} .my-tag-edit{float:left; margin:10px 0 10px} .my-tag-edit .btn-remove{float:right; margin:0 0 0 5px} .my-tag-edit .btn-remove span{display:none} #my-tags-table{clear:both} #my-tags-table td .product-image{width:100px; display:block} #my-tags-table .add-to-links{white-space:nowrap; margin-top:10px; display:inline-block; width:100%} /* My Reviews*/ #my-reviews-table td{} .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{margin:10px 0 8px} .product-review .product-img-box .ratings .rating-box{float:none; display:block; margin:0 0 10px} .product-review .product-details{margin:0 20px 20px 155px} .product-review .product-name{font-size:18px; margin:0 0 18px} .product-review h3{font-size:12px; margin:15px 0 5px} .product-review .ratings-table{margin:0 0 15px} .product-review dt{font-size:13px; font-weight:bold} .product-review dd{font-size:12px; margin:5px 0 0} /* Billing Agreements*/ .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} /* Remember Me Popup*/ .window-overlay{background:rgba(0,0,0,0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999} .remember-me label{float:none; margin:0 6px} .remember-me-popup{left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000} .remember-me-popup .remember-me-popup-head{position:relative} .remember-me-popup .remember-me-popup-close-button{display:none} /* MAP Popup*/ .cart-msrp-totals{color:red; font-size:12px !important; text-align:right; text-transform:uppercase} .map-cart-sidebar-total{color:red; display:block; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-transform:lowercase; width:55px; line-height:15px; padding:2px 8px} .map-cart-sidebar-total:hover{overflow:visible; white-space:normal; background-color:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.2)} .map-popup{margin:10px 0 0; position:absolute; width:300px; z-index:100} .map-popup-heading{width:240px} .map-popup-heading h2{margin:0; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis} .map-popup-arrow{display:none; /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px; */} .map-popup-content{overflow:hidden; text-align:left; width:270px} .map-popup-checkout{display:inline; float:right; text-align:right} .map-popup-checkout span{display:block} .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 15px; padding:15px 0; text-align:left; word-wrap:break-word} .map-popup-only-text{border-top:1px solid #eee} /* Common styles for:Remember Me Popup and MAP Popup*/ .map-popup-close:before{font-family:neoshop; content:"\e05c"; font-size:22px; position:absolute} .remember-me-popup, .map-popup{background:#fff; text-align:left;} .remember-me-popup h3, .map-popup-heading{border-bottom:1px solid #E4E4E4; padding:12px 45px 12px 15px} .remember-me-popup h3, .map-popup-heading h2{font-size:1.5em; /*18px*/} .remember-me-popup .remember-me-popup-body, .map-popup-content{padding:15px} .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close{display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; font-size:1px} .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover{background-position:-17px -150px} .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active{background-position:-34px -150px} /* Other*/ .calendar{z-index:200} /* Footer Container*/ .footer-container{ margin-top:0px; float:left; width:100%; background-color:#2a3744} .footer-top-border{border-top:1px solid #404852; float:left; width:100%} .footer-bottom-border{border-bottom:1px solid #404852; float:left; width:100%} /*Remove Div Background Color*/ .footer-container .no-bg{background-color:transparent !important} /* Footer containers*/ .footertop-container{float:left; width:100%; background-color:#1C252D} .footer-container .footertop-container p{color:#5E6D82; font-weight:600; font-size:14px} .block-bd-r{width:100%; border-right:1px solid #FFF} .footer-bd-left-container{float:left; padding-left:25px; border-left:1px solid #404852} .footer-bd-right-container{float:left; padding-right:25px; border-right:1px solid #404852} .footer-bd-btm-container{float:left; padding-bottom:25px; border-bottom:1px solid #404852; width:100%; margin-bottom:25px} .footer-bd-right{border-right:1px solid #404852} .footer-bd-left{border-left:1px solid #404852} .footer-primary-container, .footer-secondary-container{padding:30px 0; float:left; width:100%} .footer-container .collapsible .block-title, .footer-container a{color:#FFF} .footer-container a, .footer-container p, .footer-container span{font-size:13px; font-weight:300} .footer-container p, .social-link a .icon{color:#bdc3c7} .footer-container a:hover{color:#f25448; text-decoration:none !important} .footer-container .feature-wrapper.bottom-border, .footer-container .feature-wrapper.top-border{ padding:0 0 10px; margin-bottom:10px} .ct-info li{padding:0; line-height:20px; color:#BDC3C7} .ct-info li span{padding:0 5px} .bd-before:before{ border-top:1px solid #404852; clear:both; content:""; display:block; width:20%; margin:15px auto} /* Footer Subscribe*/ .footer-container .block-subscribe{margin:0} .footer-container .block-subscribe .block-title{display:none} .footer-container .block-subscribe form{display:block !important} .footer-container .block-subscribe .form-subscribe-header{display:none} .footer-container .block-subscribe .block-content{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; padding:0 !important; display:block !important; background-color:transparent; border:none !important} .footer-container .block-subscribe .input-box{margin-top:0} .footer-container .block-subscribe .actions{border-top:none; padding:0; margin-top:15px} .footer-container .block-subscribe .actions button.button{float:left} /* Footer inline Subscribe*/ .block-content.footer-inline-subscribe .form-subscribe-header{display:inline-block; float:left} .block-content.footer-inline-subscribe .form-subscribe-header >label{color:#FFF; font-size:1.4em; line-height:2em; padding:0 10px} .block-content.footer-inline-subscribe .block-subscribe .input-box{width:50%; float:left; padding:0 10px} .block-content.footer-inline-subscribe-center{padding:0 25%} .block-content.footer-inline-subscribe-center .form-subscribe-header{display:none} .block-content.footer-inline-subscribe-center .block-subscribe .input-box{width:85%; float:left; padding-right:10px} .block-content.footer-inline-subscribe-center .block-subscribe .actions{width:15%; float:left; margin:0} .footer-subscribe-default .block-subscribe .input-box{float:left; padding-right:10px; width:70%} .footer-inline-subscribe-center p{font-size:2em; color:#FFF} /* Subscribe Small*/ .block-subscribe-small .input-text{width: 100%} .block-subscribe-small .button.subscribe-sm{position: absolute; right: -1px; top: 0; height: 41px; border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0; } .block-subscribe-small .button.subscribe-sm span span {font-size: 25px;line-height: 46px;padding: 0 13px;} .block-subscribe-small .button.subscribe-sm:hover {-webkit-box-shadow:inset 0 -3px 0 rgba(0,0,0,0.3); box-shadow:inset 0 -3px 0 rgba(0,0,0,0.3)} .block-subscribe-small .input-box{position: relative;} .block-subscribe-small .form-subscribe-header { margin-bottom: 10px;} .footer-container4 .block-subscribe-small {margin:0;} .footer-container4 .block-subscribe-small .block-title {display: none;} .footer-container4 .block-subscribe-small .block-content {padding: 0;} .footer-container4 .block-subscribe-small .form-subscribe-header {color: #fff;font-size: 1.3em; margin-bottom: 20px;} .footer-container4 .bg-rgba-dark {padding-top: 0;} /* Quick help Block */ .quickhelp-block{background-color:#212a34; border-radius:4px; padding:15px} .quickhelp-block h6{font-size:1.72em; color:#bdc3c7} .quickhelp-block >p{font-size:2.2em; color:#f25448; word-wrap:break-word} .quickhelp-block i{padding-right:5px; vertical-align:middle} .footer-container .help-text {font-size: 15px;font-weight: 400;line-height: 24px;} /* Footer bottom*/ .footer-bottom-container{padding:15px 0; background-color:#212a34; float:left; width:100%} .footer-bottom .links ul{} .footer-bottom .bugs{display:none} .footer-bottom address{color:#696e6e; font-size:14px; line-height:20px} .footer-bottom address a{} /* Footer Container1*/ .footer-container1 .block-subscribe .block-content{margin-left:100px} .footer-container1 .block-subscribe .block-title{ background-color:transparent; padding:0; margin:0; float:left; display:inline-block; border:none} .footer-container1 .block-subscribe .block-title span{ font-size:1em; line-height:2em} .footer-container1 .block-subscribe .input-box{float:left; margin-top:0; max-width:100%; min-width:72%; margin:0 2% 10px} .footer-container1 .block-subscribe .actions{margin:0; text-align:left; margin-left:2%} .footer-container1 .block-subscribe .actions button.button{float:none} /* Widget Latest */ #blogslider .postContent >img{margin-bottom:5px} .widget-latest .postContent{ margin-bottom:0; padding-bottom:0} .widget-latest .feature.indent{ padding-left:37%; position:relative} .widget-latest .itemslider .item{} .widget-latest .block-images{ max-width:34%; float:left; margin:0 15px 10px 2px} .widget-latest .feature.indent .block-images{ margin-left:-36.5%; position:absolute; top:0} /* Customers Slider*/ .fullwidth-bg-fix{ background:no-repeat fixed center center; background-size:cover} .customerslider { padding: 60px 0; } .customers-header:after { border-top: 1px solid #5e6d82; clear: both; content: ""; display: block; margin: 30px auto 0; width: 150px; } .customers-header h2 { color: #666666; font-size: 2em; font-weight: 600; margin: 0 0 30px; text-align: center; } .customerslider blockquote:before { color: #fff; content: "“"; text-shadow: 1px 2px 3px #666; font-size: 40px; font-style: italic; left: 0; line-height: 1; position: absolute; top: 15px; } .customerslider blockquote p { color: #fff; line-height: 200%; text-shadow: 1px 2px 3px #666; font-size: 1.333em; font-style: italic; margin: 1em 1em 2em; } .customerslider blockquote p:after { color: #fff; text-shadow: 1px 2px 3px #666; content: "“"; display: inline-block; font-size: 40px; font-style: italic; padding: 0 0 0 15px; position: relative; top: 10px; } .customer-data { color: #777777; font-size: 1.333em; font-weight: bold; } .customer-data > a { color: #777777; } .customer-data > a:hover { color: #000; } /* Scroll to top Button*/ a.scrollup{position:fixed; bottom:25px; right:20px; display:none; font-size:1.6em; z-index:999; color:#95a5a6; border-radius:50%; width:50px; height:50px; line-height:50px; text-align:center; border:2px solid #95a5a6} a.scrollup:hover{ text-decoration:none; background:#f25448; color:#FFF; border-color:#FFF} /* 404 page*/ .pnferror{ font-size:15em; font-weight:700; line-height:1; margin:0 0 0.1em !important; text-align:center} .pnfsub{ font-size:4em; text-align:center} .pnfmessage{ font-size:1.6em; text-align:center} /* Clears ================================================================================ */ .clearer{height: 0;clear: both;float: left;width: 100%;} .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav: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 .product-shop .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; } .clear{clear:both;} .guest-select {width:305px !important;} /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.ttshop.fr/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .blog-wrapper{ float: left; padding: 30px; } .postWrapper { padding-bottom: 25px; clear: both; border-bottom: 1px solid #E4E4E4; margin-bottom: 25px; } .postTitle { } .postContent.feature p { font-size: 14px; font-weight: 300; line-height: 1.6; margin: 1em 0 1.2em; word-wrap: break-word; } .postTitle h3{ font-size: 2.222em; font-weight: 600; line-height: 1.8em; } .postTitle h4 { margin: -5px 0 10px; font-size: 13px; line-height: 1.4545em; text-transform: uppercase; } .postContent { padding-bottom: 10px; margin: 0; padding: 0; } .postContent.feature img{ margin-bottom: 10px; } .postDetails { padding: 10px 0; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 15px; } .commentContent { padding-bottom: 0; } .commentDetails { margin-bottom: 5px; padding: 0; } .commentDetails h4.username { display: inline; } .postError { font-size: 16px; } .postContent .tags { font-weight: bold; padding-bottom: 10px; padding-top: 10px; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; padding-right: 6px; } .tags h4 { font-size: 12px; font-weight: bold; } .menu-tags, .menu-categories, .menu-recent { } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 11px; } .block-blog .menu-tags UL LI { display: inline; padding: 2px; margin-left: 10px; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .block-blog .menu-categories { } .block-blog .view:last-child{ margin-bottom: 0; } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } #postComment .input-box{margin-bottom: 20px;} #esns_background_layer { position: absolute; z-index: 9998; background: url(https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_dark2.png); width: 100%; height: 100%; overflow: hidden; display: block; text-align: center; top: 0; left: 0; display: none; } #esns_box_layer { z-index: 9999; background-color: #ffffff; width: 470px; height: auto; overflow: hidden; top: 0; text-align: center; display: inline-block; padding: 10px; } #esns_box_title { width: 440px; height: auto; overflow: hidden; background: url(https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_box_block1.png) no-repeat right top; } #esns_box_block_1 { width: 350px; font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif; text-align: left; } #esns_box_block_2 { font: 29px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif; height: auto; text-align: left; margin: 0 0 10px 0 ; width: 350px; } #esns_box_block_3 { text-align: justify; } #esns_box_close { height: 22px; width: 22px; background: url(https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_box_close.png) no-repeat; cursor: pointer; float: right; } .esns_box_lines { background: url("https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_box_lines.png") no-repeat scroll 0 0 transparent; display: block; height: 1px; width: 100%; clear: both; margin: 5px 0; } #esns_box_subscribe { width: 100%; height: auto; overflow: hidden; margin: 0 0 20px 0; } #esns_box_subscribe_input { width: 320px; float: left; clear: both; } #esns_box_subscribe_input input { width: 290px; margin: 5px 0 0 20px; border: 1px solid #acacac; height: 25px; padding-left: 10px; } #esns_box_subscribe_submit { width: 80px; float: left; } #esns_box_subscribe_submit a { background-image: url('https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_box_button.png'); width: 117px; height: 34px; display: block; line-height: 34px; font-size: 12px; color: #000000; margin: 1px 0 0 0; } #esns_box_subscribe_response { text-align: left; margin: 10px 0 0 30px; height: 15px; } #esns_box_subscribe_response_success { display: none; } #esns_box_subscribe_response_error { color: #ea6868; text-align: left; margin: 0 0 0 30px; height: auto; overflow: hidden; } #esns_box_subscribe_response_success { color: #35ea49; font: 20px/34px "CenturyGothicRegular",Century Gothic,Verdana,sans-serif; } /*** LABEL THEME ***/ .tl#esns_box_layer { height: 263px; width: 504px; background: url('https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_label.png') no-repeat transparent; position: relative; } .tl #esns_box_block_1, .tl #esns_box_block_2 { color: #ffffff; text-align: right; float: right; line-height: normal; } .tl #esns_box_block_1 { margin: 20px 55px 0 0 ; } .tl #esns_box_block_2 { margin: 0px 55px 0 0 ; } .tl #esns_box_block_3 { color: #000000; clear: both; text-align: justify; float: right; margin: 10px 55px 0px 0 ; width: 340px; height: 70px; overflow: hidden; } .tl #esns_box_close { position: absolute; } .tl #esns_box_subscribe_input { width: 340px; } .tl #esns_box_subscribe_response_error { height: 22px; line-height: 15px; color: #ffffff; float: right; text-align: left; width: 325px; margin: 0 50px 0 0; overflow: hidden; } .tl #esns_box_subscribe_input input { margin: 0 0 0 132px; background: none; height: 29px; width: 216px; border: 0; } .tl #esns_box_subscribe_submit a { background: none; color: #ffffff; height: 29px; line-height: 25px; background: url('https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_input.png') no-repeat -212px 0px; } .tl #esns_box_subscribe_response_success { color: #FFFFFF; float: right; margin: 0 50px 0 0; width: 340px; } .tl #esns_box_subscribe_input { background: url('https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_input.png') no-repeat 125px 0px; } .tl #esns_box_close { height: 36px; width: 36px; background: url(https://www.ttshop.fr/skin/frontend/base/default/images/newssubscribers/esns_box_close2.png) no-repeat; right: 10px; top:-5px; } /** * Inchoo * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Please do not edit or add to this file if you wish to upgrade * Magento or this extension to newer versions in the future. ** Inchoo *give their best to conform to * "non-obtrusive, best Magento practices" style of coding. * However,* Inchoo *guarantee functional accuracy of * specific extension behavior. Additionally we take no responsibility * for any possible issue(s) resulting from extension usage. * We reserve the full right not to provide any kind of support for our free extensions. * Thank you for your understanding. * * @category Inchoo * @package SocialConnect * @author Marko Martinović * @copyright Copyright (c) Inchoo (http://inchoo.net/) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ div.inchoo-socialconnect-google{ background: #f2553b !important; float: right; height: 40px !important; border-radius: 3px; -webkit-border-radius: 3px; margin:5px; font-size: 14px; } div.inchoo-socialconnect-google-inner{ height: 40px !important; float: left !important; } div.inchoo-socialconnect-google-right{ float: left !important; height: 40px !important; width: 5px !important; } div.inchoo-socialconnect-google-inner a{ color: #FFFFFF !important; padding: 10px 15px !important; margin: 0 !important; text-decoration: none !important; line-height: 20px !important; float: right; } .ggllogin.mpx-google-plus { border-right: 1px solid #ab2619; color: #fff; float: left; font-size: 18px; height: 30px; line-height: 35px; margin-top: 5px; text-align: center; width: 40px; } /** * Inchoo * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Please do not edit or add to this file if you wish to upgrade * Magento or this extension to newer versions in the future. ** Inchoo *give their best to conform to * "non-obtrusive, best Magento practices" style of coding. * However,* Inchoo *guarantee functional accuracy of * specific extension behavior. Additionally we take no responsibility * for any possible issue(s) resulting from extension usage. * We reserve the full right not to provide any kind of support for our free extensions. * Thank you for your understanding. * * @category Inchoo * @package SocialConnect * @author Marko Martinović * @copyright Copyright (c) Inchoo (http://inchoo.net/) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ div.inchoo-socialconnect-facebook{ float: right; height: 40px !important; background:#3b5998!important; border-radius: 3px; -webkit-border-radius: 3px; margin:5px; font-size: 14px; } div.inchoo-socialconnect-facebook-inner{ height: 40px !important; float: left !important; } div.inchoo-socialconnect-facebook-right{ float: left !important; height: 40px !important; width: 5px !important; } div.inchoo-socialconnect-facebook-inner a{ color: #FFFFFF !important; padding: 10px 15px !important; margin: 0 !important; text-decoration: none !important; line-height: 20px !important; float: right; } .fblogin.mpx-facebook { border-right: 1px solid #2d477d; color: #fff; float: left; font-size: 18px; height: 30px; line-height: 35px; margin-top: 5px; text-align: center; width: 40px; } /** * Inchoo * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Please do not edit or add to this file if you wish to upgrade * Magento or this extension to newer versions in the future. ** Inchoo *give their best to conform to * "non-obtrusive, best Magento practices" style of coding. * However,* Inchoo *guarantee functional accuracy of * specific extension behavior. Additionally we take no responsibility * for any possible issue(s) resulting from extension usage. * We reserve the full right not to provide any kind of support for our free extensions. * Thank you for your understanding. * * @category Inchoo * @package SocialConnect * @author Marko Martinović * @copyright Copyright (c) Inchoo (http://inchoo.net/) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ div.inchoo-socialconnect-twitter{ float: right; height: 40px !important; background: #00a7fd !important; font-size: 14px; border-radius: 3px; -webkit-border-radius: 3px; margin:5px; } div.inchoo-socialconnect-twitter-inner{ height: 40px !important; float: left !important; } div.inchoo-socialconnect-twitter-right{ float: left !important; height: 40px !important; width: 5px !important; } div.inchoo-socialconnect-twitter-inner a{ color: #FFFFFF !important; padding: 10px 15px !important; margin: 0 !important; text-decoration: none !important; line-height: 20px !important; float: right; } .twlogin.mpx-twitter { border-right: 1px solid #137ac2; color: #fff; float: left; font-size: 18px; height: 30px; line-height: 35px; margin-top: 5px; text-align: center; width: 40px; } .autocomplete-w1 {z-index:999; position:absolute; top:7px; left:6px; /* IE6 fix: */ _top:1px; } .autocomplete { width:480px; background:#fff; box-shadow: 0 5px 2px rgba(0, 0, 0, 0.2); cursor: default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px 2px; /* IE specific: */ _height:350px; _margin:0px 6px 6px 0; overflow-x:hidden; } .autocomplete .selected { background:#F6F6F6; } .autocomplete div { padding:2px 5px; clear:both; overflow: hidden; line-height:1.1em; font-weight: bold;} .autocomplete strong { font-weight:bold; color:#3399FF; } .autocomplete .ajaxsearchimage {float: left; margin:2px 6px 2px 2px;width: auto;} .autocomplete .ajaxsearchdescription {font-weight: normal;} .mini-search-right .block-content, .mini-search-left .block-content { padding:5px 10px; } .mini-search-right label, .mini-search-left label { font-weight:bold; } #anonymous_element_1{z-index:999;} #searchajaxico {background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:230px; display: none;} #search-leftajaxico {background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;} #search-rightajaxico {background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/tm/ajaxsearch/loader.gif) no-repeat left 2px; width: 20px; height: 20px; position:absolute; left:150px; display: none; top:21px;} .mini-search-right, mini-search-left{position: relative;} .mini-search-left input.input-text {display:block;margin:3px 0;width:167px;} .mini-search-left .button {clear: both; display:block;} .mini-search-right input.input-text {display:block;margin:3px 0;width:167px;} .mini-search-right .button {clear: both; display:block;} .headerajaxsearchwindow { text-align: center; background-color: #EFF4F4; color: #969b9b; margin-bottom: 0;} .headercategorysearch { text-align: center; } p.headercategorysearch { margin: 0; font-weight: bold; font-size: 14px; padding: 5px 0; border-bottom: 1px solid #E1E1E1; } p.ajaxsearch-small { margin: 0; } .ajaxsearch-category-select { width: 50px; margin-right: 4px; float: left; } .header .form-search label { text-indent: -9999px; text-align: left; } .ajaxcart_loader{position:fixed; top:50%; left:50%; margin:-22px 0 0 -22px; background:url(https://www.ttshop.fr/skin/frontend/neoshop/default/ajaxcart/images/loading.gif) center center no-repeat #FFF; width:64px; height:64px; z-index:9999; opacity:0.9; border-radius:6px} #productcarousel-loader .ajaxcart_loader{position:inherit; margin:0; display:inline-block} div.alert{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.50); z-index:10010} div.alert-inner{position:absolute; left:50%; right:0; margin:auto; text-align:left; z-index:10010; border-top:none; width:380px; top:50%; bottom:0; display:table; height:180px; padding:40px 20px 30px; max-width:100%; margin-top:-119px; margin-left:-180px; box-shadow:0 2px 2px rgba(0,0,0,0.2),0 1px 5px rgba(0,0,0,0.2),0 0 0 12px rgba(255,255,255,0.4); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2),0 1px 5px rgba(0,0,0,0.2),0 0 0 12px rgba(255,255,255,0.4); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2),0 1px 5px rgba(0,0,0,0.2),0 0 0 12px rgba(255,255,255,0.4); -ms-box-shadow: 0 2px 2px rgba(0,0,0,0.2),0 1px 5px rgba(0,0,0,0.2),0 0 0 12px rgba(255,255,255,0.4); -o-box-shadow: 0 2px 2px rgba(0,0,0,0.2),0 1px 5px rgba(0,0,0,0.2),0 0 0 12px rgba(255,255,255,0.4); background:#fff; border-radius:4px; -webkit-border-radius:4px} /*Use Only IE 7+*/ .lte-ie8 div.alert-inner{position:fixed; top:50%; left:50%; margin:-114px 0 0 -180px; z-index:9999} div.alert-inner .product-image{float:left; margin-bottom:20px; margin-top:35px} div.alert-inner p{font-size:1.4444em; padding-left:100px; font-weight:700; margin-top:40px} .info-msg{ font-size:1.4444em; line-height:2em; padding-left:10px} div.alert-inner .success-msg{margin:0; padding:24px !important; top:0; left:0; position:absolute; width:100%; z-index:0; border-radius:4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; background-color:#2ecc71; color:#fff; height:65px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} div.alert-inner .success-msg span{ font-weight:700; font-size:24px; margin-left:-55px} div.alert-inner li.success-msg:before{ padding-top:10px; padding-bottom:5px} div.alert-inner button.close{position:absolute; top:-31px; right:-26px; width:30px; height:30px; cursor:pointer; border:none; font-size:2.555em; border-radius:3px; background-color:transparent; z-index:100; color:#fff} div.alert-inner button.close:hover{color:#f25448} div.alert-inner .alertcontent{text-align:center; float:left; width:100%} div.alert-inner a{float:left; cursor:pointer} div.alert-inner a.cart{float:right} /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title, .category-image { margin-bottom:20px; } .page-title h1, .page-title h2 { margin-bottom:0;text-transform: uppercase; font-size: 2em;line-height: 1.25em;} /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; } .page-title .link-rss { float:right; margin-top:15px; } /* Title with buttons */ .title-buttons { text-align:right; } .title-buttons button { margin-left:1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; line-height: 1.58em;} .my-account .title-buttons button span span {height:35px;line-height:37px;} /* Secondary headings -------------------------------------------------------------- */ /* Cart */ .cart .discount h2, .cart .shipping h2, .block .block-title strong, /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /*Opc Step Tital*/ .opc .step-title h2 { font-size: 1.6666em; line-height: 1.66em; font-weight:normal; } /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend, .multiple-checkout h2, /*Blog Title*/ .postTitle h2, /* Account headings -------------------------------------------------------------- */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2{ font-size: 1.5555em; line-height: 1.55em; font-weight: 500; } /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2, .addresses-list h2{ font-size: 1.222em; line-height: 1.222em; } /* Third */ .dashboard .box-info h4, .addresses-list h3{ font-size: 1.1111em; line-height: 1.111em; } /* Use Light Font -------------------------------------------------------------- */ /*Menu*/ .nav-container #nav li ul li a, /*feature*/ .feature .content, /*Mobile Menu*/ #custommenu-mobile div.level2 .parentMenu > a, /*Product Name*/ .products-grid .product-name, h3.product-name, /*Footer*/ .footer-container, .footer-container .feature .below-heading, /*Block*/ .block .block-title strong, /* Section Title */ .page-title h1, .page-title h2, /* Cart */ .cart .discount h2, .cart .shipping h2, /*Mobile accordion*/ .collapsible .block-title, /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, /*Opc Step Tital*/ .opc .step-title h2, /*Genric Tabs*/ .section-title .gen-tabs .tabs li { font-weight: 400; } /* Shadow and Border Radius %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .map-popup, /*Block*/ .widget-latest .block-images, .sidebar .block, /*Table*/ .data-table.cart-table, /*Cart*/ .cart .discount, .cart .shipping, .cart .totals, /*Login*/ .account-login .new-users, .account-login .registered-users, /*Opc*/ .opc .step, /*Gift Message*/ .gift-messages-form, /*Sp-methods Form List*/ .sp-methods .form-list, /*Checkout Agreements*/ .checkout-agreements, /*My-account Tags-list*/ .my-account .tags-list, /*Tabs Panels*/ .gen-tabs .tabs-panels .panel, /*Product View Img Box*/ .img-box, /*Custom menu*/ div.wp-custom-menu-popup, /*Default Menu*/ .nav-container #nav ul, /*Quick Search*/ .form-search, /*Wishlist, Compare & Shopping Cart Dropdown Menu*/ .block.wishlist .dropdown-menu, .block.compare .dropdown-menu, .shopping_cart .dropdown-menu, .truncated .truncated_full_value .item-options, /*Quick View Popup*/ #fancybox-wrap, /*Blog*/ .blog-wrapper.notboxed, .faq-wrapper.notboxed, .small_preview, .opc-wrapper-opc, .shadowbox { border-radius: 4px; -webkit-border-radius: 4px; background-color: #FFF; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 4px 0 0 rgba(0, 0, 0, 0.1); } /*Not Used Style*/ .shadowbox1{ border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFFFFF; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 5px 5px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 5px 5px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 5px 5px 0 rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 5px 5px 0 rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 5px 5px 0 rgba(0, 0, 0, 0.05); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ a { -webkit-transition: color 0.2s ease,border-color 0.2s ease, background-color 0.2s ease; -moz-transition: color 0.2s ease,border-color 0.2s ease, background-color 0.2s ease; -ms-transition: color 0.2s ease,border-color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease,border-color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease,border-color 0.2s ease, background-color 0.2s ease; } input.input-text, select, textarea, .product-options ul.options-list, .quantity_counter, .product-view .product-img-box .more-views .thumbnails li a, .mini-products-list .product-image, .cart .crosssell .product-image, .owl-theme .owl-controls .owl-buttons div, .opc .step-title, .sorter .view-mode .grid, .sorter .view-mode .list, .buttons-set .back-link a, div.alert a, .add-to-links a, .add-to-links span.icon, .quick-view a, .collapsible .opener, .scrollup, .dropdown, .dropdown .count, #custommenu-mobile .button, a.bn-button, span.icon-hover, div.icon-hover, .feature-icon-hover span.icon, .social-link a .icon, .shopping_cart .actions button.link-button.btn-cart { -webkit-transition: color 0.3s ease,border-color 0.3s ease, background-color 0.3s ease; -moz-transition: color 0.3s ease,border-color 0.3s ease, background-color 0.3s ease; -ms-transition: color 0.3s ease,border-color 0.3s ease, background-color 0.3s ease; -o-transition: color 0.3s ease,border-color 0.3s ease, background-color 0.3s ease; transition: color 0.3s ease,border-color 0.3s ease, background-color 0.3s ease; } /* Tabs & accordion */ .gen-tabs .tabs a, .gen-tabs .tabs li, .gen-tabs .tabs li a, .product-view .gen-tabs .tabs li a, .gen-tabs .tabs-panels h2.resp-accordion, .gen-tabs .tabs-panels h2.resp-accordion a, .section-title .gen-tabs .tabs li { -webkit-transition: color 0.3s ease-in-out,box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, padding 0.3s ease; -moz-transition: color 0.3s ease-in-out,box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, padding 0.3s ease; -ms-transition: color 0.3s ease-in-out,box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, padding 0.3s ease; -o-transition: color 0.3s ease-in-out,box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, padding 0.3s ease; transition: color 0.3s ease-in-out,box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, padding 0.3s ease; } .header-maincontainer, .header-container2 .nav-maincontainer { -webkit-transition: padding 500ms ease-in-out; -moz-transition: padding 500ms ease-in-out; -ms-transition: padding 500ms ease-in-out; -o-transition: padding 500ms ease-in-out; transition: padding 500ms ease-in-out; } /* BOX SIZING */ .shipping-region, .shipping-zip, .options-wrap, .cart .totals, .col1-layout .col-main, .col2-left-layout .col-main, .col2-right-layout .col-main, .category-right .col-main, .col3-layout .col-main, .col3-layout .col-wrapper, .col3-layout .col-wrapper .col-main, .col2-set .col-1, .col2-set .col-2, .col2-set .col-narrow, .col2-set .col-wide, .col3-set .col-1, .col3-set .col-2, .col3-set .col-3, .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4, input.input-text, select, textarea, .top-panel-block, .banner-container .banner, .banner-bd, .banner-bd img, .banner-content, .shopping_cart .actions, .form-search .input-text, .ajaxsearch-category-select, .custom-search-select, .header-container4 .quick-search, .catblocks, .catblocks li, .catblocks li a span, .products-grid .product-content-wrapper, #srka-product-review-list, .opc .step, .block-content.footer-inline-subscribe-center, .block-content.footer-inline-subscribe-center .block-subscribe .input-box, .block-content.footer-inline-subscribe-center .block-subscribe .actions, .hv-effect1 .mask, div.wp-custom-menu-popup, #custommenu div.block1, #custommenu div.block2, #custommenu-mobile #menu-content, .product-style1 .product-toolbar, .block.wishlist .dropdown-menu .item, .block.compare .dropdown-menu .item, .shopping_cart .dropdown-menu .item, .countdown_wrapper, .countdown-row, .countdown-section, .product-view-countdown, .product-view-countdown .discount-label { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} /** * Grid Layout - 12 column grid, 1% gutters * -------------------------------------------------------------------- */ /* containers */ .container{margin-left:auto; margin-right:auto} .nested-container{width:102%; margin-left:-1%} /* grid units */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid-half, /* alias for half width column */ .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* alias for full width column */ /* special grid units */ .grid-col2-sidebar, .grid-col2-main{display:inline; float:left; margin-left:1%; margin-right:1%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} /* grid widths */ .grid12-1{width:6.33%} .grid12-2{width:14.66%} .grid12-3{width:23%} .grid12-4{width:31.33%} .grid12-5{width:39.67%} .grid-half, .grid12-6{width:48%} .grid12-7{width:56.33%} .grid12-8{width:64.67%} .grid12-9{width:73%} .grid12-10{width:81.33%} .grid12-11{width:89.67%} .grid12-12, .grid-full{width:98%} /* gutters (2 x margin) */ .gutter2x { margin-left:2%; margin-right:2%;} /* grid units without left margin */ .no-margin-left.grid12-1{margin-left:0; width:7.33%} .no-margin-left.grid12-2{margin-left:0; width:15.66%} .no-margin-left.grid12-3{margin-left:0; width:24%} .no-margin-left.grid12-4{margin-left:0; width:32.33%} .no-margin-left.grid12-5{margin-left:0; width:40.67%} .no-margin-left.grid-half, .no-margin-left.grid12-6{margin-left:0; width:49%} .no-margin-left.grid12-7{margin-left:0; width:57.33%} .no-margin-left.grid12-8{margin-left:0; width:65.67%} .no-margin-left.grid12-9{margin-left:0; width:74%} .no-margin-left.grid12-10{margin-left:0; width:82.33%} .no-margin-left.grid12-11{margin-left:0; width:90.67%} .no-margin-left.grid12-12, .no-margin-left.grid-full{margin-left:0; width:99%} /* grid units without right margin */ .no-margin-right.grid12-1{margin-right:0; width:7.33%} .no-margin-right.grid12-2{margin-right:0; width:15.66%} .no-margin-right.grid12-3{margin-right:0; width:24%} .no-margin-right.grid12-4{margin-right:0; width:32.33%} .no-margin-right.grid12-5{margin-right:0; width:40.67%} .no-margin-right.grid-half, .no-margin-right.grid12-6{margin-right:0; width:49%} .no-margin-right.grid12-7{margin-right:0; width:57.33%} .no-margin-right.grid12-8{margin-right:0; width:65.67%} .no-margin-right.grid12-9{margin-right:0; width:74%} .no-margin-right.grid12-10{margin-right:0; width:82.33%} .no-margin-right.grid12-11{margin-right:0; width:90.67%} .no-margin-right.grid12-12, .no-margin-right.grid-full{margin-right:0; width:99%} /* grid units without margins */ .no-margins.grid12-1{margin-left:0; margin-right:0; width:8.33%} .no-margins.grid12-2{margin-left:0; margin-right:0; width:16.66%} .no-margins.grid12-3{margin-left:0; margin-right:0; width:25%} .no-margins.grid12-4{margin-left:0; margin-right:0; width:33.33%} .no-margins.grid12-5{margin-left:0; margin-right:0; width:41.67%} .no-margins.grid-half, .no-margins.grid12-6{margin-left:0; margin-right:0; width:50%} .no-margins.grid12-7{margin-left:0; margin-right:0; width:58.33%} .no-margins.grid12-8{margin-left:0; margin-right:0; width:66.67%} .no-margins.grid12-9{margin-left:0; margin-right:0; width:75%} .no-margins.grid12-10{margin-left:0; margin-right:0; width:83.33%} .no-margins.grid12-11{margin-left:0; margin-right:0; width:91.67%} .no-margins.grid12-12, .no-margins.grid-full{margin-left:0; margin-right:0; width:100%} /* block indents */ .grid12-indent-1 {margin-left: 8.33%;} .grid12-indent-2 {margin-left: 16.66%;} .grid12-indent-3 {margin-left: 25%;} .grid12-indent-4 {margin-left: 33.33%;} .grid12-indent-5 {margin-left: 41.67%;} .grid12-indent-6 {margin-left: 50%;} .grid12-indent-7 {margin-left: 58.33%;} .grid12-indent-8 {margin-left: 66.67%;} .grid12-indent-9 {margin-left: 75%;} .grid12-indent-10 {margin-left: 83.33%;} .grid12-indent-11 {margin-left: 91.67%;} /* grid units Columns 3 Layout */ .grid-col3-main .grid12-1, .grid-col3-main .grid12-2, .grid-col3-main .grid12-3, .grid-col3-main .grid12-4, .grid-col3-main .grid12-5, .grid-col3-main .grid-half, .grid-col3-main .grid12-6, .grid-col3-main .grid12-7, .grid-col3-main .grid12-8, .grid-col3-main .grid12-9, .grid-col3-main .grid12-10, .grid-col3-main .grid12-11, .grid-col3-main .grid12-12, .grid-col3-main .grid-full{margin-left:0; margin-right:0; width:100%} /* special grid units -------------------------------------------------------------- */ .grid-col2-sidebar{width:23%} .grid-col2-main{width:73%} .grid-col3-sidebar{width:31.52%} .grid-col3-main{width:65.90%} /* vertically aligned grid -------------------------------------------------------------- */ .v-grid-container{display:table; width:100%} .v-grid{float:none; display:table-cell; vertical-align:middle} /* grid >> children (Alpha ~ First, Omega ~ Last) */ .alpha{margin-left:0} .omega{margin-right:0} /* hide */ .hide-below-1680{display:none !important} .hide-below-1440{display:none !important} .hide-below-1360{display:none !important} .hide-below-1280{display:none !important} /* clear floats -------------------------------------------------------------- */ .grid-container{*zoom:1; clear:both} .grid-container:before, .grid-container:after{display:table; line-height:0; content:""} .grid-container:after{clear:both} /* Products Grid */ .itemsgrid .item{ float:left; margin-left:1%; margin-right:1%; margin-top:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} /* items cols */ .items-1col .item{width:98%} .items-2col .item{width:48%} .items-2col .item:nth-child(2n+1){clear:left} .items-3col .item{width:31.3333%} .items-3col .item:nth-child(3n+1){clear:left} .items-4col .item{width:23%} .items-4col .item:nth-child(4n+1){clear:left} .items-4col .item.dop{width:48%} .items-5col .item{width:18%} .items-5col .item:nth-child(5n+1){clear:left} .items-6col .item{width:14.6666%} .items-6col .item:nth-child(6n+1){clear:left} .items-7col .item{width:12.2857%} .items-7col .item:nth-child(7n+1){clear:left} .items-8col .item{width:10.5%} .items-8col .item:nth-child(8n+1){clear:left} /*Toolbar animation*/ .product-style1 .item .product-toolbar.flyfrombottom { bottom: -100%; -webkit-transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; -o-transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; } .product-style1 .item:hover .product-toolbar.flyfrombottom {opacity: 1; bottom: 0;} .product-style1 .item .product-toolbar.flyfromtop { bottom: 120%; -webkit-transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; -o-transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: bottom 0.3s ease-in-out, opacity 0.2s ease-in-out;} .product-style1 .item:hover .product-toolbar.flyfromtop {bottom:0} .product-style1 .item .product-toolbar.flyfromleft { left: -120%; -webkit-transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out; -o-transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out;} .product-style1 .item:hover .product-toolbar.flyfromleft {left:0;} .product-style1 .item .product-toolbar.flyfromright { right: -120%; -webkit-transition: right 0.3s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: right 0.3s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: right 0.3s ease-in-out, opacity 0.2s ease-in-out; -o-transition: right 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: right 0.3s ease-in-out, opacity 0.2s ease-in-out;} .product-style1 .item:hover .product-toolbar.flyfromright {right:0;} /*Image animation*/ .products-grid .item:hover .product-image-wrapper.flyfromtop .product-image img.small-image, .products-grid .item:hover .product-image-wrapper.flyfrombottom .product-image img.small-image, .products-grid .item:hover .product-image-wrapper.flyfromleft .product-image img.small-image, .products-grid .item:hover .product-image-wrapper.flyfromright .product-image img.small-image{opacity: 1; visibility: visible;} .item .product-image-wrapper.flyfromright .product-image img.thumbnail, .item .product-image-wrapper.flyfromtop .product-image img.thumbnail, .item .product-image-wrapper.flyfromleft .product-image img.thumbnail, .item .product-image-wrapper.flyfrombottom .product-image img.thumbnail{display: block;} .item .product-image-wrapper.flyfromright, .item .product-image-wrapper.flyfromtop, .item .product-image-wrapper.flyfromleft, .item .product-image-wrapper.flyfrombottom{overflow: hidden;} .item .product-image-wrapper.flyfromtop .product-image img.thumbnail { -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out; -ms-transition: top 0.3s ease-in-out; -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; top: -100%; } .item:hover .product-image-wrapper.flyfromtop .product-image img.thumbnail{ top: 0; } .item .product-image-wrapper.flyfromleft .product-image img.thumbnail { -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; -ms-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; left: -100%; right: auto; } .item:hover .product-image-wrapper.flyfromleft .product-image img.thumbnail{ left: 0; } .item .product-image-wrapper.flyfrombottom .product-image img.thumbnail { -webkit-transition: bottom 0.3s ease-in-out; -moz-transition: bottom 0.3s ease-in-out; -ms-transition: bottom 0.3s ease-in-out; -o-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; bottom: -100%; top: auto; } .item:hover .product-image-wrapper.flyfrombottom .product-image img.thumbnail{ bottom: 0; } .item .product-image-wrapper.flyfromright .product-image img.thumbnail { -webkit-transition: right 0.3s ease-in-out; -moz-transition: right 0.3s ease-in-out; -ms-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; right: -100%; left: auto; } .item:hover .product-image-wrapper.flyfromright .product-image img.thumbnail{ right: 0; } /* Dropdown*/ .dropdown{background: #f3f5f6;height: 40px;line-height: 40px;border-radius: 4px;float: right;margin-left: 5px;position: relative;font-size: 14px;} .dropdown:hover, .shopping_cart.dropdown:hover, .shopping_cart.dropdown .count, .block.wishlist.dropdown:hover, .block.wishlist.dropdown .count, .block.compare.dropdown:hover, .block.compare.dropdown .count{background: #2E8894;} .dropdown-toggle *{display: inline-block;} .shopping_cart.dropdown .dropdown-toggle * {display: inline;/*fix icon padding todo*/} .dropdown-toggle{padding: 0 5px;} .top-arrow{border-left: 8px solid transparent !important;border-right: 8px solid transparent !important;border-bottom: 9px solid #FFFFFF;background: url("https://www.ttshop.fr/skin/frontend/neoshop/default/images/arr-border.png") no-repeat -8px 0; ;width: 0;height: 0;position: absolute;bottom: -11px;right: 32%;margin: 0 auto;z-index: 10000;} .top-arrow-l {border-left: 10px solid transparent !important;border-right: 10px solid transparent !important;border-bottom: 9px solid rgba(0, 0, 0, 0.15);width: 0;height: 0;position: absolute;bottom: -10px;right: 0;left:0;margin: 0 auto;z-index: 1000; } /*.top-arrow-l {width: 20px; height: 16px;position: relative;overflow: hidden;box-shadow: 0 16px 1px -17px rgba(0,0,0,0.5);bottom: -10px;} .top-arrow-l:after { content: ""; position: absolute; width: 20px; height: 15px; background: #fff; transform: rotate(45deg); top: 12px; left: 1px; box-shadow: -1px -1px 5px -2px rgba(0,0,0,0.5); border:1px solid rgba(0, 0, 0, 0.15); }*/ .dropdown .icon-flag{width: 19px;height: 14px;background-repeat: no-repeat;padding-right: 5px;text-align: center;vertical-align: middle;} .dropdown .icon{font-size: 24px;font-weight: normal;text-align: left;padding: 0;display: inline;width: auto;height: auto;line-height: normal;text-indent: 0;cursor:default;} .dropdown .count {margin:0;background: #5e6d82;width: 18px;height: 18px;border-radius: 50%;position: absolute;top: -2px;right: -4px; text-align: center;line-height: 18px;color: #FFF;font-size: 11px;} .prevnext.dropdown { background: transparent;height: 59px;line-height: 59px;} .qr-generator.dropdown {background: transparent; height: 45px; margin-left: 0;} .dropdown .dropdown-menu{background-color: #FFF;line-height: 1.5em;width: 100%;position: absolute;right: 0;z-index: 9999;} .dropdown-menu > a *{display: inline-block;} .language .dropdown-menu, .currency .dropdown-menu, .toplinks .dropdown-menu{background-color: #2a3744; border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; padding: 4px;} .toplinks .dropdown-menu, .language .dropdown-menu{min-width: 140px;} .currency .dropdown-menu{min-width: 85px;} .language .top-arrow, .currency .top-arrow{border-bottom-color: #2a3744;} .language .dropdown-menu a, .currency .dropdown-menu a, .toplinks .dropdown-menu a{padding: 5px 15px;color: #FFF;display: block;border-radius:4px; -webkit-border-radius:4px;} .language .dropdown-menu a:hover, .currency .dropdown-menu a:hover{background-color: #2E8894;} .currency.dropdown .icon-flag, .header-container1 .currency.dropdown:hover .dropdown-toggle .icon-flag, .header-container2 .currency.dropdown:hover .dropdown-toggle .icon-flag, .header-container3 .currency.dropdown:hover .dropdown-toggle .icon-flag{color: #f25448;width: auto;vertical-align: top;} .currency.dropdown:hover .icon-flag{color: #FFF;} .header-container3 .block.wishlist.dropdown .dropdown-toggle, .header-container3 .block.compare.dropdown .dropdown-toggle, .header-container3 .shopping_cart.dropdown .dropdown-toggle, .header-container2 .block.wishlist.dropdown .dropdown-toggle, .header-container2 .block.compare.dropdown .dropdown-toggle, .header-container2 .shopping_cart.dropdown .dropdown-toggle, .header-container .block.wishlist.dropdown .dropdown-toggle, .header-container .block.compare.dropdown .dropdown-toggle, .header-container .shopping_cart.dropdown .dropdown-toggle{padding-bottom: 4px;} .header-container4 .block.wishlist.dropdown .dropdown-toggle, .header-container4 .block.compare.dropdown .dropdown-toggle, .header-container4 .shopping_cart.dropdown .dropdown-toggle{padding-bottom: 3px;} .block.wishlist, .block.compare{margin: 0 0 0 5px;} .block.wishlist .dropdown-menu, .block.compare .dropdown-menu, .shopping_cart .dropdown-menu{ width: 390px; text-align: left; border: 1px solid #c1c1c1; } .block.wishlist .dropdown-menu, .block.compare .dropdown-menu{line-height: normal;} .block.wishlist .dropdown-menu .item, .block.compare .dropdown-menu .item, .shopping_cart .dropdown-menu .item{ clear: both; display: inline-block; width: 100%; border-top: 1px solid #E5E5E5; padding: 10px 15px; } .block.wishlist .block-subtitle, .block.compare .block-subtitle, .block.compare .empty, .shopping_cart .block-subtitle { margin:0 0 10px; padding: 10px 15px 0; } .block.wishlist .actions, .block.compare .actions, .shopping_cart .actions {padding: 15px;margin-top: 0;} /*Shopping Cart*/ .shopping_cart.dropdown .icon{font-size:28px;} .shopping_cart.dropdown .shopping_cart.dropdown{margin: 0!important;}/*fix ajax addtocart todo*/ /* Icons */ div.icon, span.icon{background: transparent no-repeat 0 0; vertical-align:middle; display:inline-block; width:34px; height:34px; padding:2px; font-size:20px; text-align:center; line-height:38px; border-radius:4px; text-indent:5px;} div.icon.large, span.icon.large{width:50px; height:50px; padding:5px; font-size:30px; text-align:center; line-height:55px} div.icon.xlarge, span.icon.xlarge{width:80px; height:80px; padding:5px; font-size:50px; text-align:center; line-height:85px} div.icon.xxlarge, span.icon.xxlarge{width:100px; height:100px; font-size:60px; text-align:center; line-height:110px; text-indent:14px} .icon.i-number, .icon.i-char{font-size:18px; line-height:34px; font-weight:700; text-align:center; text-indent:0} .icon.large.i-number, .icon.large.i-char{font-size:20px; line-height:60px; font-weight:normal} /* Shapes */ .icon.circle{border-radius:50%} .icon.rounded{border-radius:4px} .icon.square{border-radius:0} /* All icons square */ .icon-wrapper-square span.icon{border-radius:0} /* All icons round */ .icon-wrapper-round span.icon{border-radius:4px} /* All icons circle */ .icon-wrapper-circle span.icon{border-radius:50%} /* Auto-size:allow for big icons */ .icon.auto-size{width:auto; max-width:none; height:auto; max-height:none; line-height:normal} /* Icon background color */ .icon-bg-color span.icon{background-color:#f25448; color:#FFF} /*Icon Border*/ .border span.icon{border:1px solid #BDC3C7} /* Hover icon */ span.icon-hover:hover, .feature-icon-hover:hover span.icon, /*Icon Bg Color Icon Hover */ .icon-bg-color .icon-hover:hover{background-color:#2E8894; color:#FFF} /* Basic styles */ .feature{margin:0 0 20px} .feature:after{display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden} .feature.first{margin-top:0} .feature.last{margin-bottom:0} /* With top/bottom border line */ .feature-wrapper.top-border{border-top:1px solid #E4E4E4; padding:20px 0 0; margin-top:20px} .feature-wrapper.bottom-border{border-bottom:1px solid #E4E4E4; padding:0 0 20px; margin-bottom:20px} /* Feature headings */ .feature .heading{font-size:1.3333em;line-height:1.25em;margin-bottom:0.625em;font-weight:normal} .feature .above-heading{margin:-5px 0 10px; font-size:13px; line-height:1.4545em; text-transform:uppercase} .feature .below-heading{font-weight:500} .feature .content{font-size:14px; line-height:1.5em; margin-bottom:1em; color:#696e6e} a.go, a.aw-blog-read-more{font-size:1.3em; line-height:1.3em; color:#f25448; padding:7px 15px; border:1px solid #f25448; border-radius:4px; background:transparent; font-weight:400; display:inline-block} a.aw-blog-read-more{margin:5px} a:hover.go, a:hover.aw-blog-read-more{background-color:#2E8894; border-color:#2E8894; color:#FFF} /* Feature icons*/ .feature .icon{float:left} .feature.right .icon{float:right} /* Indent feature*/ .feature.indent .icon{margin-bottom:0} /* Default icon*/ .feature .icon{margin:0 15px 10px 0} .feature.right .icon{margin:0 0 10px 15px} /* Default */ .feature.indent{padding-left:60px} .feature.right.indent{padding-right:60px; padding-left:0} .feature.indent .icon{margin-left:-60px} .feature.right.indent .icon{margin-right:-60px; margin-left:0} /* Large */ .feature.large.indent{padding-left:80px} .feature.right.large.indent{padding-right:80px; padding-left:0} .feature.large.indent .icon{margin-left:-80px} .feature.right.large.indent .icon{margin-right:-80px; margin-left:0} /* XLarge */ .feature.xlarge.indent{padding-left:110px} .feature.right.xlarge.indent{padding-right:110px; padding-left:0} .feature.xlarge.indent .icon{margin-left:-110px} .feature.right.xlarge.indent .icon{margin-right:-110px; margin-left:0} /* XXLarge */ .feature.xxlarge.indent{padding-left:130px} .feature.right.xxlarge.indent{padding-right:130px; padding-left:0} .feature.xxlarge.indent .icon{margin-left:-130px} .feature.right.xxlarge.indent .icon{margin-right:-130px; margin-left:0} /* Feature centered */ .feature.centered{text-align:center} .feature.centered .icon{float:none; margin:0 0 10px} /* Other Icons */ .icon.s40{font-size:40px; width:40px; height:40px; text-indent:0} .homelinkicon{font-size:18px} /*Social Link Icon Hover */ .social-link a .icon:hover{color:#FFF !important} .social-link .mpx-facebook:hover{background-color:#4C66A4!important; border-color:#4C66A4!important} .social-link .mpx-twitter:hover{background-color:#55acee!important; border-color:#55acee!important} .social-link .mpx-foursquare:hover{background-color:#00AEEF!important; border-color:#00AEEF!important} .social-link .mpx-google-plus:hover{background-color:#dd4b39!important; border-color:#dd4b39!important} .social-link .mpx-pinterest:hover{background-color:#cc2127!important; border-color:#cc2127!important} .social-link .mpx-instagram1:hover{background-color:#3f729b!important; border-color:#3f729b!important} .social-link .mpx-linkedin:hover{background-color:#0976b4!important; border-color:#0976b4!important} .social-link .mpx-vimeo:hover{background-color:#1ab7ea!important; border-color:#1ab7ea!important} .social-link .mpx-youtube:hover{background-color:#e52d27!important; border-color:#e52d27!important} .social-link .mpx-flickr:hover{background-color:#ff0084!important; border-color:#ff0084!important} .social-link .mpx-email:hover{background-color:#A58370!important; border-color:#A58370!important} .social-link .mpx-rss:hover{background-color:#FF7600!important; border-color:#FF7600!important} .social-link.inverse .mpx-facebook{background-color:#4C66A4!important; border-color:#4C66A4!important} .social-link.inverse .mpx-twitter{background-color:#55acee!important; border-color:#55acee!important} .social-link.inverse .mpx-foursquare{background-color:#00AEEF!important; border-color:#00AEEF!important} .social-link.inverse .mpx-google-plus{background-color:#dd4b39!important; border-color:#dd4b39!important} .social-link.inverse .mpx-pinterest{background-color:#cc2127!important; border-color:#cc2127!important} .social-link.inverse .mpx-instagram1{background-color:#3f729b!important; border-color:#3f729b!important} .social-link.inverse .mpx-linkedin{background-color:#0976b4!important; border-color:#0976b4!important} .social-link.inverse .mpx-vimeo{background-color:#1ab7ea!important; border-color:#1ab7ea!important} .social-link.inverse .mpx-youtube{background-color:#e52d27!important; border-color:#e52d27!important} .social-link.inverse .mpx-flickr{background-color:#ff0084!important; border-color:#ff0084!important} .social-link.inverse .mpx-email{background-color:#A58370!important; border-color:#A58370!important} .social-link.inverse .mpx-rss{background-color:#FF7600!important; border-color:#FF7600!important} .social-link.inverse .icon {opacity: 0.9;color: #FFFFFF;} .social-link.inverse .icon:hover{opacity: 1;} /*Additional Unordered Lists styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ ul.bullet1 a, ul.bullet2 a, ul.bullet3 a, ul.bullet4 a, ul.bullet5 a, ul.bullet6 a{ display:block; padding:5px 0} ul.bullet1 li a:before, ul.bullet2 li a:before, ul.bullet3 li a:before, ul.bullet4 li a:before, ul.bullet5 li a:before, ul.bullet6 li a:before{ font-family:neoshop; float:left; padding-right:5px; line-height:20px} ul.bullet li a:before{ content:"v"; font-size:20px} ul.bullet1 li a:before{ content:"["; font-size:11px} ul.bullet2 li a:before{ content:"\e0a5"; font-size:13px} ul.bullet3 li a:before{ content:"\e024"} ul.bullet4 li a:before{ content:"\e063"; font-size:14px} ul.bullet5 li a:before{ content:"j"} ul.bullet6 li a:before{ content:"%"} .listbullet li:before{ content:"\e0a5"; font-family:neoshop; font-size:14px; padding-left:10px; padding-right:5px; vertical-align:middle} /*Custom Font Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner .owl-theme .owl-controls .owl-buttons .owl-next:before, .owl-theme .owl-controls .owl-buttons .owl-next:before{ content:"\e08c"} .banner .owl-theme .owl-controls .owl-buttons .owl-prev:before, .owl-theme .owl-controls .owl-buttons .owl-prev:before{ content:"\e090"} .tier-prices li:before{ content:"d"} .data-table .item-options dt:before{ content:"W"} .btn-edit:before, .block-progress dt:before{content:"\e003"} .btn-remove2:before {content: "\e01e"} .btn-remove:before, .lb-data .lb-close:before{content:"\e05c"} .sorter .view-mode .grid:before{content:"\e011"} .sorter .view-mode .list:before{content:"7"} .sm-icon:before{vertical-align:middle; padding-right:3px} .collapsible .opener:before{ content:"\e02f"} .collapsible.active .opener:before{ content:"3"} /*Top Links*/ .user-icon:before{ font-size:13px; padding-right:4px; vertical-align:middle} .top-link-about-us:before, .top-link-customer-service:before, .top-link-contacts:before, .top-link-blog:before, .top-link-faq:before, .top-link-my-account:before, .top-link-cart:before, .top-link-checkout:before, .top-link-login:before, .top-link-logout:before, .top-link-signup:before{ font-family:neoshop; vertical-align:middle; padding-right:2px} .top-link-my-account:before{ content:"@"; font-size:11px} .top-link-cart:before{ content:"\e00a"; font-size:15px} .top-link-checkout:before{ content:"\e07e"; font-size:13px} .top-link-login:before{ content:"~"; font-size:11px} .top-link-logout:before{ content:"\e000"; font-size:11px} .top-link-signup:before{ content:"\e08f"; font-size:12px} .top-link-faq:before{ content:"\e05e"} .top-link-blog:before{ content:"\e079"} .top-link-contacts:before{ content:"\e030"} .top-link-customer-service:before{ content:"\e05d"} .top-link-about-us:before{ content:"\e0a2"; font-size:11px} /*Alert icons*/ .success-msg:before, .error-msg:before, .note-msg:before, .notice-msg:before{ font-family:neoshop; float:left; padding-right:20px; font-size:2.5em} .success-msg:before{ content:"j"} .error-msg:before{ content:"\e054"} .note-msg:before, .notice-msg:before{ content:"\e05d"} /*Intro Icons*/ .introicons{background:#FFF; padding:15px; border-radius:4px; position:relative; margin:60px 0 30px; border:1px solid #f9fafc} .introicons span.icon{color:#F7F7F9} .introicons h3{margin:25px 0 15px} .introicons .content{font-size:14px; line-height:1.5em} .introicons .icon-bordered{border:10px solid #F7F7F9} .introicons:hover .icon-bordered{border-color:#FFF} .icon.absolute-top{margin-top:-80px} .icon.bg-green{background:#16a085} .icon.bg-blue{background:#2980b9} .icon.bg-red{background:#c0392b} .icon.bg-yellow{background:#EB974E} .introicons a.go{margin-bottom:10px} /*Icons Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .hi-icon{ display:inline-block; cursor:pointer; width:50px; height:50px; border-radius:50%; text-align:center; position:relative; z-index:1} .hi-icon:after{ pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box} .hi-icon-effect .hi-icon{ font-size:36px; line-height:56px; -webkit-box-shadow:0 0 0 3px #fff; box-shadow:0 0 0 3px #fff; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s} .hi-icon-effect .hi-icon:after{ top:-2px; left:-2px; padding:2px; z-index:-1; background:#fff; -webkit-transition:-webkit-transform 0.2s,opacity 0.2s; -moz-transition:-moz-transform 0.2s,opacity 0.2s; transition:transform 0.2s,opacity 0.2s} .hi-icon-effect .hi-icon:hover:after{ -webkit-transform:scale(0.85); -moz-transform:scale(0.85); -ms-transform:scale(0.85); transform:scale(0.85)} /*btn icons*/ .btn-icon{ font-size:21px; margin:0 4px 0 -5px} .btn-icon:before{ vertical-align:middle} .btn-icon.mpx-eye{ font-size:18px} .btn-empty .btn-icon.mpx-rm-shopping-cart-thin, .btn-continue .btn-icon.mpx-add-shopping-cart-thin, .btn-icon.mpx-mastercard{ font-size:18px} .btn-update .btn-icon.mpx-synchronize{ font-size:16px} /*Typo Demo*/ .social-demo .social-link span{margin-bottom:3px} .social-demo, .icons-demo{width:100%; float:left; display:block} .glyphs.character-mapping{margin:0 0 20px 0; color:rgba(0,0,0,0.5)} .glyphs.character-mapping li{margin:0 30px 20px 0; display:inline-block; width:90px} .glyphs.character-mapping .icon{margin:10px 0 10px 15px; padding:15px; position:relative; width:55px; height:55px; color:#162a36 !important; overflow:hidden; -webkit-border-radius:3px; border-radius:3px; font-size:32px} .glyphs.character-mapping .icon svg{fill:#000} .glyphs.character-mapping input{margin:0; padding:5px 0; line-height:12px; font-size:12px; display:block; width:100%; border:1px solid #d8e0e5; -webkit-border-radius:5px; border-radius:5px; text-align:center; outline:0} .glyphs.character-mapping input:focus{border:1px solid #fbde4a; -webkit-box-shadow:inset 0 0 3px #fbde4a; box-shadow:inset 0 0 3px #fbde4a} .glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a; box-shadow:inset 0 0 3px #fbde4a} .glyphs.css-mapping{margin:0; padding:20px; color:rgba(0,0,0,0.5); border:1px solid #d8e0e5; -webkit-border-radius:3px; border-radius:3px} .glyphs.css-mapping li{margin:0 30px 20px 0; padding:0; display:inline-block; overflow:hidden} .glyphs.css-mapping .icon{margin:0; margin-right:10px; padding:8px 13px; width:50px; color:#162a36 !important; overflow:hidden; float:left; font-size:30px} .glyphs.css-mapping input{margin:0; margin-top:7px; padding:8px; line-height:16px; font-size:16px; display:block; width:150px; border:1px solid #d8e0e5; -webkit-border-radius:5px; border-radius:5px; background:#fff; outline:0; float:right} .glyphs.css-mapping input:focus{border:1px solid #fbde4a; -webkit-box-shadow:inset 0 0 3px #fbde4a; box-shadow:inset 0 0 3px #fbde4a} .glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a; box-shadow:inset 0 0 3px #fbde4a} /* demo colors for bullets */ .demo-ul ul.bullet1 li a:before{ color:#f1c40f} .demo-ul ul.bullet6 li a:before{ color:#f25448} .demo-ul ul.bullet5 li a:before{ color:#2ecc71} .demo-ul ul{ padding:5px 15px} .demo-typo .page-title{padding:5px 15px; display:block; border-bottom:1px solid #d8e0e5} span.htmlcode{display:block; border:1px solid #d8e0e5; background:#fff; border-radius:5px; padding:3px 10px} .dm-sale:before, .dm-gift:before{ float:left; font-family:neoshop; font-size:22px; padding-right:5px; vertical-align:middle} .dm-sale:before{content:"\e092"} .dm-gift:before{ content:"?"} .custom-block-demo {border: 2px dashed #ddd;line-height: 45px;text-align: center;} /* Tabs -------------------------------------------------------------- */ .gen-tabs .tabs li { display: inline-block; margin:4px 0;} .gen-tabs .tabs a { display:block; text-decoration:none; outline:none; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title .gen-tabs .tabs li, .gen-tabs .tabs li a, .gen-tabs .tabs-panels h2.resp-accordion{ font-size: 1.4444em; border-bottom: none; padding: 0 15px; position: relative; border-radius: 4px; height: 42px; line-height: 42px; cursor: pointer; float: none; text-transform: uppercase; } .section-title .gen-tabs .tabs li:hover, .section-title .gen-tabs .tabs li:focus{color: #f25448;} .gen-tabs .tabs li.resp-tab-active a, .gen-tabs .tabs li a:hover, .gen-tabs .tabs-panels h2.resp-accordion.resp-tab-active, .gen-tabs .tabs-panels h2.resp-accordion:hover{ color: #2E8894; background: #FFFFFF; } .section-title .gen-tabs .tabs li.active {padding: 0 30px; background-color:#2a3744;} .gen-tabs .tabs-panels h2.resp-accordion.resp-tab-active a, .gen-tabs .tabs-panels h2.resp-accordion:hover a{color: #2E8894;} .section-title .gen-tabs .tabs li.active, .section-title .gen-tabs .tabs li.active:hover{color:#FFFFFF} /* Product View tabs -------------------------------------------------------------- */ .product-view .gen-tabs .tabs li a, .gen-tabs .tabs-panels h2.resp-accordion{ height: auto; line-height: 1.4444em; padding: 10px 18px; border-radius: 4px; background: #eaedf2; text-transform: capitalize; } .gen-tabs .tabs-panels h2.resp-accordion{margin: 10px 0 0 0;border-radius: 4px;} .gen-tabs .tabs-panels h2.resp-accordion.resp-tab-active{ border-radius: 5px 5px 0 0; -webkit-box-shadow:inset 0 3px 0 0 #2E8894; box-shadow:inset 0 3px 0 0 #2E8894; border-right: 1px solid #D9E3E8; border-left: 1px solid #D9E3E8;} .gen-tabs li.resp-tab-item.resp-tab-active {margin-bottom: 0;} .product-view .gen-tabs li.resp-tab-item.resp-tab-active > a, .product-view .gen-tabs li.resp-tab-item.resp-tab-active a:hover{ padding-bottom: 16px; border-radius: 4px 4px 0 0; background-color:#FFFFFF; -webkit-box-shadow:inset 0 3px 0 0 #2E8894; box-shadow:inset 0 3px 0 0 #2E8894; border-right: 1px solid #D9E3E8; border-left: 1px solid #D9E3E8; } .product-view .gen-tabs .tabs li a:hover{background: #FFFFFF; -webkit-box-shadow:inset 0 0 5px 0 #eaedf2; box-shadow:inset 0 0 5px 0 #eaedf2;} /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels {border-top: 1px solid #D9E3E8; margin-top: -1px;} .gen-tabs .tabs-panels .panel {padding:20px;clear: both; border-radius: 0 0 4px 4px;} .gen-tabs .tabs-panels .panel p, .gen-tabs .tabs-panels .panel .std{line-height: 1.55em;font-size: 14px;} /* Accordion styles -------------------------------------------------------------- */ h2.resp-accordion {display: none;} .resp-tab-content {display: none;} .resp-content-active, .resp-accordion-active {display: block;} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-tab-content-active {display: block;} @media only screen and (max-width: 768px) { ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; } } /* Product 3 Column -------------------------------------------------------------- */ .col3-layout ul.resp-tabs-list{ display: none; } .col3-layout h2.resp-accordion { display: block; } .resp-arrow { position: absolute; right: 20px; top: 7px; display: block; cursor: pointer; font-family: neoshop; width: 34px; height: 34px; background-color: #2C343D; background-color: rgba(0,0,0, 0.10); background-position: center center; background-repeat: no-repeat; border-radius: 4px; color: #FFF; font-size: 1.02em; text-align: center; line-height: 34px; display: none; } /************* SLIDER */ #sliders { float: left; position: relative;width: 100%;} .slider { position: relative; top: 0; left: 0; overflow: hidden; width:100%; height:100%; } #slide-timeline {position: absolute; z-index: 999; top:0; width:0; height:4px; background:#f25448; } .slider.container .flexslider {width: 98%;margin: 10px 1%;overflow: hidden;} /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; } .flexslider .slides > li {background-size:cover!important;display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block; width:auto; /* ie8 */} .flexslider .slides .small_image{display:none; width:100%; height:auto;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .slides {display: block;} * html .slides {height: 1%;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0; position:relative; zoom:1; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} .flexslider .slides .row{position:relative;} .flexslider .slides .content{float:left; max-width:1000px; margin:30px 100px; color:rgba(0,0,0, 0.6); text-align:center; } .flexslider .slides .content strong{font-family:"Open Sans",sans-serif; font-size:60px; font-weight:400; text-transform:uppercase; line-height:50px; color:rgba(0,0,0, 0.8); } .flexslider .slides .content .border{margin:15px 10px; height:1px; background:rgba(0,0,0,0.09); } .flexslider .slides .content p{margin:0; font-size:14px;} .flexslider .slides .content button{margin:15px auto;float: none!important;} .flexslider .slides .text-right .content{float:right; } .flexslider .slides .text-center .content{float:none; margin:30px auto;} /* Direction Nav */ .flex-direction-nav {position:relative; width:95%; margin:0 auto;} .flex-direction-nav a {width: 70px; height: 70px; margin:0; text-align: center; display: block; background:#fff; border-radius:50%; position: absolute; top: 50%; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; text-indent: 2px; } .flex-direction-nav .flex-prev {left: -36px; text-indent: -5px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexicon {font-size: 2.222em; line-height: 2.8em;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; text-align: center; height: 18px;} .flex-control-nav li {margin: 4px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width:10px; height:10px; display: block; background:#696e6e; cursor: pointer; text-indent: -9999px; border-radius: 50%;} .flex-control-paging li a:hover { background: #f25448; } .flex-control-paging li a.flex-active { background: #f25448; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} .flexslider .slides > li{height: auto!important;} .flexslider .slides .content strong {font-size: 40px; line-height: 40px;} } /* Collapsible Accordion */ .collapsible{position:relative} .collapsible .block-title{ padding-top:8px; padding-right:40px; padding-bottom:8px; border-bottom:1px solid #404852; margin-bottom:0.625em; font-size:1.667em; line-height:1.667em} .collapsible .opener{position:absolute; right:0; top:7px; display:block; cursor:pointer; font-family:neoshop; width:34px; height:34px; background-color:#2C343D; /*IE*/background-color:rgba(0,0,0,0.10); background-position:center center; background-repeat:no-repeat; border-radius:4px; color:#FFF; font-size:1.2em; text-align:center; text-indent:3px; line-height:34px} .collapsible .opener:hover{background-color:#34495e; /*IE*/background-color:rgba(0,0,0,0.20)} .view.filter-accordion .block-title{ background:transparent!important; border:none!important; font-size:120%; line-height:1.2; padding:5px 0} .view.filter-accordion .block-content{ float:none; padding:5px 0} .view.filter-accordion{ clear:both} .view.filter-accordion .opener{ background:transparent; color:#777; font-size:1em; height:24px; line-height:24px; width:24px; top:4px; text-indent:2px} /* Vertically centered content*/ .v-centered-content {display:table;} .v-centered-content .v-center {display:table-cell;vertical-align:middle;} /* Heading of a content section*/ .section-title{margin-bottom: 5px;clear: both;} /* links */ .links > li > a { padding:0 5px; } .links > li > a:hover{color: #f25448;} .links > li { display: inline-block; } .links > li > a { display:block;color: #696e6e; } .footer-bottom .links > li.first > a{padding-left: 0;} .footer-bottom .links > li > a:hover {background: transparent;color: #F0F7FA} .links.menu-links > li > a:hover{background: transparent;} /* Links with right separator */ .links-wrapper-separators .links > li { margin-left:-3px; } .links-wrapper-separators .links > li > a { background: url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/link-separator.png) no-repeat right center; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with left separators */ .links-wrapper-separators-left .links > li { margin-left:-3px; } .links-wrapper-separators-left .links > li > a { background: url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/link-separator.png) no-repeat left center; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* jQuery Countdown */ .is-countdown{ } .countdown-rtl{ direction:rtl} .countdown-holding span{ color:#888} .countdown-row{ clear:both; width:100%; padding:0 2px; text-align:center} .countdown-show1 .countdown-section{ width:98%} .countdown-show2 .countdown-section{ width:48%} .countdown-show3 .countdown-section{ width:32.5%} .countdown-show4 .countdown-section{ width:24.5%} .countdown-show5 .countdown-section{ width:19.5%} .countdown-show6 .countdown-section{ width:16.25%} .countdown-show7 .countdown-section{ width:14%} .countdown-section{ display:block; float:left; font-size:75%; text-align:center} .countdown-amount{ font-size:200%; font-weight: bold;} .countdown-period{ display:block} .countdown-descr{ display:block; width:100%} .item .countdown_wrapper {background: rgba(255, 255, 255, 0.8);border: 1px solid #e5e5e5; border-radius: 4px; -webkit-border-radius: 4px; bottom: 5px;display: block;margin: 5%; padding: 5px;position: absolute; width: 90%; z-index: 1000;} .product-view-countdown {display: inline-block;position: relative;width: 100%; background: #fff;padding: 15px; margin-bottom: 5px; border: 1px solid #e5e5e5;border-radius: 4px; -webkit-border-radius: 4px;} .product-view-countdown .discount-label {display: inline-block;float: left; width: 30%; padding-right: 10px;padding-top: 5px;} .product-view-countdown .countdown_wrapper {float: left;width: 70%;padding-left: 10px; border-left: 1px solid #e4e4e4;} .product-view-countdown .discount_a {color: #f25448;display: block;font-size: 2em;font-weight: 700;padding: 5px;text-align: center;} .product-view-countdown .you-save {display: block;font-size: 1.3em;padding: 5px;text-align: center;} .product-view-countdown .you-save .save_a{font-weight: 600;} .product-view-countdown .countdown_title {font-size: 1.3em; padding-bottom: 5px; text-align: center;} .product-view-countdown:after, .product-view-countdown:before { bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .product-view-countdown:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 9px; margin-left: -9px; } .product-view-countdown:before { border-color: rgba(229, 229, 229, 0); border-bottom-color: #e5e5e5; border-width: 10px; margin-left: -10px; } @media only screen and (min-width:1042px){ .header-container1 .nav-maincontainer{padding-left:35px} .header-container1 div.menu{float:none; display:inline-block; vertical-align:middle; top:4px} .header-container1 div.menu a:link, .header-container1 div.menu a:visited{height:42px; line-height:42px; border-radius:4px; color:#2E8894; top:0; padding-left:14px; padding-right:14px} .header-container1 div.menu a:hover, .header-container1 div.menu.act a, .header-container1 div.menu.active a{color:#FFF} .header-container1 #menu-button, .header-container1 .parentMenu{padding-bottom:9px} .header-container1 .nav-container #nav{float:none} .header-container1 #nav li{float:none; display:inline-block; padding-right:3px} .header-container1 .nav-container #nav li ul li{display:inherit} .header-container1 .nav-container #nav a{line-height:40px; border-radius:4px; color:#2E8894} .header-container1 .nav-container #nav li ul li a{line-height:normal; border-radius:0} .header-container1 .nav-container #nav li.level0.active a.level-top, .header-container1 .nav-container #nav a:hover, .header-container1 .nav-container #nav a.over{} .header-container1 .nav-container #nav a{padding-left:13px; padding-right:13px} .header-container1 .nav-container #nav ul{top:47px} .header-container2 .nav-maincontainer.fixed{border:1px solid #E4E4E4; -webkit-box-shadow:0 3px 0 rgba(0,0,0,0.07); box-shadow:0 3px 0 rgba(0,0,0,0.07); padding:10px 0 4px; top:0} .header-container2 .nav-maincontainer{background-color:#FFF; text-align:center} .header-container2 div.menu{float:none; display:inline-block} .header-container2 div.menu a:link, .header-container2 div.menu a:visited{height:32px; line-height:32px; border-radius:4px; color:#51657A} .header-container2 div.menu a:hover, .header-container2 div.menu.act a, .header-container2 div.menu.active a{color:#BB8F77; background:transparent} .header-container2 div.menu a:link, .header-container2 div.menu a:visited{padding-left:22px; padding-right:22px} .header-container2 .nav-container #nav{float:none; height:49px} .header-container2 #nav li{float:none; display:inline-block} .header-container2 .nav-container #nav li ul li{display:inherit} .header-container2 .nav-container #nav a{line-height:40px; border-radius:4px; color:#2E8894} .header-container2 .nav-container #nav li ul li a{line-height:normal; border-radius:0} .header-container2 .nav-container #nav li.level0.active a.level-top, .header-container2 .nav-container #nav a:hover, .header-container2 .nav-container #nav a.over{} .header-container2 .nav-container #nav a{padding-left:22px; padding-right:22px} .header-container2 .nav-container #nav ul{top:47px} .header-container2 span.category-label{font-size:11px; line-height:19px} .header-container2 div.menu a span.category-label:before{top:19px} .header-container2 #menu-button, .header-container2 .parentMenu{padding-bottom:9px} #nav li{float:left} #nav li{text-align:left} #nav a, #nav a:hover{display:block; line-height:1.3em; text-decoration:none} #nav ul{top:46px; left:-10000px; border-top:3px solid #f25448} #nav ul.level0{position:absolute; z-index:1501; padding:20px 32px 15px 32px} .nav-container #nav{float:left; text-transform:capitalize} .nav-container #nav li:hover{} .nav-container #nav li, .nav-container #nav li:hover{position:relative} .nav-container #nav a{color:#FFF; font-weight:600; font-size:14px; line-height:50px; text-transform:uppercase; position:relative; z-index:1; padding-left:25px; padding-right:25px} .nav-container #nav a .top-arrow{left:0; right:0} .nav-container #nav li a.over{background:#f25448; color:#FFF} .nav-container #nav a:hover{background:#f25448; color:#FFF} .nav-container #nav li.active a.level-top{background:#f25448; color:#FFF} .nav-container #nav ul{position:absolute; width:200px; top:57px; left:-10000px; z-index:10000} .nav-container #nav div ul{position:static; width:auto} .nav-container #nav li ul li{float:none} .nav-container #nav li ul li a{text-transform:inherit; line-height:normal; display:block; color:#34495e; padding:9px 20px} .nav-container #nav li ul li a .top-arrow{display:none} .nav-container #nav li ul li a span{padding:0 !important} .nav-container #nav li ul li a.over{color:#f25448; background-color:#ECF0F1} .nav-container #nav li ul li a:hover{color:#f25448; background-color:#ECF0F1} .nav-container #nav li ul li, .nav-container #nav li ul li:hover{margin:0px} #nav ul.level0 li a.parent:after{content:"\e063"; float:right; font-family:'neoshop'; font-size:16px} .nav-container #nav li ul li a span.category-label{top:inherit; padding:0 6px !important; margin-left:5px; right:10px} .nav-container #nav li ul li a span.category-label:before{display:none} .nav-maincontainer.fixed div.menu a span.category-label, .nav-maincontainer.fixed .nav-container #nav a span.category-label{display:none} .nav-container #nav ul ul, .nav-container #nav ul div{top:0px} .nav-container #nav ul span, .nav-container #nav ul li.last li span{} .nav-container #nav li ul li ul.shown-sub{left:200px; top:-3px; border-top:none; border-left:3px solid #f25448} .nav-container #nav li ul li ul.shown-sub:before{position:absolute; width:0; height:0; content:""; border-style:solid; border-width:5px; border-color:transparent; transition:border-color 450ms ease-in-out; -moz-transition:border-color 450ms ease-in-out; -webkit-transition:border-color 450ms ease-in-out; -o-transition:border-color 450ms ease-in-out; border-right-color:#f25448; left:-13px; top:18px} .nav-container #nav li ul.shown-sub, #nav li .shown-sub{left:0px; padding:0px} .header-container1 #nav ul.level0 li{padding-right:0} } @media only screen and (max-width:1280px){ .header-container div.menu a:link,.header-container div.menu a:visited{padding-left:22px; padding-right:22px} .header-container .nav-container #nav a{padding-left:22px; padding-right:22px} } /* width <1024px */ @media only screen and (max-width:1041px){ .header-container .quick-search{width:60%} .header-container .block.wishlist.dropdown, .header-container .block.compare.dropdown, .header-container .shopping_cart.dropdown{position:absolute; top:5px} .header-container .shopping_cart.dropdown{right:10px} .header-container .block.compare.dropdown{right:60px} .header-container .block.wishlist.dropdown{right:110px} .breadcrumbs{height:auto} .header-container2 .quick-search{margin-top:15px} #sideslider .owl-controls .owl-buttons .owl-prev, #sideslider .owl-controls .owl-buttons .owl-next{font-size: 1.2em;} .nav-maincontainer{height:60px} .header-container2 .nav-maincontainer{background:transparent} .nav-container{float:none; width:100%} .nav-maincontainer .nav.container, .nav-maincontainer .nav.container .grid-full{width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important} .header-container1 .nav-maincontainer{height:40px; margin:0 10px; text-align:left} .header-container1 .nav-maincontainer #menu-button a, .header-container1 .nav-maincontainer .toggleMenu{height:42px; line-height:42px; border-radius:4px; -webkit-border-radius:4px} .header-container2 .search-button{color:#FFF} .nav-maincontainer.fixed .logo{display:none} /* Products grid -------------------------------------------------------------- */ .products-grid .item .visible-onhover{visibility:visible; opacity:1} .products-grid .item .quick-view{display:none !important} /* Show elements normally displayed only on hover */ .products-grid .item .display-onhover{display:block !important} /* Remove On Hover Change Alter Image */ .products-grid .item:hover .product-image .thumbnail, .products-list .item:hover .product-image .thumbnail, .products-list .item .product-image .thumbnail, .products-grid .item .product-image .thumbnail{display:none !important} .products-grid .item:hover .product-image .small-image, .products-list .item:hover .product-image .small-image{visibility:visible; opacity:1; filter:alpha(opacity="100")} .toggleMenu{height:60px; font-weight:500; line-height:60px; font-size:14px; color:#FFF; padding-left:20px; padding-right:20px; display:inherit !important; text-transform:uppercase} .toggleMenu.active{background:#0F1111; color:#FFF} .toggleMenu.active, .toggleMenu:hover{background:#f25448; text-decoration:none; color:#FFF} .toggleMenu:before{font-family:neoshop; padding-right:7px} #nav{list-style:none; position:absolute; z-index:999; margin-top:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; width:96%; margin:0 auto; background-color:#2a3744; left:0; right:0} #nav:before, #nav:after{content:""; display:table} #nav:after{clear:both} #nav ul{list-style:none; width:9em; background:none !important} #nav a{padding:15px 60px 15px 20px; margin-right:0; display:block; text-decoration:none; font-size:14px; color:#FFF !important} #nav a.over{background-color:transparent !important} #nav a:hover, #nav li.active a.level-top{background-color:#f25448 !important} .nav-container #nav a span.category-label{top:inherit !important; margin-left:5px; right:60px} .nav-container #nav a span.category-label:before{display:none} #nav li{position:relative} #nav li a{border-bottom:1px solid rgba(160,160,160,0.22)} #nav li a .top-arrow{display:none} #nav >li{float:left; list-style-type:none} #nav >li >.parent{background-repeat:no-repeat; background-position:right} #nav >li >a{display:block} #nav li ul{position:absolute; left:-9999px} #nav >li.hover >ul{left:0} #nav li li.hover ul{left:100%; top:0} #nav li li a{display:block; position:relative; z-index:100; padding-left:30px; text-decoration:none} #nav li li li a{padding-left:40px; z-index:200} #nav .active{display:block} #nav >li{float:none} #nav >li >.parent{background-position:95% 50%} #nav >li >.parent{background-image:none} #nav li .more{position:absolute; right:20px; top:7px; display:block; cursor:pointer; font-family:neoshop; width:34px; height:34px; background-color:#2C343D; background-color:rgba(0,0,0,0.10); background-position:center center; background-repeat:no-repeat; border-radius:3px; color:#FFF; font-size:1.2em; text-align:center; line-height:34px; z-index:101} #nav li .more:before{content:"\e018"; vertical-align:middle; padding-left:3px} #nav li .more:hover{background-color:#34495e; /*IE*/ background-color:rgba(0,0,0,0.14)} #nav ul{display:block; width:100%} #nav >li.hover >ul, #nav li li.hover ul{position:static} } /* less than 960px */ @media only screen and (max-width:959px){ .data-table thead th{font-size:inherit; font-weight:bold !important} .cart-table .product-name{font-size:1em; font-family:inherit} .cart-table .product-image{max-width:80px} .my-account .pager .amount{display:none} .sorter .sort-by, .sorter .limiter{margin-right:10px} } /* minimum 768px */ @media only screen and (min-width:768px) and (max-width:959px){ .nobr{white-space:normal !important} /*Dropdown*/ .header-container1 .shopping_cart.dropdown, .header-container2 .shopping_cart.dropdown, .header-container1 .block.wishlist, .header-container2 .block.wishlist, .header-container1 .block.compare, .header-container2 .block.compare, .header-container1 .quick-search{margin:5px 0 5px 5px} .product-style1 .icons-style1 .icon{border: none;} .products-grid.product-style1 .ratings{display: none;} .product-style1 .item .product-toolbar{width: auto;} } @media only screen and (min-width:768px){ .mobile-collapsible .block-title{border-bottom:none} .mobile-collapsible .opener{display:none !important} .mobile-collapsible .block-content{display:block !important} .collapsible .block-content{display:none} } /* less than 768px */ @media only screen and (max-width:767px){ /* Product View Margin */ .col-main, .col-left, .col-right, .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11{ margin-bottom:30px} /* Remove additional margin for main sidebars */ .col-left >*{margin-right:0} .col-right >*{margin-left:0} .nobr{white-space:normal !important} /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select{max-width:100%; width:100%} /* Tables -------------------------------------------------------------- */ .data-table thead .nobr{white-space:normal !important} .data-table th, .data-table td{padding:10px} /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead, .multiple-checkout .data-table thead{display:none} .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody, .multiple-checkout .data-table tbody{background:transparent !important} .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td, .multiple-checkout .data-table tr, .multiple-checkout .data-table td{border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box} .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr, .multiple-checkout .data-table tr{border-bottom:1px solid #E4E4E4 !important; margin-bottom:20px} .cart .data-table tfoot tr.last, .my-wishlist .data-table tfoot tr.last, .my-account .data-table tfoot tr.last, .order-review .data-table tfoot tr.last, .multiple-checkout .data-table tfoot tr.last{border-bottom:none !important; margin-bottom:0} .cart .data-table tfoot tr.last{margin-bottom:20px} .data-table .product-name{display:inline} .order-items .price-excl-tax, .multiple-checkout td .cart-price{display:inline-block} .multiple-checkout .data-table td select{width:100%} /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child, .multiple-checkout .data-table tfoot tr td:first-child{font-weight:bold} /*Labels*/ .custom-label{width: 34px; height: 34px; line-height: 34px;} .item .discount-label{font-size: 1.133em; padding: 3px 5px; top: 60px;} .item .countdown_wrapper{bottom: 0; margin-bottom: 2%;} .data-table .cartlabel{display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold} /* Header -------------------------------------------------------------- */ /* Global notices */ .global-site-notice .notice-inner{background:none; padding:10px 0; text-align:center} .global-site-notice .notice-inner p{width:100%; padding:0 0 10px} .global-site-notice .notice-inner .actions{padding-bottom:5px} /* Logo -------------------------------------------------------------- */ .logo{width:70%; margin-left:auto; margin-right:auto; text-align:center} /* Header Top */ .header-top, .top-links, .block_header_top{text-align:center !important} /*Header Primary*/ .header-primary .v-grid{margin-top:10px; margin-bottom:10px; float:left} .header-container .language.dropdown, .header-container .currency.dropdown{float:left} .nav-maincontainer.fixed, .header-maincontainer.fixed{position:relative!important} /* Header Container Style 1 -------------------------------------------------------------- */ /*Dropdown*/ .header-container1 .currency.dropdown, .header-container1 .language.dropdown{display:inline-block; float:none} /*Quick Search*/ .header-container1 .quick-search{float:left} .header-container1 .quick-search-form{top:20px; opacity:1} .header-container1 .form-search.visible-onhover{visibility:visible; opacity:1} .header-container1 .form-search .input-text{width:100%; height:36px} .header-container1 .form-search{width:auto; float:none; position:inherit} .header-container1 .form-search{border:1px solid #ebebeb} .header-container1 .nav-maincontainer{height:60px; margin:0} .header-container1 .nav-maincontainer #menu-button a, .header-container1 .nav-maincontainer .toggleMenu{height:60px; line-height:60px} /* Header Container Style 2 -------------------------------------------------------------- */ /*logo*/ .header-container2 .logo{margin-bottom:15px} /*top links*/ .header-container2 .header-primary .clear{clear:none} /*Quick Search*/ .header-container2 .form-search .input-text{width:100%; height:36px} .header-container2 .form-search{width:auto; float:none; position:inherit} /* Header Container Style 3 -------------------------------------------------------------- */ .header-container3 .header-primary{text-align:center} .header-container3 .toplinks.dropdown, .header-container3 .currency.dropdown, .header-container3 .language.dropdown{display:inline-block; float:none} .header-container3 .quick-search-form{top:30px} .header-container3 .nav-maincontainer{float:left} .language .dropdown-menu a, .currency .dropdown-menu a, .toplinks .dropdown-menu a{text-align:left} /* Header Container Style 4 -------------------------------------------------------------- */ .header-container4 .toplinks.dropdown, .header-container4 .currency.dropdown, .header-container4 .language.dropdown{display:inline-block; float:none} .header-container4 .header-primary .v-grid{margin:0} /* Footer -------------------------------------------------------------- */ /* Footer elements */ .footer-bottom .left, .footer-bottom .right{width:100% !important; text-align:center; margin:10px 0} .block-bd-r{width:auto; border:none} .footer-container1 .footer-primary-container{text-align:center} .footer-container .block-subscribe{margin:15px 0 0} .footer-bd-right-container{float:none} .footer-container2 .block-content.footer-inline-subscribe .form-subscribe-header{display:block; float:none; text-align:center} .footer-container2 .block-subscribe .actions{margin-top:0} .footer-container2 .block-subscribe .block-content{margin-bottom:15px} .footer-bd-left-container{padding-left:0; border-left:none} .footer-bd-right-container{padding-right:0; border-right:none} .footer-bd-btm-container{border-bottom:none; margin-bottom:0} .footer-bd-right{border-right:none} .footer-bd-left{border-left:none} /* Toolbar -------------------------------------------------------------- */ .pager, .sorter{text-align:center} .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by{display:inline-block} .sorter .per-page, .pager .per-page{display:none} /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog{background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center} .page-title{position:relative} .page-title .link-rss{float:none; display:block; position:static; margin:10px 0 0} .products-grid .product-name{font-size:1.166em; line-height:1.222em} .product-style1 .icons-style1 .icon{border: none;} .products-grid.product-style1 .ratings{display: none;} .product-style1 .item .product-toolbar{width: auto;} /* Cart -------------------------------------------------------------- */ .cart-table tfoot tr.first td, .my-wishlist .buttons-set{text-align:center !important; padding:0} .cart-table tfoot button, .my-wishlist .buttons-set button.button{display:inline-block; float:none !important; margin:0 0 3px; padding:0} .shipping-region, .shipping-zip, .options-wrap{width:100%; float:none} .gen-tabs .tabs li{display:inherit} .product-view .product-secondary-column.custom-sidebar-right{border-left:none} /* Slideshow -------------------------------------------------------------- */ .banner .owl-theme .owl-controls .owl-buttons .owl-prev{top:10px; right:45px; left:auto; width:30px; height:30px; line-height:30px; font-size:1.5em} .banner .owl-theme .owl-controls .owl-buttons .owl-next{top:10px; right:10px; left:auto; width:30px; height:30px; line-height:30px; font-size:1.5em} /* Pagination */ .banner .owl-pagination{display:none} /* Mobile accordion -------------------------------------------------------------- */ .mobile-collapsible .block-content{display:none} .collapsible .block-content{display:none} .mobile-collapsible{position:relative} .footer-bd-left-container, .footer-bd-btm-container{float:none} } @media only screen and (min-width:480px) and (max-width:767px){ .limiter label+.dropdown+label{display:none} .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper{width:48%; margin-left:1%; margin-right:1%} .img-box{width:60.465%} .s40{margin-right:15px} } @media only screen and (min-width:640px) and (max-width:767px){ .itemsgrid.responsive-itemsgrid .item{width:31.3333%; clear:none !important} .itemsgrid.responsive-itemsgrid .item:nth-child(3n+1){clear:left !important} } /* end 768px */ /* less than 640px */ @media only screen and (max-width:639px){ h1{font-size:2em; line-height:1.25em} h2{font-size:1.6666em; line-height:1.2em} h3{font-size:1.3333em; line-height:1.25em} h4{font-size:1.1666em; line-height:1.1428em} h5{font-size:1em; line-height:1em} h6{font-size:1em; line-height:1em} .customerslider blockquote p{font-size:1em; line-height:1em} .customers-header h2{font-size:1.6666em; line-height:1.2em; margin-bottom:10px} .customers-header:after{margin-top:10px} .customer-data{font-size:1.1em} .customerslider blockquote p:after{font-size:40px; top:15px; padding-left:5px} .customerslider blockquote:before{font-size:40px; top:8px} .customerslider{padding:40px 0} .header-container .header-primary .dropdown{margin:5px 0 5px 5px} .block.wishlist .dropdown-menu, .block.compare .dropdown-menu{width:250px} .bfafhead h2:before, .bfafhead h2:after, .top-arrow{display:none!important} .bfafhead h2{text-align:left} .header-container .quick-search{margin:5px 0} .block-content.footer-inline-subscribe-center{padding:0 5%} } @media only screen and (min-width:480px) and (max-width:639px){ .itemsgrid.responsive-itemsgrid .item{width:48%; clear:none !important} .itemsgrid.responsive-itemsgrid .item:nth-child(2n+1){clear:left !important} .products-grid.product-style1 .ratings{display: block;} .product-style1 .item .product-toolbar{width: 100%;} } /* end 640px */ /* less than 480px */ @media only screen and (max-width:479px){ .header-container .quick-search{width:100%; margin:0!important} /* Ajax Cart Popup -------------------------------------------------------------- */ div.alert-inner{display:inherit; bottom:auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; margin-top:-112px; z-index:10010} div.alert-inner .product-image{display:none} div.alert-inner p{padding-left:0} div.alert-inner li.success-msg{margin-left:0} div.alert-inner a{float:none !important; cursor:pointer; margin:5px 5px; display:inline-block; vertical-align:top} /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2{width:100%; margin-bottom:20px} /* Header -------------------------------------------------------------- */ .header-primary{text-align:center} .header-container .dropdown{float:none !important; display:inline-block !important; font-size:13px} .shopping_cart .dropdown-menu{width:280px} .block.compare{display:none !important} .block.compare .dropdown-menu{display:none !important} .block.wishlist{display:none !important} .block.wishlist .dropdown-menu{display:none !important} /* Header Container Style 2 -------------------------------------------------------------- */ .header-container2 .currency.dropdown, .header-container2 .language.dropdown{display:inline-block; float:none} .header-container2 .top-links, .header-container2 .shopping_cart.dropdown{display:inline-block; float:none} .header-container2 .quick-search{margin-top:10px} .products-list .product-image{margin-bottom:20px} /* Product view page -------------------------------------------------------------- */ /* Reviews */ .product-view .form-add .data-table th{font-size:inherit; font-weight:bold} .product-view .form-add .data-table th, .product-view .form-add .data-table td{padding:6px 1px} .product-view .form-add .form-list input.input-text, .product-view .form-add .form-list textarea{width:90%} /* Add-to links */ .product-view .add-to-links{text-align:inherit} .sorter{height:50px} .toolbar .limiter{display:none} .sorter .view-mode{display:none} .sorter .sort-by{background:none; margin-right:0; float:none; margin-left:0; padding-right:0; padding-left:0}/* Remove right divider */ /* Pages */ .sorter .amount{display:none} .pager .pages{float:none; clear:both; width:100%} .my-account .col2-set .col-1{border-right:none; margin-bottom:20px} .my-account .col2-set .col-1 .box{padding-right:0} /* Order details */ .order-items .sub-title .separator{display:none} /* Product Review Detail*/ .product-review .product-img-box{width:auto; float:none} .product-review .product-details{margin:0 0 20px 0} /* Checkout -------------------------------------------------------------- */ .opc .step-title h2{font-size:1em; line-height:2.8333em} } @media only screen and (min-width:320px) and (max-width:479px){ .itemsgrid.responsive-itemsgrid .item{width:48%; clear:none !important} .itemsgrid.responsive-itemsgrid .item:nth-child(2n+1){clear:left !important} } /* end 480px */ /* less than 320px */ @media only screen and (max-width:319px){ .shopping_cart .dropdown-menu{width:208px} .shopping_cart .mini-products-list .product-image{display:none} .shopping_cart .mini-products-list .product-details{margin-left:0px} .itemsgrid.responsive-itemsgrid .item{width:98%; clear:none !important} .banner .owl-pagination{display:none} } /* end 320px */ @charset "UTF-8"; @font-face { font-family: "neoshop"; src:url("https://www.ttshop.fr/skin/frontend/neoshop/default/fonts/neoshop.eot"); src:url("https://www.ttshop.fr/skin/frontend/neoshop/default/fonts/neoshop.eot?#iefix") format("embedded-opentype"), url("https://www.ttshop.fr/skin/frontend/neoshop/default/fonts/neoshop.woff") format("woff"), url("https://www.ttshop.fr/skin/frontend/neoshop/default/fonts/neoshop.ttf") format("truetype"), url("https://www.ttshop.fr/skin/frontend/neoshop/default/fonts/neoshop.svg#neoshop") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "neoshop" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="mpx-"]:before, [class*=" mpx-"]:before { font-family: "neoshop" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mpx-24h:before { content: "a"; } .mpx-accepted:before { content: "b"; } .mpx-actualize:before { content: "c"; } .mpx-addtocart1:before { content: "d"; } .mpx-addtocart:before { content: "e"; } .mpx-align1:before { content: "f"; } .mpx-android:before { content: "g"; } .mpx-apple:before { content: "h"; } .mpx-applelogo:before { content: "i"; } .mpx-approved:before { content: "j"; } .mpx-arrowright:before { content: "k"; } .mpx-arrowleft:before { content: "l"; } .mpx-basket1:before { content: "m"; } .mpx-basket2:before { content: "n"; } .mpx-basket3:before { content: "o"; } .mpx-plus:before { content: "p"; } .mpx-blacktag:before { content: "q"; } .mpx-briefcase:before { content: "r"; } .mpx-phone-outline:before { content: "s"; } .mpx-arrow-up:before { content: "t"; } .mpx-basket4:before { content: "u"; } .mpx-arrow-sm-r:before { content: "v"; } .mpx-clock:before { content: "w"; } .mpx-email:before { content: "x"; } .mpx-credit1:before { content: "y"; } .mpx-credit2:before { content: "z"; } .mpx-desktop:before { content: "A"; } .mpx-diamond:before { content: "B"; } .mpx-dollar:before { content: "C"; } .mpx-dollars:before { content: "D"; } .mpx-down-round:before { content: "E"; } .mpx-arrow-down:before { content: "F"; } .mpx-earth:before { content: "G"; } .mpx-email1:before { content: "H"; } .mpx-exclamation:before { content: "I"; } .mpx-facebook:before { content: "J"; } .mpx-pinterest:before { content: "K"; } .mpx-sale:before { content: "L"; } .mpx-credit3:before { content: "M"; } .mpx-hand-credit:before { content: "N"; } .mpx-twitter:before { content: "O"; } .mpx-smartphone1:before { content: "P"; } .mpx-smartphone2:before { content: "Q"; } .mpx-search1:before { content: "R"; } .mpx-badge:before { content: "S"; } .mpx-right-round:before { content: "T"; } .mpx-close:before { content: "U"; } .mpx-gift:before { content: "V"; } .mpx-right-round1:before { content: "W"; } .mpx-desktop1:before { content: "Y"; } .mpx-badge-new:before { content: "Z"; } .mpx-arrow-sm-l:before { content: "0"; } .mpx-list:before { content: "1"; } .mpx-econom1:before { content: "2"; } .mpx-minus:before { content: "3"; } .mpx-credit:before { content: "4"; } .mpx-change:before { content: "5"; } .mpx-star:before { content: "6"; } .mpx-flaticon-23:before { content: "7"; } .mpx-thumb-up:before { content: "8"; } .mpx-left-round:before { content: "9"; } .mpx-link:before { content: "!"; } .mpx-home:before { content: "\""; } .mpx-home1:before { content: "#"; } .mpx-heart:before { content: "$"; } .mpx-heart1:before { content: "%"; } .mpx-mobiles:before { content: "&"; } .mpx-home2:before { content: "'"; } .mpx-down-round1:before { content: "("; } .mpx-delivery:before { content: ")"; } .mpx-credit-cards:before { content: "+"; } .mpx-credit-1:before { content: ","; } .mpx-call:before { content: "-"; } .mpx-windows-logo:before { content: "."; } .mpx-visa-logo:before { content: "/"; } .mpx-instagram:before { content: ":"; } .mpx-movie:before { content: ";"; } .mpx-up-round1:before { content: "<"; } .mpx-trash:before { content: "="; } .mpx-tablet:before { content: ">"; } .mpx-gift1:before { content: "?"; } .mpx-user:before { content: "@"; } .mpx-star-1:before { content: "["; } .mpx-google-plus:before { content: "]"; } .mpx-cart:before { content: "^"; } .mpx-left:before { content: "_"; } .mpx-left-r:before { content: "`"; } .mpx-left-round1:before { content: "{"; } .mpx-login:before { content: "~"; } .mpx-linkedin:before { content: "\\"; } .mpx-logout:before { content: "\e000"; } .mpx-magnification:before { content: "\e001"; } .mpx-user-sq:before { content: "\e002"; } .mpx-page-edit:before { content: "\e003"; } .mpx-paypal:before { content: "\e004"; } .mpx-right-r:before { content: "\e005"; } .mpx-premium:before { content: "\e006"; } .mpx-gift2:before { content: "\e007"; } .mpx-right:before { content: "\e008"; } .mpx-search3:before { content: "\e009"; } .mpx-basket5:before { content: "\e00a"; } .mpx-smartphone-touch:before { content: "\e00b"; } .mpx-smartphone:before { content: "\e00c"; } .mpx-rss:before { content: "\e00d"; } .mpx-special:before { content: "\e00e"; } .mpx-starred:before { content: "\e00f"; } .mpx-synchronize:before { content: "\e010"; } .mpx-tiles:before { content: "\e011"; } .mpx-trash-1:before { content: "\e012"; } .mpx-trash-2:before { content: "\e013"; } .mpx-star-2:before { content: "\e014"; } .mpx-star-ou:before { content: "\e015"; } .mpx-copy:before { content: "\e016"; } .mpx-delivery-1:before { content: "\e017"; } .mpx-up-down:before { content: "\e018"; } .mpx-vk:before { content: "\e019"; } .mpx-edit-sq:before { content: "\e01a"; } .mpx-rocket:before { content: "\e01b"; } .mpx-link-1:before { content: "\e01c"; } .mpx-users:before { content: "\e01d"; } .mpx-trash-fa:before { content: "\e01e"; } .mpx-briefcase-1:before { content: "\e01f"; } .mpx-film:before { content: "\e020"; } .mpx-gear:before { content: "\e021"; } .mpx-refresh-1:before { content: "\e022"; } .mpx-refresh:before { content: "\e023"; } .mpx-checked:before { content: "\e024"; } .mpx-exit:before { content: "\e025"; } .mpx-gears:before { content: "\e026"; } .mpx-compare:before { content: "\e027"; } .mpx-phone-1:before { content: "\e028"; } .mpx-lighting:before { content: "\e029"; } .mpx-move:before { content: "\e02a"; } .mpx-locked:before { content: "\e02b"; } .mpx-list-or:before { content: "\e02c"; } .mpx-list-1:before { content: "\e02d"; } .mpx-minus-r:before { content: "\e02e"; } .mpx-plus-r:before { content: "\e02f"; } .mpx-phone:before { content: "\e030"; } .mpx-double-dir:before { content: "\e031"; } .mpx-scheme:before { content: "\e032"; } .mpx-up-round:before { content: "\e033"; } .mpx-user-round:before { content: "\e034"; } .mpx-user-round-o:before { content: "\e035"; } .mpx-vimeo:before { content: "\e036"; } .mpx-yahoo:before { content: "\e037"; } .mpx-youtube-1:before { content: "\e038"; } .mpx-youtube:before { content: "\e039"; } .mpx-unlocked:before { content: "\e03a"; } .mpx-css3:before { content: "\e03b"; } .mpx-photocam:before { content: "\e03c"; } .mpx-image:before { content: "\e03d"; } .mpx-eye:before { content: "\e03e"; } .mpx-dot-2:before { content: "\e03f"; } .mpx-flickr:before { content: "\e040"; } .mpx-retweet:before { content: "\e041"; } .mpx-w3:before { content: "\e042"; } .mpx-wikipedia:before { content: "\e043"; } .mpx-facebook-places:before { content: "\e044"; } .mpx-foursquare:before { content: "\e045"; } .mpx-amazon:before { content: "\e046"; } .mpx-ebay:before { content: "\e047"; } .mpx-basket:before { content: "\e048"; } .mpx-grid:before { content: "\e049"; } .mpx-info:before { content: "\e04a"; } .mpx-html5:before { content: "\e04b"; } .mpx-euro:before { content: "\e04c"; } .mpx-pound:before { content: "\e04d"; } .mpx-dolar:before { content: "\e04e"; } .mpx-jpy:before { content: "\e04f"; } .mpx-inr:before { content: "\e050"; } .mpx-bitcoin:before { content: "\e051"; } .mpx-unlock:before { content: "\e052"; } .mpx-callendar-o:before { content: "\e053"; } .mpx-important:before { content: "\e054"; } .mpx-clock-1:before { content: "\e055"; } .mpx-flag:before { content: "\e056"; } .mpx-sad:before { content: "\e057"; } .mpx-neutral:before { content: "\e058"; } .mpx-notebook:before { content: "\e059"; } .mpx-calendar:before { content: "\e05a"; } .mpx-happy:before { content: "\e05b"; } .mpx-x-circle:before { content: "\e05c"; } .mpx-info-1:before { content: "\e05d"; } .mpx-question:before { content: "\e05e"; } .mpx-desc-num:before { content: "*"; } .mpx-asc-num:before { content: "\e05f"; } .mpx-desc-alpha:before { content: "\e060"; } .mpx-asc-alpha:before { content: "\e061"; } .mpx-instagram1:before { content: "\e062"; } .mpx-arrow-up-sm:before { content: "X"; } .mpx-arrow-right-sm:before { content: "\e063"; } .mpx-arrow-left-sm:before { content: "\e064"; } .mpx-arrow-down-sm:before { content: "\e065"; } .mpx-flickr-1:before { content: "|"; } .mpx-2441:before { content: "}"; } .mpx-choosing:before { content: "}"; } .mpx-menu-round-f:before { content: "\e066"; } .mpx-color1:before { content: "\e067"; } .mpx-color2:before { content: "\e068"; } .mpx-command:before { content: "\e069"; } .mpx-documents7:before { content: "\e06a"; } .mpx-heart3:before { content: "\e06b"; } .mpx-menu-round-o:before { content: "\e06c"; } .mpx-responsive16:before { content: "\e06d"; } .mpx-basket6:before { content: "\e06e"; } .mpx-grid1:before { content: "\e06f"; } .mpx-menu-square-o:before { content: "\e070"; } .mpx-tools:before { content: "\e071"; } .mpx-desktop-color-round:before { content: "\e072"; } .mpx-desktop-color:before { content: "\e073"; } .mpx-24h1:before { content: "\e074"; } .mpx-menu-square-f:before { content: "\e075"; } .mpx-menu:before { content: "\e076"; } .mpx-printing3:before { content: "\e077"; } .mpx-push1:before { content: "\e078"; } .mpx-document:before { content: "\e079"; } .mpx-24phone:before { content: "\e07a"; } .mpx-airplane:before { content: "\e07b"; } .mpx-globalair:before { content: "\e07c"; } .mpx-bag:before { content: "\e07d"; } .mpx-money:before { content: "\e07e"; } .mpx-qrcode:before { content: "\e07f"; } .mpx-support:before { content: "\e080"; } .mpx-arr-thin-up:before { content: "\e081"; } .mpx-compare1:before { content: "\e082"; } .mpx-adduser:before { content: "\e083"; } .mpx-arr-thin-down:before { content: "\e084"; } .mpx-freeship:before { content: "\e085"; } .mpx-quickdelivery:before { content: "\e086"; } .mpx-magnifier1:before { content: "\e087"; } .mpx-mastercard:before { content: "\e088"; } .mpx-mastercard-1:before { content: "\e089"; } .mpx-money1:before { content: "\e08a"; } .mpx-badge-new1:before { content: "\e08b"; } .mpx-arr-thin-right:before { content: "\e08c"; } .mpx-online14:before { content: "\e08d"; } .mpx-pen-sq:before { content: "\e08e"; } .mpx-pencil:before { content: "\e08f"; } .mpx-arr-thin-left:before { content: "\e090"; } .mpx-sale-bag:before { content: "\e091"; } .mpx-sale1:before { content: "\e092"; } .mpx-sale2:before { content: "\e093"; } .mpx-shop-location:before { content: "\e094"; } .mpx-shopper:before { content: "\e095"; } .mpx-shoppingcart:before { content: "\e096"; } .mpx-shoppingcart1:before { content: "\e097"; } .mpx-support-online:before { content: "\e098"; } .mpx-support1:before { content: "\e099"; } .mpx-adduser1:before { content: "\e09a"; } .mpx-user-settings:before { content: "\e09b"; } .mpx-sale1-1:before { content: "\e09c"; } .mpx-comments:before { content: "\e09d"; } .mpx-heart2:before { content: "\e09e"; } .mpx-paperplane:before { content: "\e09f"; } .mpx-like:before { content: "\e0a0"; } .mpx-banknote:before { content: "\e0a1"; } .mpx-fa-double-down:before { content: "\e0a3"; } .mpx-fa-double-up:before { content: "\e0a4"; } .mpx-fa-double-right:before { content: "\e0a5"; } .mpx-fa-double-left:before { content: "\e0a6"; } .mpx-home-thin:before { content: "\e0a7"; } .mpx-burst-new:before { content: "\e0a8"; } .mpx-burst-sale:before { content: "\e0a9"; } .mpx-error:before { content: "\e0aa"; } .mpx-painting-pallet-thin:before { content: "\e0ab"; } .mpx-add-shopping-cart-thin:before { content: "\e0ac"; } .mpx-rm-shopping-cart-thin:before { content: "\e0ad"; } .mpx-shop:before { content: "\e0a2"; } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; z-index: 10; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.ttshop.fr/skin/frontend/neoshop/default/slider/images/grabbing.png) 8 8, move; width: 16px; height: 16px; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel * v1.3.2 */ /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider {} /* Items */ .itemslider .item {margin: 20px 10px;} .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .top-controls .owl-theme .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons{ position: absolute; top: -38px; right:0; width: auto; } .top-controls .owl-theme .owl-controls .owl-buttons {/*right:-12px;*/} .top-controls .owl-theme .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div{ outline: 0; display: block; width: 30px; height: 30px; font-size: 1.2em; border-radius: 4px; -webkit-border-radius: 4px; font-family: 'neoshop'; text-decoration: none; background-color: #ECF0F1; text-align: center; line-height: 30px; float: left; } .top-controls .owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-next {margin-right: 0;padding: 0;} .top-controls .owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-prev{margin-right: 5px; margin-left: 0; padding: 0;} .owl-theme .owl-controls .owl-buttons div:hover, .banner .owl-theme .owl-controls .owl-buttons div:hover, .top-controls .owl-theme .owl-controls .owl-buttons div:hover{background-color: #f25448;color: #FFF;} .owl-theme .owl-controls .owl-buttons div.disabled{opacity: 0.5;filter: Alpha(Opacity=50);/*IE7 fix*/} @media only screen and (min-width: 1042px) { .owl-theme .owl-controls .owl-buttons div{ background-color: transparent; font-size: 2.5em; float: right; } .owl-theme .owl-controls .owl-buttons{ top:45%; width: 100%; z-index: 0; } .owl-theme .owl-controls .owl-buttons .owl-prev{ float: left; margin-left: -35px; padding: 5px 3px 4px; } .owl-theme .owl-controls .owl-buttons .owl-next{ margin-right: -33px; padding: 5px 3px 4px; } .owl-theme .owl-controls .owl-buttons div:hover{background:transparent; color: #f25448;} .products-grid .owl-wrapper-outer{ z-index: 10; } .owl-theme .owl-controls .owl-buttons div.disabled:hover{color: #dddddd;} } /*Sidebar Control*/ .sidebar .itemslider .item{margin: 0;text-align: center;} .sidebar .owl-theme .owl-controls .owl-buttons{top: -59px;} /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ /*filter: Alpha(Opacity=100);IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 4px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; border-radius: 20px; background: #FFF; } #sideslider .owl-controls .owl-page.active span, #sideslider .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; background: #f25448; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ background: url(https://www.ttshop.fr/skin/frontend/neoshop/default/images/opc-ajax-loader.gif) center center no-repeat; z-index: 9999; opacity: 0.9; height: 10px; margin: 20px auto 0 auto; } /*Banner Content*/ .flex-container .container { position: absolute; top: 0; display: block; text-align: center; overflow: hidden; height: 100%; right: 0; left: 0; margin: auto; } .flex-container .container .summer_box{ margin: 0 auto; max-width: 606px; position: relative; height: 100%; } .flex-container .summer_box .contenttextbox{ display: table; /*top: -50px;*/ position: relative; height: 100%; margin: 0 auto; } .flex-container .summer_box .contenttextbox .text_box{ display: table-cell; vertical-align: middle; } .flex-container .container h2{ font-size: 43px; margin-bottom: 0; font-weight: 700; color: #f25448; position: relative; z-index: 1; } .flex-container .container p{ font-size: 16px; color: #292f38; font-weight: 300; line-height: 1.8; position: relative; z-index: 1; } .banner li{ position: relative; } .banner li a{ position: relative; z-index: 1; } /*banner control*/ .banner .owl-theme .owl-controls .owl-buttons{ position: inherit; } .banner .owl-theme .owl-controls .owl-buttons div { top: 41%; position: absolute; width: 50px; height: 50px; margin: auto 0; background: #FFFFFF; opacity: 0.8; font-size: 2.222em; line-height: 50px; z-index: 10; } .banner .owl-theme .owl-controls .owl-buttons .owl-prev { left: 30px; margin-right: 0; } .banner .owl-theme .owl-controls .owl-buttons .owl-next { right: 30px; } /*Banner pagination*/ .banner .owl-pagination{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; } /*Product View Direction*/ .itemslider-thumbnails .owl-controls .owl-buttons{position: inherit;} .itemslider-thumbnails .owl-controls .owl-buttons div{position: absolute;margin: 0;top: 50%;margin-top: -15px;} .itemslider-thumbnails .owl-controls .owl-buttons .owl-prev{left: 10px; margin-left: 0;} .itemslider-thumbnails .owl-controls .owl-buttons .owl-next{right: 10px;margin-right: 0;} /*Brand Slider Align Center Image*/ #brand.itemslider .item{text-align: center;} /*Sidebar Slider Style*/ #sideslider .owl-controls { margin-top: 15px; } #sideslider .owl-controls .owl-buttons { bottom: 0; top: auto; } #sideslider .owl-controls .owl-buttons .owl-prev, #sideslider .owl-controls .owl-buttons .owl-next { font-size: 1.8em; margin: 0; padding: 0; } #sideslider .owl-controls .owl-pagination { margin: 0 25px; position: relative; z-index: 1; } #sideslider .owl-controls .owl-page span { background: #bdc3c7; } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* TTSHOP Specific ================================================================================= */ /* logos transporteurs */ form#co-shipping-method-form dt { font-weight: bold; color: #717171; } .sp-methods dt { margin-top: 60px; } .sp-methods dd li { margin-top: 20px; margin-bottom: 30px; } .cart .shipping .buttons-set { margin: 10px 0 -20px; } label[for*="owebia"]:before { display: block; width: 45px; height: 45px; background-size: contain; float: left; content: ""; margin-right: 10px; } label[for*="ColissimoDomSansSign"]:before { background: url(/media/images/livraison/colissimo.png) no-repeat; } label[for*="ColissimoDomAvecSign"]:before { background: url(/media/images/livraison/colissimo-signature.png) no-repeat; } label[for*="ColissimoPtRetrait"]:before { background: url(/media/images/livraison/colissimo-point-retrait.png) no-repeat; } label[for*="ChronoRelais"]:before { background: url(/media/images/livraison/chrono-pickup.png) no-repeat; } label[for*="Chrono13"]:before { background: url(/media/images/livraison/chronopost.png) no-repeat; } label[for*="Offert"]:before { background: url(/media/images/livraison/livraison-gratuite.png) no-repeat; } label[for*="CourrierSuivi"]:before { background: url(/media/images/livraison/courrier-suivi.png) no-repeat; } /* Patch largeur owl.theme.css:12 */ .itemslider .item { display: inline-block; margin: 20px 10px; max-width: 250px; max-height: 500px; /* min-height: 450px; */ } /* Breadcrumbs line height */ .breadcrumbs { line-height: 35px; /* margin: 0; */ } /* Box Tabs */ .box-tabs .panel >h2 { display: block; color: #555555; } div#product-tabs { color: #555555; } .gen-tabs .tabs-panels .panel table { width: 100%; float: left; display: block; margin-bottom: 30px; border:none; border-collapse: collapse; } .gen-tabs .tabs-panels .panel th, .gen-tabs .tabs-panels .panel td { border: 1px solid #777777; padding: 2px; text-align: center; } /* Menu soldes */ #menu804 .parentMenu a { background-color: red; color: white; } #menu804 .parentMenu a:hover { background-color: yellow; color: black; } /* Menu idées cadeaux */ #menu803 .parentMenu a { background: red; background-image: url(/media/bkg/falling_snow.gif); } #menu803 .parentMenu a:hover { background-color: blue; } #menu803 .parentMenu span { color: gold ; } /* Listing produits OLD .products-list .product-name, .products-grid .product-name, h3.product-name { font-size: 1.2em; height: auto; max-height: 3.99em; line-height: 1.33em; overflow: hidden; text-overflow: ellipsis; width: auto; white-space: normal; } */ /* Listing produits */ .products-list .product-name, .products-grid .product-name, h3.product-name { font-size: 1.2em; height: auto; max-height: 7.5em; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; width: auto; white-space: normal; } /* Bande supérieure */ .header-topcontainer { /* background: url("https://www.ttshop.fr/skin/frontend/em0040/default/images/bkg_top-menu-container.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); */ background: black repeat-x scroll 0 0 !important; height: 32px !important; left: 0 !important; position: fixed !important; top: 0 !important; width: 100% !important; z-index: 998 !important; } .header-maincontainer { margin-top: 30px !important; } .block_header_top { color:#FFFFFF !important; } .nav-maincontainer.grid-full.fixed{ top:33px !important; z-index:99; } .top-panel-toggle{ z-index:999; } #ctn-hotline-rs { height: 32px; width: 590px; float: left; margin-right: 0px; margin-top: 0px; } #hotline { background-image:url("https://www.ttshop.fr/skin/frontend/neoshop/default/images/hotline.png"); background-repeat:no-repeat; height: 28px; width: 175px; float: left; margin-right: 0px; margin-top: 5px; position: relative; } #boutons-rs-container { height: 32px; float: left; margin-left: 0px; margin-right: 0px; margin-top: -3px; min-width: 290px; } #facebook-like-btn { color: #999999; float: right; margin-left: 5px; margin-right: 5px; margin-top: 0px; padding-left: 0px; width: auto !important; display: inline-block; } #google-plus-one-btn { color: #999999; float: right; margin-left: 5px; margin-right: -15px; margin-top: 10px; width: auto !important; } #twitter-btn { color: #999999; float: right; margin-left: 5px; margin-right: 5px; margin-top: 10px; width: auto !important; } /*Bandeau sup produit du mois*/ .bouton-header { margin-top:20px; display: inline-block; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #F5F5F5 !important; font-size: 1.3em; font-weight: 400; line-height: 1.3em; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 7px 15px; border-radius: 2px; border: solid #F5F5F5 1px; text-decoration: none; transition: color 0.5s ease 0s, border-color 0.5s ease 0s, background-color 0.5s ease 0s; } /* zone morte QuickView */ .quick-view { bottom: 0; display: inline-block; height: 0px; } } .bouton-header:hover { color: white !important; border-color:#ff0000 !important; background: #ff0000 !important; } /* Customers Slider*/ .customerslider { min-height:380px !important; } /* Footer */ .footertop-container { background-color: #1c252d; } .footer-primary-container { text-align: left; } .grid-livraison{min-width:319px} .grid-labelshop{min-width:163px} .grid-fianet{min-width:160px} .grid-paiement{min-width:256px} .grid-monaviscompte{min-width:256px} .grid-idealo{min-width:70px} .grid-livraison, .grid-labelshop, .grid-fianet, .grid-paiement, .grid-monaviscompte, .grid-idealo {display: inline-block; margin-left: auto; margin-right: auto} .box-livraison, .box-labelshop, .box-fianet, .box-paiement, .box-monaviscompte, .box-idealo { display: block; margin-left: auto; margin-right: auto; padding:1em; height: 70px; } .box-livraison {width: 319px;} .box-labelshop {width: 163px;} .box-fianet { width: 160px;} .box-paiement {width: 256px;} .box-monaviscompte {width: 256px;} .box-idealo {width: 70px;} .box-coordonnees { height: 38px; margin-top: 1px; width: 144px; } /*Contact */ .block-title-footer { font-weight: 400; font-size: 1.667em; line-height: 1.667em; margin-bottom: 0.625em; padding-bottom: 8px; padding-right: 40px; padding-top: 8px; color: #FFF; } /*Font icons */ [data-icon]:before { font-family: "neoshop" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="ttshop-"]:before, [class*=" ttshop-"]:before { font-family: "neoshop" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Logos marques */ .owl-item { vertical-align: middle !important; } .imgMarques { border: 0 none; vertical-align: middle; width: 100%; filter: grayscale(100%) ; -webkit-filter: grayscale(100%) !important; -moz-filter: grayscale(100%) !important; -ms-filter: grayscale(100%) !important; -o-filter: grayscale(100%) !important; /* filter: opacity(60%) ; */ } .imgMarques:hover { filter: grayscale(10%) ; -webkit-filter: grayscale(10%) !important; -moz-filter: grayscale(10%) !important; -ms-filter: grayscale(10%) !important; -o-filter: grayscale(10%) !important; /* filter: opacity(10%) ; */ } /* Videos responsive */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Font icons */ .icon.bg-grey{background:#3d3d3d} .custom-label.new-lbl { background-color: #ab4700 !important; } .custom-label.new-lbl::after { background-color: #ab4700 !important; } .ttshop-call:before { content: "\E099"; } .ttshop-ship:before { content: "\E09F"; } .ttshop-search:before { content: "\E026"; } .ttshop-customers:before { content: "\E01D"; } /* Spinner */ .spinner { width: 40px; height: 40px; margin: 100px auto; background-color: #333; border-radius: 100%; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } /* Labels promo & new */ .sale { left: 1px !important; top:1px !important; } .new { right: 1px !important; top:1px !important; } .promo-label { background-image: url("/media/labels/grey-label.png"); background-repeat: no-repeat; height:60px; width:60px; } .promo-texte { padding-top: 20px; padding-left: 0px; color: white; } .new-label { background-image: url("/media/labels/yellow-label.png"); background-repeat: no-repeat; height:60px; width:60px; } .new-texte{ padding-top: 20px; padding-left: 0px; color: white; } /* Disponibilités produits */ p.availability{ font-size: 1.2em; } p.availability span{ font-size: 1.2em; padding: 5px; } .dispoEnStock{ color:#33cc33; } .dispo24h{ color:#33cc33; } .dispo48h{ color:#339900; } .dispo72h{ color:#999900; } .dispo4-8j{ color:#996600; } .dispo1-2s{ color:#993300; } .dispoCont{ color:#33cc33; } .dispoAutre{ color:#339900; } .dispoIndisp{ color:#161616; } /* bouton ajout panier */ .shopping_cart .actions button.link-button.btn-cart { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px!important; border-top-left-radius: 2px!important; border-top-right-radius: 2px!important; margin-left: 5px!important; margin-right: 5px!important; margin-top: 5px!important; margin-bottom: 5px!important; float: left!important; box-shadow: 0 3px 0 rgba(215, 215, 215, 0.5); } .shopping_cart .actions button.btn-checkout { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; margin-left: 5px !important; margin-right: 5px !important; margin-top: 5px !important; margin-bottom: 5px !important; float: left !important; } /*input.input-text, select, textarea {*/ input.input-text { -webkit-box-shadow: inset 1px 1px 2px 1px rgba(187,187,187,0.5) !important; -moz-box-shadow: inset 1px 1px 2px 1px rgba(187,187,187,0.5) !important; box-shadow: inset 1px 1px 2px 1px rgba(187,187,187,0.5) !important; } .countdown-row { display: block; } .product-view-countdown { margin-top:10px; } .discount_a:after, .discount_a:before{ display:none; } .product-image-zoom .discount_a{ border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; color: #fff; display: block; font-size: 1.3em; font-weight: 600; left: 0; padding: 5px 8px; position: absolute; top: 40%; z-index: 100; } .product-view-countdown .discount_a{ background:none !important; border:none !important; } .product-view-countdown .you-save{ border:none !important; } /* Vignettes page accueil blog */ .postContent.feature img { width: Auto; } /*images pages cms produits */ .cms-listing-produits img { width: Auto !important; } /*images pages cms */ .cms img { width: Auto !important; } /* Paypal */ p.paypal-logo img { width: Auto !important; } span.paypal-or { color: #292929 !important; margin-left: 10px !important; } /* Captcha */ img.captcha-reload { width: Auto !important; } img.captcha-img { width: Auto !important; } /* POPUP */ #esns_box_layer { width: 300px; } #esns_box_title { width: 300px; text-shadow: 2px 2px 0px #EEEEEE; } #esns_box_block_1 { width: 70%; } #esns_box_block_2 { width: fit-content; } #esns_box_subscribe_submit a { margin: 1px 0 0 7px; } #esns_box_subscribe_input input { width: 85%; margin: 5px 0 0 2px !important; display: flex; } div.price-slider { background:#f25448; height: 8px; border:2px solid #eaedf2; border-radius: 5px; width: 100%; } div.price-slider .filter-handle { height: 8px; width: 8px; cursor: e-resize; display: block; background: #FFFFFF; border: 8px solid #149493; border-radius: 50%; } div.price-slider .price-slider-from { margin-top: -8px; margin-left: -5px; } div.price-slider .price-slider-to { cursor: w-resize; margin-top: -24px; } #startbg{ position: relative; } #startbg, #endbg { height:8px; background: #fff; } #endbg{ margin-top:-16px; } .range-prices { display: block; float: left; margin-top: 5px; width: 100%; } #price-max-display, #price-min-display { background: #eaedf2; border-radius: 5px; padding: 4px; color: #2e8894; } #price-min-display{ float: left; }