Advertisement
Guest User

Untitled

a guest
Nov 26th, 2013
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 125.76 KB | None | 0 0
  1. @import url("grid_prestashop.css");
  2. /* ************************************************************************************************
  3. GENERAL STYLE
  4. ************************************************************************************************ */
  5. * {
  6. margin: 0;
  7. padding: 0;
  8. }
  9. ul, ol {
  10. list-style: none;
  11. margin: 0;
  12. }
  13. html {
  14. margin: 0;
  15. padding: 0;
  16. outline: 0!important;
  17. }
  18. body {
  19. font: 13px/1.6 Arial, Helvetica, sans-serif;
  20. color: #7a7a7a;
  21. margin: 0;
  22. padding: 0;
  23. text-align: left;
  24. -webkit-text-size-adjust:none;
  25. }
  26. body {
  27. min-width: 320px;
  28. position: relative;
  29. }
  30. body#cms.content_only { background:#fff; min-width:auto;}
  31. body#cms.content_only .block em {
  32. float:left;
  33. margin:5px 15px 0 0;
  34. font-size:20px;
  35. line-height:20px;
  36. }
  37. h1 {
  38. font-size: 24px;
  39. line-height: 1.5;
  40. margin-bottom: 14px;
  41. }
  42. h2 {
  43. font-size: 20px;
  44. line-height: 1.5;
  45. margin-bottom: 12px;
  46. }
  47. h3 {
  48. font-size: 18px;
  49. line-height: 1.5;
  50. margin-bottom: 10px;
  51. }
  52. h4 {
  53. font-size: 14px;
  54. line-height: 1.5;
  55. margin-bottom: 8px;
  56. }
  57. h5 {
  58. font-size: 12px;
  59. line-height: 1.5;
  60. margin: 0px;
  61. }
  62. h6 {
  63. font-size: 11px;
  64. line-height: 1.5;
  65. margin-bottom: 4px;
  66. }
  67. p {
  68. font-size: 12px;
  69. margin: 0 0 -3px;
  70. }
  71. a, a:visited, a:active, a:link, a:focus {
  72. cursor: pointer;
  73. text-decoration: none;
  74. color: #333;
  75. outline: none;
  76. }
  77. a:hover {
  78. text-decoration: none;
  79. color: #a9a9a9;
  80. }
  81. a.btn {
  82. color: #fff;
  83. }
  84. .btn i {
  85. margin-right: 7px;
  86. }
  87. ol {
  88. counter-reset: item;
  89. list-style-type: none;
  90. margin: 0 0 0 15px;
  91. }
  92. ol li:before {
  93. content: counter(item, decimal) " ";
  94. counter-increment: item;
  95. }
  96. legend {
  97. color: #000
  98. }
  99. sup {
  100. color: #F00;
  101. font-size: 100%;
  102. top: -4px;
  103. }
  104. .clearfix:before, .clearfix:after {
  105. content: ".";
  106. display: block;
  107. height: 0;
  108. overflow: hidden
  109. }
  110. html {
  111. width: 100%;
  112. }
  113. #nivo-directionNav {
  114. display:none;
  115. }
  116. nivo-directionNav {
  117. display:none;
  118. }
  119. /* ************************************************************************************************
  120. STRUCTURE
  121. ************************************************************************************************ */
  122. #wrapp {
  123. background: url(../img/bg-main.jpg) left top repeat-x #fff;
  124. position: relative;
  125. overflow: hidden;
  126. width: 100%;
  127. }
  128. #wrapp_2 {
  129. margin: 0 auto;
  130. padding: 0;
  131. text-align: left;
  132. background:url(../img/shine.png) no-repeat 50% 54px;
  133. }
  134. #right_column {
  135. padding: 0px 0px 10px 0px;
  136. }
  137. body#index .instant + #right_column {
  138. display: block;
  139. }
  140. #center_column {
  141. padding-bottom: 30px;
  142. }
  143. #product #center_column {
  144. padding-bottom: 30px;
  145. }
  146. body#index #center_column {
  147. padding-bottom: 0px;
  148. }
  149. body#index #center_column.instant { padding-bottom:10px;}
  150. body#index #center_column.instant .price { margin-bottom:20px; float:none;}
  151. /* ************************************************************************************************
  152. MAIN STYLE STORE
  153. ************************************************************************************************ */
  154. h1 strong {
  155. float: right;
  156. padding: 0px 6px 0 0;
  157. font-size: 14px;
  158. line-height: 20px;
  159. font-weight: normal;
  160. color: #333;
  161. font-style: italic;
  162. display: block;
  163. white-space: nowrap;
  164. }
  165. .notification {
  166. font-sise: 16px;
  167. font-family: Georgia, "Times New Roman", Times, serif;
  168. letter-spacing: 1px;
  169. padding: 20px 20px 20px 60px;
  170. border-radius: 4px;
  171. }
  172. .notification strong {
  173. margin-right: 5px;
  174. }
  175. .notification p {
  176. font-size: 11px;
  177. padding: 0px;
  178. margin: 0px;
  179. color: #333333;
  180. }
  181. .notification_warning {
  182. background-image: url(../img/error.png);
  183. background-position: 15px center;
  184. background-repeat: no-repeat;
  185. border: 2px solid #FFC237;
  186. background-color: #FFEAA8;
  187. color: #826200;
  188. }
  189. a.product_link {
  190. font-size: 17px;
  191. color: #ec3020;
  192. font-weight: bold;
  193. font-family: 'Open Sans', sans-serif;
  194. text-transform:none;
  195. line-height:20px;
  196. }
  197. a.product_link:hover {
  198. color: #ff7618;
  199. }
  200. .price {
  201. color: #02c6f7;
  202. font-family: 'Open Sans', sans-serif;
  203. font-weight: bold;
  204. font-size: 18px;
  205. line-height:20px;
  206. display:inline-block;
  207. }
  208. .price-old {
  209. text-decoration:line-through;
  210. color: #ff6c08;
  211. font-family: 'Open Sans', sans-serif;
  212. font-weight: bold;
  213. font-size: 18px;
  214. line-height:20px;
  215. display:inline-block;
  216. margin-left:10px;
  217. }
  218. .columns .bordercolor, #columns .bordercolor {
  219. border-color: #ccc;
  220. }
  221. /* ************************************************************************************************
  222. ERRORS
  223. ************************************************************************************************ */
  224. div.error {
  225. margin: 20px 0 20px 0;
  226. padding: 20px;
  227. }
  228. div.error p {
  229. padding: 0;
  230. margin: 0 0 0px 0;
  231. font-size: 14px;
  232. text-transform: uppercase;
  233. }
  234. div.error ol {
  235. margin: 0px 0 0 0
  236. }
  237. div.error p.lnk {
  238. float: right;
  239. margin-top: 7px;
  240. }
  241. div.error p.lnk .btn {
  242. color: #fff;
  243. font-weight: normal;
  244. }
  245. div.error li {
  246. padding: 0px 0 0 0;
  247. list-style-position: inside;
  248. list-style-type: decimal;
  249. }
  250. p.warning {
  251. background: #d4eeff;
  252. border: 1px solid #34acf9;
  253. margin: 20px 0 20px 0;
  254. padding: 12px 10px 12px 20px;
  255. font-size: 14px;
  256. color: #0473b9;
  257. }
  258. p.warning i {
  259. font-size: 25px;
  260. vertical-align: -3px;
  261. margin-right: 20px;
  262. }
  263. p.warning a {}
  264. p.warning a:hover {}
  265. .warning_inline {
  266. color: #ff0000;
  267. font-weight: bold;
  268. }
  269. .alert-error, div.error {
  270. background: url(../img/warning.png) 20px center no-repeat #fde4e1;
  271. padding-left: 70px;
  272. font-size: 14px;
  273. font-weight: bold;
  274. border: 1px solid #ebbcb5;
  275. font-size: 12px;
  276. font-weight: bold;
  277. color: #df0505;
  278. }
  279. /* ************************************************************************************************
  280. SUCCESS CNFIRMATION
  281. ************************************************************************************************ */
  282. p.success, p.confirmation {
  283. margin: 20px 0 0 0;
  284. padding: 12px 10px 12px 20px;
  285. font: bold 12px "Arial";
  286. color: #95bc01;
  287. background: #f7fde1;
  288. border: 1px solid #dfebb5;
  289. border-radius: 5px;
  290. }
  291. p.success i {
  292. font-size: 25px;
  293. vertical-align: -3px;
  294. margin-right: 20px;
  295. }
  296. .success_inline {
  297. color: #33a33b;
  298. font-weight: bold;
  299. }
  300. .required {
  301. color: #FF0000
  302. }
  303. #order-confirmation p.success {
  304. margin-bottom: 20px;
  305. }
  306. a.cus-suport {
  307. margin-left: 10px;
  308. color: #a9a9a9;
  309. }
  310. a.cus-suport:hover {
  311. color: #333;
  312. }
  313. .cus-suport i {
  314. margin-right: 5px;
  315. font-size: 13px;
  316. }
  317. /* ************************************************************************************************
  318. CMS PAGE
  319. ************************************************************************************************ */
  320. #cms #center_column div.rte {
  321. padding: 0 0px 0px 0px;
  322. }
  323. #cms #center_column div.rte .block em {
  324. float:left;
  325. font-size:56px;
  326. line-height:56px;
  327. min-width:56px;
  328. margin-right:25px;
  329. text-align:center;
  330. }
  331. #cms #center_column div.rte .block .extra-wrap { overflow:hidden;}
  332. #cms #center_column div.rte .block h5 {
  333. font-size:13px;
  334. line-height:17px;
  335. color:#323232;
  336. text-transform:uppercase;
  337. margin-bottom:10px;
  338. }
  339. #cms #center_column div.rte .block h4 { margin-bottom:40px;}
  340. #cms #center_column div.rte .block {
  341. font-size:13px;
  342. line-height:18px;
  343. }
  344. #cms #center_column div.rte .block .clearfix {
  345. padding-bottom:25px;
  346. }
  347. #cms #center_column h1 {
  348. margin-bottom: 2px;
  349. }
  350. #cms #center_column h2 {
  351. padding-bottom: 9px;
  352. }
  353. #cms #center_column .titled_box p {
  354. margin-bottom: 4px;
  355. }
  356. #cms #center_column .titled_box.titled_box_center p {
  357. margin-bottom: 20px;
  358. }
  359. #cms #center_column .titled_box h2 {
  360. margin-top: 6px;
  361. }
  362. #cms #center_column .titled_box.titled_box_center h2 {
  363. margin-top: 0;
  364. text-align: center;
  365. }
  366. #cms #center_column .titled_box.titled_box_center h2 span {
  367. padding: 4px 10px 0px 10px;
  368. display: inline-block;
  369. }
  370. .center_column .rte ul {
  371. margin: -15px 0 -3px 0px;
  372. padding: 0px 0 0 0;
  373. list-style: none;
  374. }
  375. #cms #center_column .titled_box .img_cms {
  376. margin-bottom: 9px;
  377. }
  378. /* ************************************************************************************************
  379. BUTTONS
  380. ************************************************************************************************ */
  381. input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
  382. padding: 12px 14px;
  383. font-weight: 400;
  384. font-size: 12px;
  385. font-family: 'Open Sans', sans-serif;
  386. color: #fff;
  387. line-height: 15px;
  388. display: inline-block;
  389. border:none;
  390. *display: inline;
  391. margin-bottom: 0;
  392. vertical-align: middle;
  393. cursor: pointer;
  394. *border: 0;
  395. *zoom: 1;
  396. background:#272727;
  397. text-transform:uppercase;
  398. border-radius:4px;
  399. -moz-border-radius:4px;
  400. -webkit-border-radius:4px;
  401. }
  402. input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
  403. cursor: default;
  404. color: #fff;
  405. background: #c7c7c7;
  406. margin-bottom: 10px;
  407. }
  408. input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover, input.button:hover, a.button:hover, input.button_large:hover, a.button_large:hover, input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover, input.exclusive:hover, a.exclusive:hover, input.exclusive_large:hover, a.exclusive_large:hover {
  409. background:#ff6c08;
  410. }
  411. a.btn_add_cart {
  412. color: #fff;
  413. text-transform:uppercase;
  414. margin-right: 2px;
  415. padding: 11px 14px;
  416. background:#008000;
  417. font-family: 'Open Sans', sans-serif;
  418. margin-bottom: 10px;
  419. }
  420. a.btn_add_cart span {
  421. line-height: 18px;
  422. padding: 2px 0 2px 0px;
  423. }
  424. a.btn_add_cart:hover {
  425. background:#02c6f7;
  426. color:#fff;
  427. }
  428. .btn-img {
  429. padding: 2px 12px 1px 3px!important;
  430. }
  431. /* ************************************************************************************************
  432. FORM
  433. ************************************************************************************************ */
  434. form {
  435. margin: 0 0 20px 0;
  436. padding: 0;
  437. }
  438. input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  439. background-color: white;
  440. font-family: inherit;
  441. border: 1px solid #cccccc;
  442. -webkit-border-radius: 0px;
  443. -moz-border-radius: 0px;
  444. -ms-border-radius: 0px;
  445. -o-border-radius: 0px;
  446. border-radius: 0px;
  447. -webkit-box-shadow: none;
  448. -moz-box-shadow: none;
  449. box-shadow: none;
  450. -webkit-appearance: none;
  451. color: rgba(0, 0, 0, 0.75);
  452. display: block;
  453. font-size: 14px;
  454. margin: 0 0 12px 0;
  455. padding: 6px;
  456. height: 32px;
  457. width: 100%;
  458. -webkit-transition: all 0.15s linear;
  459. -moz-transition: all 0.15s linear;
  460. -o-transition: all 0.15s linear;
  461. transition: all 0.15s linear;
  462. outline: none;
  463. }
  464. input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
  465. font-size: 17px;
  466. padding: 4px 6px;
  467. }
  468. input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  469. background: #fafafa;
  470. outline: none !important;
  471. border-color: #b3b3b3;
  472. box-shadow: none;
  473. }
  474. input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
  475. background-color: #ddd;
  476. box-shadow: none;
  477. }
  478. textarea {
  479. height: auto;
  480. resize: none;
  481. }
  482. select, select:focus, select:focus {
  483. width: 100%;
  484. outline: none;
  485. }
  486. select {
  487. background: #FFFFFF;
  488. border-color: #cccccc #cccccc #cccccc #cccccc;
  489. border-radius: 0px 0px 0px 0px;
  490. border-style: solid;
  491. border-width: 1px;
  492. height: auto;
  493. padding: 6px 6px 6px 2px;
  494. width: auto;
  495. }
  496. .product_sort .btn {
  497. width: 177px;
  498. text-align: left;
  499. }
  500. .btn {
  501. border-radius: 0;
  502. }
  503. .product_sort .dropdown-menu .active > a, .product_sort .dropdown-menu .active > a:hover {
  504. background: #333;
  505. }
  506. select.btn-mini {
  507. height: auto;
  508. line-height: 14px;
  509. }
  510. select.btn {
  511. -webkit-appearance: button;
  512. -moz-appearance: button;
  513. appearance: button;
  514. padding-right: 16px;
  515. }
  516. select.btn-mini + .caret {
  517. margin-left: -20px;
  518. margin-top: 9px;
  519. }
  520. input[type=submit], input[type=button] {
  521. -webkit-border-radius: 0px;
  522. }
  523. .modal-footer input[type=submit] {}
  524. label {
  525. font-size: 13px;
  526. display: inline-block;
  527. color: #333;
  528. margin-bottom: 5px;
  529. cursor: default;
  530. }
  531. input, textarea, select {
  532. -webkit-box-sizing: border-box;
  533. -moz-box-sizing: border-box;
  534. box-sizing: border-box;
  535. width: 100%;
  536. }
  537. input:before, textarea:before, select:before, input:after, textarea:after, select:after {
  538. -webkit-box-sizing: border-box;
  539. -moz-box-sizing: border-box;
  540. box-sizing: border-box;
  541. }
  542. input, textarea, select, .uneditable-input {
  543. margin-bottom: 0;
  544. }
  545. .radio input[type="radio"], .checkbox input[type="checkbox"] {
  546. float: left;
  547. margin-left: 0px;
  548. }
  549. input[type="radio"], input[type="checkbox"] {
  550. line-height: normal;
  551. margin: 4px 0 0;
  552. }
  553. .checkbox label, .radio label {
  554. display: inline-block;
  555. }
  556. input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  557. outline: 0 none;
  558. }
  559. form p.id_state {
  560. display: none;
  561. }
  562. form.std fieldset, form fieldset {
  563. border: none;
  564. }
  565. form.std .text label, form.std .password label, form.std .textarea label, form.std .select label {
  566. display: block;
  567. }
  568. form.std .select span, form.std .radio span, form.std .checkbox span {
  569. text-align: left;
  570. padding: 4px 0px 0 0;
  571. color: #333;
  572. }
  573. form.std span.inline-infos {
  574. display: block;
  575. margin: 0 0 -3px 0;
  576. padding: 2px 0 0 157px;
  577. font: normal 11px "Arial";
  578. color: #3a3a3a;
  579. }
  580. span.editable {
  581. padding: 0 0 0 7px;
  582. font: normal 12px "Arial";
  583. color: #3a3a3a;
  584. margin: 0;
  585. float: none;
  586. }
  587. span.form_info {
  588. padding: 0 0 0 5px;
  589. color: #333;
  590. font-style: italic;
  591. }
  592. form.std .text, form.std .password, p.textarea {
  593. margin: 0;
  594. }
  595. form.std .text input, form.std .password input {
  596. width: 400px;
  597. }
  598. select#days {
  599. width: 94px;
  600. margin: 0 8px 10px 0;
  601. }
  602. select#months {
  603. width: 95px;
  604. margin: 0 8px 10px 0;
  605. }
  606. select#years {
  607. width: 95px;
  608. margin: 0 0px 10px 0;
  609. }
  610. input:focus {
  611. outline: none;
  612. }
  613. form.std p.checkbox, form.std p.radio {
  614. margin: 0;
  615. padding: 15px 0 0 0;
  616. overflow: hidden;
  617. }
  618. form.std p.submit {
  619. margin: 0;
  620. padding: 20px 0 0 0px;
  621. }
  622. form.std .required_desc {
  623. margin: 0 0 -3px 0;
  624. padding-left: 157px;
  625. }
  626. #order-detail-content-table td:first-child {
  627. padding-left: 10px;
  628. }
  629. #block-order-detail .adresses_bloc ul {
  630. padding: 20px 2%;
  631. border: 1px solid #ccc;
  632. background: #fefefe;
  633. display: inline-block;
  634. margin-left: 4%;
  635. margin-bottom: 20px;
  636. width:48%;
  637. float:left;
  638. box-sizing:border-box;
  639. -moz-box-sizing:border-box;
  640. -webkit-box-sizing:border-box;
  641. height:auto !important;
  642. }
  643. #block-order-detail .adresses_bloc ul.item { margin-left:0;}
  644. .tit-ord {
  645. margin-bottom: 7px;
  646. }
  647. #order-detail-content-table input {
  648. text-align: center;
  649. width: 50px;
  650. }
  651. #order-detail-content-table tfood td strong {
  652. margin-right: 10px;
  653. }
  654. /* Time css */
  655. #pagenotfound #right_column, #pagenotfound #left_column {
  656. padding: 0;
  657. }
  658. #pagenotfound form {
  659. margin-bottom: 0;
  660. }
  661. #pagenotfound form #search_query {
  662. margin-bottom: 20px;
  663. }
  664. #pagenotfound h2 {
  665. margin-bottom: 10px;
  666. }
  667. #authentication form.std .text input, #authentication form.std .password input, #identity input[type="text"], #identity input[type="password"] {
  668. width: 100%;
  669. }
  670. #add_address h2 {
  671. margin-bottom: 12px;
  672. }
  673. #vat_area {
  674. padding-bottom:12px;
  675. }
  676. #add_address .submit2 {
  677. padding: 0;
  678. margin: 10px 0 0 0
  679. }
  680. #add_address input[type="text"], #add_address input[type="password"], #add_address input[type="date"], #add_address input[type="datetime"], #add_address input[type="email"], #add_address input[type="number"], #add_address input[type="search"], #add_address input[type="tel"], #add_address input[type="time"], #add_address input[type="url"] {
  681. width: 100%;
  682. }
  683. #add_address textarea {
  684. margin-bottom: 20px;
  685. height: 100px;
  686. }
  687. #add_address .inline-infos.required {
  688. margin-bottom: 5px;
  689. }
  690. .order_qte_input + label {
  691. float: left;
  692. margin-left: 5px;
  693. }
  694. #order-detail-content td {
  695. padding-right: 10px;
  696. padding-top: 10px;
  697. padding-bottom: 10px;
  698. }
  699. #right_column .block_content .store_list{ border:none; padding:0; margin:0;}
  700.  
  701. ul.store_list,
  702. #right_column .block_content{
  703. margin-bottom:10px;
  704. background:#fff;
  705. border:1px solid #d6d6d6;
  706. border-top: none;
  707. padding:10px;
  708. -webkit-border-bottom-right-radius: 4px;
  709. -webkit-border-bottom-left-radius: 4px;
  710. -moz-border-radius-bottomright: 4px;
  711. -moz-border-radius-bottomleft: 4px;
  712. border-bottom-right-radius: 4px;
  713. border-bottom-left-radius: 4px;}
  714. /* ************************************************************************************************
  715. TABLE
  716. ************************************************************************************************ */
  717. div.table_block {
  718. padding: 20px 0 0 0;
  719. }
  720. table.std th, table.std td {
  721. vertical-align: middle;
  722. }
  723. table.std th {
  724. white-space: nowrap;
  725. background: #f5f5f5;
  726. }
  727. table.std tfoot td {
  728. color: #333;
  729. text-align: right;
  730. white-space: nowrap;
  731. }
  732. table, table.std {
  733. background: #fdfdfd;
  734. border-spacing: 0;
  735. margin-bottom: 20px;
  736. vertical-align: middle;
  737. border: 1px solid #ccc;
  738. width: 100%;
  739. }
  740. table th {
  741. border: 1px solid #ccc;
  742. color: #7a7a7a;
  743. font-size: 13px;
  744. font-weight: bold;
  745. padding: 10px;
  746. text-align: center;
  747. vertical-align: middle;
  748. text-transform: uppercase;
  749. }
  750. table td {
  751. border: 1px solid #ccc;
  752. padding: 10px;
  753. }
  754. .delivery_option table td {
  755. text-align: center;
  756. }
  757. /* ************************************************************************************************
  758. FOOTER LINK PAGE
  759. ************************************************************************************************ */
  760. ul.footer_links {
  761. padding: 20px 0 0 0;
  762. }
  763. ul.footer_links li {
  764. float: left;
  765. margin: 0 25px 0 0;
  766. }
  767. ul.footer_links li img.icon {
  768. margin: -3px 5px 0 0;
  769. }
  770. ul.footer_links li a {
  771. font-size: 15px;
  772. }
  773. ul.footer_links li a i {
  774. font-size: 25px;
  775. vertical-align: -3px;
  776. margin-right:5px;
  777. }
  778. .footer_link_bottom i {
  779. font-size: 25px;
  780. vertical-align: -3px;
  781. }
  782. .footer_link_bottom a {
  783. font-size: 14px;
  784. }
  785. /* ************************************************************************************************
  786. PRODUCT SORT
  787. ************************************************************************************************ */
  788. .sortPagiBar .btn, .sortPagiBar .btn-group > .btn:first-child {
  789. padding-right: 27px;
  790. border-radius: 0;
  791. }
  792. .sortPagiBar .caret {
  793. position: absolute;
  794. right: 10px;
  795. }
  796. .sortPagiBar {
  797. padding: 20px 0 10px 0;
  798. }
  799. .sortPagiBar p {
  800. padding: 0;
  801. margin: 0
  802. }
  803. .nbrItemPage {
  804. float: left;
  805. }
  806. .nbrItemPage label {
  807. float: left;
  808. }
  809. .dropdown-menu li > a {
  810. padding: 6px 10px 6px 10px;
  811. }
  812. .dropdown-menu li > a:hover {
  813. background: #333;
  814. }
  815. .dropdown-menu {
  816. padding: 0;
  817. border-radius: 0;
  818. min-width: 215px;
  819. }
  820. #itempage {
  821. float: left;
  822. margin: 0;
  823. }
  824. .nbrItemPage label {
  825. padding: 8px 10px 0 0;
  826. }
  827. .nbrItemPage.nbr_page {
  828. margin: 0 0 10px 0;
  829. position: relative;
  830. }
  831. .nbrItemPage.nbr_page .b-core-ui-select {
  832. width: 50px;
  833. }
  834. .product_sort form {
  835. margin: 0 20px 0 0;
  836. }
  837. .product_sort {
  838. float: left;
  839. margin-right: 50px;
  840. min-width: 210px;
  841. }
  842. .product_sort #productsSortForm label {
  843. float: left;
  844. padding: 5px 10px 0 0;
  845. }
  846. .product_sort #productsSortForm select {
  847. width: 190px;
  848. margin: 0px 0 0 0;
  849. padding: 4px 6px 5px 2px;
  850. position: absolute;
  851. z-index: 5;
  852. }
  853. .product_view {
  854. float: right;
  855. margin-top: 2px;
  856. }
  857. .product_view li {
  858. width: 31px;
  859. height: 29px;
  860. float: left;
  861. cursor: pointer;
  862. text-align:center;
  863. color:#9D9C9C;
  864. -webkit-box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3);
  865. box-shadow: inset 1px 1px 9px rgba(178, 178, 178, 0.3);
  866. border: 1px solid #cccccc;
  867. }
  868. .product_view li i {
  869. font-size:24px;
  870. line-height:24px;
  871. vertical-align:middle;
  872. margin-top:4px;
  873. display:inline-block;
  874. }
  875. .product_view li.current {
  876. cursor:default;
  877. color:#000;
  878. border:1px solid #000;
  879. }
  880. .product_view li:hover {
  881. -webkit-box-shadow: 1px 1px 9px rgba(178, 178, 178, 0.3);
  882. box-shadow: 1px 1px 9px rgba(178, 178, 178, 0.3);
  883. }
  884. .product_view li#product_view_list {
  885. margin-left: 10px;
  886. }
  887. #productsSortForm {
  888. float: left;
  889. margin-right: 30px;
  890. margin-bottom: 10px;
  891. position: relative;
  892. }
  893. #productsSortForm .dropdown-toggle {
  894. float: left;
  895. }
  896. /* ************************************************************************************************
  897. PAGINATION AND COMPARE
  898. ************************************************************************************************ */
  899. .bottom_pagination.shop_box_row {
  900. padding: 20px 0 0px 0;
  901. margin-top:30px;
  902. border-bottom:none;
  903. }
  904. .bottom_pagination > form > p {
  905. margin: 0;
  906. }
  907. .bottom_pagination > form {
  908. float: right;
  909. margin: 0;
  910. }
  911. #pagination {
  912. padding: 0px 0 0 0;
  913. float: left;
  914. border-radius: 0px 0px 0px 0px;
  915. }
  916. #pagination_form {
  917. float: left;
  918. }
  919. #pagination_form select {
  920. float: left;
  921. margin: 0px 0 0 0;
  922. }
  923. #pagination_form label {
  924. display: inline-block;
  925. float: left;
  926. padding: 3px 12px 0 20px;
  927. }
  928. #pagination li {
  929. float: left;
  930. margin-right: 10px;
  931. margin-bottom:10px;
  932. }
  933. #pagination li#pagination_next {
  934. margin-right:0;
  935. }
  936. .pagination {
  937. list-style-type: none;
  938. float: left;
  939. margin: 4px 0 0 0;
  940. }
  941. .pagination ul {
  942. border-radius: 0px;
  943. box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  944. -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  945. -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  946. }
  947. .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {}
  948. .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {}
  949. .pagination ul > li > a, .pagination ul > li > span {
  950. border: none !important;
  951. line-height: 30px;
  952. background:#272727;
  953. padding: 0 10px;
  954. border-color: #D4D4D4 #A5A5A5 #A5A5A5 #D4D4D4;
  955. border-style: solid;
  956. border-width: 1px;
  957. color: #FFF;
  958. }
  959. .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus{ background:#d6d6d6; color:#fff;}
  960. .pagination ul > li > a:hover,
  961. .pagination ul > li > a:focus,
  962. .pagination ul > .active > a,
  963. .pagination ul > .active > span{background:#ff6c08; color:#fff;}
  964. .pagination ul > li.current > span{ background:#ff6c08;}
  965. /* ************************************************************************************************
  966. SUBCATEGORIES
  967. ************************************************************************************************ */
  968. .center_column .cat_desc {
  969. margin: 0px 0px 0px 0px;
  970. padding: 10px 15px 10px 15px;
  971. font-size: 13px;
  972. color: #333;
  973. font-family: Arial, Helvetica, sans-serif;
  974. font-style: italic;
  975. font-weight: normal;
  976. position: relative;
  977. background:#fff;
  978. border:1px solid #d6d6d6;
  979. }
  980. .row_category .category_image {
  981. float: left;
  982. margin:10px 20px 5px 5px;
  983. position:relative;
  984. z-index:55;
  985. }
  986. .row_category {
  987. padding-bottom: 20px;
  988. margin-bottom: 0px;
  989. }
  990. .center_column .cat_desc .lnk_more {
  991. margin-left: 10px;
  992. font-size: 13px;
  993. font-weight: bold;
  994. font-family: Arial, Helvetica, sans-serif;
  995. font-style: normal;
  996. }
  997. #subcategories {
  998. margin: 0px 0 0px 0;
  999. padding: 0px 0px 15px 0px;
  1000. }
  1001. #subcategories h2 {
  1002. color: #7a7a7a;
  1003. font-weight: bold;
  1004. font-size: 13px;
  1005. line-height:17px;
  1006. background: none;
  1007. padding: 10px 0px 9px 0px;
  1008. margin: 0;
  1009. }
  1010. #subcategories h2 span {
  1011. background: #fff;
  1012. padding-right: 5px;
  1013. }
  1014. #subcategories ul {
  1015. margin-bottom: 0px;
  1016. }
  1017. #subcategories ul li {
  1018. margin: 15px 20px 0px 0px;
  1019. width: 158px;
  1020. float: left;
  1021. border: none;
  1022. }
  1023. #subcategories ul li.product_list_5 {
  1024. margin-right: 0;
  1025. }
  1026. #subcategories ul li a {
  1027. display: block;
  1028. }
  1029. #subcategories ul li.product_list_6 {
  1030. margin-right: 0;
  1031. }
  1032. #subcategories ul li .lnk_more_sub {
  1033. margin: 12px 0 0px 0;
  1034. font-size: 13px;
  1035. font-weight: bold;
  1036. font-style: italic;
  1037. color: #a9a9a9;
  1038. }
  1039. #subcategories ul li .lnk_more_sub:hover, #subcategories ul li:hover .lnk_more_sub {
  1040. color: #000;
  1041. }
  1042. .center_column .cat_desc .lnk_more_cat {
  1043. font-weight: bold;
  1044. font-style: normal;
  1045. color: #000;
  1046. margin-left: 5px;
  1047. cursor:pointer;
  1048. display:inline-block;
  1049. }
  1050. .center_column .cat_desc .lnk_more_cat:hover {
  1051. color: #a9a9a9;
  1052. }
  1053. /* ************************************************************************************************
  1054. HEADER
  1055. ************************************************************************************************ */
  1056. #header {
  1057. position: relative;
  1058. z-index: 101;
  1059. padding: 0px 0px 30px 0px;
  1060. }
  1061. #header_logo {
  1062. display: block;
  1063. position: absolute;
  1064. left: 0px;
  1065. top: 85px;
  1066. }
  1067. #header-inner {
  1068. padding: 191px 0px 0px 0px;
  1069. position: relative;
  1070. }
  1071. /* ************************************************************************************************
  1072. BLOCKPERMANENTLINKS
  1073. ************************************************************************************************ */
  1074. .blockpermanentlinks-header {
  1075. position: absolute;
  1076. left: 0px;
  1077. top: 12px;
  1078. }
  1079. #header_links li {
  1080. float: left;
  1081. padding: 0px 20px 0px 0px;
  1082. margin: 0;
  1083. }
  1084. #header_links li a {
  1085. color: #ffffff;
  1086. text-decoration: none;
  1087. font-size: 14px;
  1088. font-weight: 400;
  1089. line-height: 22px;
  1090. text-transform:capitalize;
  1091. font-family: 'Open Sans', sans-serif;
  1092. display:inline-block;
  1093. -moz-transition: all 0.4s ease 0s;
  1094. -webkit-transition: all 0.4s ease 0s;
  1095. -o-transition: all 0.4s ease 0s;
  1096. }
  1097. #header_links li a i{
  1098. color:#a9a9a9;
  1099. font-size:17px;
  1100. line-height:22px;
  1101. margin:1px 10px 0 0;
  1102. display:inline-block;
  1103. float:left;
  1104. -moz-transition: all 0.4s ease 0s;
  1105. -webkit-transition: all 0.4s ease 0s;
  1106. -o-transition: all 0.4s ease 0s;
  1107. }
  1108. #header_links li a span{ display:inline-block; margin-top:0px; float:left;}
  1109. #header_links li a:hover, body#index a.header_links_home, #sitemap a.header_links_sitemap, #contact a.header_links_contact, #cms a.header_links_delivery, #stores a.header_links_store {
  1110. color: #ff6c08;
  1111. -moz-transition: all 0.4s ease 0s;
  1112. -webkit-transition: all 0.4s ease 0s;
  1113. -o-transition: all 0.4s ease 0s;
  1114. }
  1115. #header_links li a:hover i, body#index a.header_links_home i, #sitemap a.header_links_sitemap i, #contact a.header_links_contact i, #cms a.header_links_delivery i, #stores a.header_links_store i{
  1116. color:#fff;
  1117. -moz-transition: all 0.8s ease 0s;
  1118. -webkit-transition: all 0.8s ease 0s;
  1119. -o-transition: all 0.8s ease 0s;
  1120. transform: rotate(360deg);
  1121. -ms-transform: rotate(360deg); /* IE 9 */
  1122. -webkit-transform: rotate(360deg); /* Safari and Chrome */
  1123. }
  1124. .mobile-link-top {
  1125. display: none;
  1126. }
  1127. /* ************************************************************************************************
  1128. LANGUAGES AND CURRENCIES
  1129. ************************************************************************************************ */
  1130. #currencies_block_top, #languages_block_top {
  1131. position: absolute;
  1132. right: 0px;
  1133. top: 0px;
  1134. }
  1135. #currencies_block_top form {
  1136. margin: 0;
  1137. }
  1138. #languages_block_top:hover, #currencies_block_top:hover, .mobile-link-top h4 {
  1139. cursor: pointer;
  1140. }
  1141. .list_header {
  1142. display: none;
  1143. z-index: 1000;
  1144. width: 140px;
  1145. position: absolute;
  1146. right: 0px;
  1147. top: 48px;
  1148. list-style: none;
  1149. background: #444;
  1150. border-radius:4px;
  1151. -moz-border-radius:4px;
  1152. -webkit-border-radius:4px;
  1153. }
  1154. #currencies_block_top p.inner-carrencies, #languages_block_top p, .mobile-link-top h4 {
  1155. color: #ffffff;
  1156. font-size: 18px;
  1157. position: relative;
  1158. font-weight:600;
  1159. text-transform:capitalize;
  1160. margin-bottom: 0;
  1161. font-family: 'Open Sans', sans-serif;
  1162. }
  1163. #languages_block_top p{
  1164. width:56px;
  1165. text-align:center;
  1166. background:url(../img/lang-bg.png) no-repeat 0 0;
  1167. overflow:hidden;
  1168. padding:9px 0 10px 15px;
  1169. }
  1170. #languages_block_top p span{ display:inline-block; float:left;}
  1171. #languages_block_top p i{
  1172. font-size:26px;
  1173. line-height:26px;
  1174. margin:1px 0 0 4px;
  1175. display:inline-block;
  1176. float:left;
  1177. }
  1178. #currencies_block_top p.inner-carrencies{
  1179. width:46px;
  1180. text-align:center;
  1181. background:url(../img/cur-bg.png) no-repeat 0 0;
  1182. overflow:hidden;
  1183. padding:9px 0 10px 14px;
  1184. }
  1185. #currencies_block_top p.inner-carrencies span{ display:inline-block; float:left;}
  1186. #currencies_block_top p.inner-carrencies i{
  1187. font-size:26px;
  1188. line-height:26px;
  1189. margin:1px 0 0 6px;
  1190. display:inline-block;
  1191. float:left;
  1192. }
  1193.  
  1194.  
  1195.  
  1196. .list_header li {
  1197. border-top: 1px solid #555;
  1198. }
  1199. .list_header li:first-child {
  1200. border:none;
  1201. }
  1202. .list_header li.selected {
  1203. padding: 8px 0 8px 10px;
  1204. cursor: default;
  1205. }
  1206. .list_header li.selected a {
  1207. color: #979797;
  1208. cursor: default;
  1209. }
  1210. .list_header li a {
  1211. color: #fff;
  1212. text-decoration: none;
  1213. font-size: 13px;
  1214. padding: 8px 5px 8px 10px;
  1215. display: block;
  1216. font-weight: bold;
  1217. }
  1218. .list_header li a:hover {
  1219. color: #a9a9a9;
  1220. }
  1221. .list_header li.selected span {
  1222. cursor: default;
  1223. font-weight: bold;
  1224. }
  1225. #currencies_block_top p.inner-carrencies:hover, #languages_block_top p:hover, .mobile-link-top h4:hover {
  1226. color: #000
  1227. }
  1228. .arrow_header_top {
  1229. width:auto;
  1230. }
  1231. #currencies_block_top p.active, #languages_block_top p.active, .mobile-link-top h4.act .arrow_header_top {
  1232. color:#000;
  1233. }
  1234. /* languages */
  1235. #languages_block_top {
  1236. right: 61px;
  1237. }
  1238. #countries_2 .countries_ul li img {
  1239. float: left;
  1240. margin: 2px 10px 0px 0px
  1241. }
  1242. #countries_2 .countries_ul li span .firstWord {
  1243. display: none;
  1244. }
  1245. #countries_2 .countries_ul li span {
  1246. display: block;
  1247. }
  1248. /* currencies */
  1249. #setCurrency .currencies_ul li span {
  1250. padding-right: 10px;
  1251. display: inline-block;
  1252. font-weight: bold
  1253. }
  1254. #setCurrency .currencies_ul li.selected {
  1255. padding: 8px 5px 8px 10px;
  1256. font-weight: bold;
  1257. cursor: default
  1258. }
  1259. /* ************************************************************************************************
  1260. BLOCK HEADER USER INFO LOGIN/LOGOUT
  1261. ************************************************************************************************ */
  1262. .blockuserinfo {
  1263. position: absolute;
  1264. top: 0px;
  1265. right: 133px;
  1266. background:#a9a9a9;
  1267. -webkit-border-bottom-right-radius: 4px;
  1268. -webkit-border-bottom-left-radius: 4px;
  1269. -moz-border-radius-bottomright: 4px;
  1270. -moz-border-radius-bottomleft: 4px;
  1271. border-bottom-right-radius: 4px;
  1272. border-bottom-left-radius: 4px;
  1273. }
  1274. .blockuserinfo a {
  1275. display: inline-block;
  1276. color:#fff;
  1277. font-family: 'Open Sans', sans-serif;
  1278. font-size:18px;
  1279. line-height:20px;
  1280. font-weight:700;
  1281. padding:13px 15px 15px 15px;
  1282. }
  1283. .blockuserinfo a:hover{ color:#000;}
  1284. .blockuserinfo a i{ display:none;}
  1285. /* ************************************************************************************************
  1286. BLOCK HEADER USER INFO SHOPPING CART
  1287. ************************************************************************************************ */
  1288. #header_user {
  1289. position: absolute;
  1290. right: 400px;
  1291. top: 97px;
  1292. z-index: 99;
  1293. }
  1294. #header_user #shopping_cart a {
  1295. overflow:hidden;
  1296. padding: 17px 19px 0px 0px;
  1297. display: inline-block;
  1298. color:#979797;
  1299. font-weight:700;
  1300. font-size:16px;
  1301. line-height:20px;
  1302. background:url(../img/cart-bg.png) no-repeat 100% 0;
  1303. border-radius:4px;
  1304. -moz-border-radius:4px;
  1305. -webkit-border-radius:4px;
  1306. font-family: 'Open Sans', sans-serif;
  1307. min-width:244px;
  1308. }
  1309. #header_user #shopping_cart a:hover {
  1310. color:#2e2e2e;
  1311. }
  1312. #header_user #shopping_cart .shopping_cart_title {
  1313. padding: 17px 31px 20px 20px;
  1314. color: #ffffff;
  1315. display: inline-block;
  1316. text-transform: uppercase;
  1317. float: left;
  1318. margin-top:-17px;
  1319. margin-right:8px;
  1320. font-size:18px;
  1321. font-weight:800;
  1322. text-transform:uppercase;
  1323. font-family: 'Open Sans', sans-serif;
  1324. background:url(../img/cart-title-bg.gif) no-repeat 100% 0 #ff6c08;
  1325. }
  1326. #header_user #shopping_cart .shopping_cart_title:hover{ color:#2e2e2e;}
  1327. #header_user #shopping_cart span {
  1328. margin-right:0px;
  1329. }
  1330. #header_user #shopping_cart .ajax_cart_total {
  1331. font-family: Arial, Helvetica, sans-serif;
  1332. font-style: italic;
  1333. }
  1334. #header_user #shopping_cart .opancart {
  1335. float:right;
  1336. margin:2px 0 0 5px;
  1337. color:#ff6c08;
  1338. font-size:26px;
  1339. line-height:20px;
  1340. font-weight:400;
  1341. }
  1342. #header_user.close-cart #shopping_cart a {
  1343. color: #303030;
  1344. }
  1345. #header_user.close-cart #shopping_cart a i{ color:#303030;}
  1346. .hidden {
  1347. display: none;
  1348. visibility: inherit;
  1349. }
  1350. /* ************************************************************************************************
  1351. SEARCH
  1352. ************************************************************************************************ */
  1353. #search_block_top {
  1354. position: absolute;
  1355. top: 97px;
  1356. right: 0px;
  1357. margin:0px;
  1358. background:url(../img/search-input.gif) repeat-x 0 0;
  1359. -webkit-border-top-left-radius: 4px;
  1360. -webkit-border-bottom-left-radius: 4px;
  1361. -moz-border-radius-topleft: 4px;
  1362. -moz-border-radius-bottomleft: 4px;
  1363. border-top-left-radius: 4px;
  1364. border-bottom-left-radius: 4px;
  1365. overflow:hidden;
  1366. }
  1367. #search_block_top label {
  1368. float:left;
  1369. background:url(../img/search-title-bg.gif) no-repeat 100% 0 #a9a9a9;
  1370. color: #FFFFFF;
  1371. display: inline-block;
  1372. float: left;
  1373. font-family: 'Open Sans',sans-serif;
  1374. font-size: 18px;
  1375. font-weight: 800;
  1376. padding: 17px 32px 20px 20px;
  1377. text-transform: uppercase;
  1378. margin-bottom:0;
  1379. }
  1380. #search_block_top form, #search_block_top p {
  1381. margin: 0;
  1382. }
  1383. #search_block_top input.search_query {
  1384. margin: 1px 0;
  1385. float: left;
  1386. height: 55px;
  1387. line-height: 20px;
  1388. background: #fff;
  1389. padding: 0px 0px;
  1390. max-width:190px;
  1391. min-width:190px;
  1392. width:auto;
  1393. position: relative;
  1394. vertical-align: middle;
  1395. border:none;
  1396. background:none;
  1397. box-shadow: none;
  1398. border-right: none;
  1399. outline:none;
  1400. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1401. -webkit-user-modify: read-write-plaintext-only;
  1402. }
  1403. body.lang_fr #search_block_top input.search_query{max-width:143px; min-width:143px;}
  1404. #search_block_top input.search_query:focus {
  1405. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1406. }
  1407. #search_block_top a {
  1408. padding: 9px 0 0 0;
  1409. background:url(../img/search-bg.gif) no-repeat 0 0;
  1410. display: block;
  1411. float: left;
  1412. width: 57px;
  1413. height: 48px;
  1414. text-align:center;
  1415. color:#03c8f2;
  1416. -moz-transition: all 0.4s ease 0s;
  1417. -webkit-transition: all 0.4s ease 0s;
  1418. -o-transition: all 0.4s ease 0s;
  1419. }
  1420. #search_block_top a:hover {
  1421. color:#ff6c08;
  1422. -moz-transition: all 0.4s ease 0s;
  1423. -webkit-transition: all 0.4s ease 0s;
  1424. -o-transition: all 0.4s ease 0s;
  1425. }
  1426. #search_block_top a span { display:none;}
  1427. #search_block_top a i {
  1428. font-size:38px;
  1429. line-height:40px;
  1430. width:100%;
  1431. height:100%;
  1432. display:inline-block;
  1433. }
  1434. .ac_results {
  1435. width: 225px!important;
  1436. border: 1px solid #ddd!important;
  1437. }
  1438. .ac_over {
  1439. background: #333!important;
  1440. }
  1441. #instant_search_results .title_shop {
  1442. opacity:1;
  1443. }
  1444. #instant_search_results .title_shop_block {
  1445. float: right;
  1446. opacity: 1;
  1447. width:45%;
  1448. text-align:right;
  1449. padding-right:0;
  1450. background:none;
  1451. }
  1452. #instant_search_results .title_shop:hover {
  1453. color:#ccc;
  1454. }
  1455. /* ************************************************************************************************
  1456. MAIN STYLE BOX COLUMN
  1457. ************************************************************************************************ */
  1458. .column .block {
  1459. margin: 0 0 0px 0;
  1460. }
  1461. h1, .column .block h4, .center_column .block h4, #layered_block_left h3 {
  1462. color: #272727;
  1463. font-size: 18px;
  1464. line-height:21px;
  1465. text-transform: uppercase;
  1466. font-weight: bold;
  1467. padding: 17px 0px 17px 18px;
  1468. margin: 0 0 0px 0;
  1469. border: 1px solid #d6d6d6;
  1470. background:#f8f8f8;
  1471. font-weight:800;
  1472. font-family: 'Open Sans', sans-serif;
  1473. -webkit-border-top-left-radius: 4px;
  1474. -webkit-border-top-right-radius: 4px;
  1475. -moz-border-radius-topleft: 4px;
  1476. -moz-border-radius-topright: 4px;
  1477. border-top-left-radius: 4px;
  1478. border-top-right-radius: 4px;
  1479. }
  1480. #layered_block_left h3{
  1481. padding:10px;
  1482. }
  1483. h1#instant_search_results { overflow:hidden;}
  1484. h1, .column .block h4 span, .center_column h4 span, #layered_block_left h3 span {
  1485. padding-right: 5px;
  1486. color: #272727;
  1487. font-weight:800;
  1488. font-family: 'Open Sans', sans-serif;
  1489. margin-bottom:10px;
  1490. }
  1491. .column .block h4 a:hover {
  1492. color: #8b12a0;
  1493. }
  1494. .column .block h4 .column_icon_toggle {
  1495. display: none;
  1496. }
  1497. .column .block.myaccount ul li a img {
  1498. display: none;
  1499. }
  1500. #layered_block_left h4.toggle {
  1501. margin-bottom: 18px;
  1502. }
  1503. .column .block .store_list {
  1504. }
  1505. .column .block form p {
  1506. margin-bottom: 12px;
  1507. }
  1508. .column .block form {
  1509. margin-bottom: 2px;
  1510. }
  1511. .column .block .store_list form p {
  1512. margin-bottom: 9px;
  1513. }
  1514. /* ************************************************************************************************
  1515. CATEGORIES
  1516. ************************************************************************************************ */
  1517. #categories_block_left .block_content {
  1518. padding: 0 0px 0px 0px;
  1519. }
  1520. #categories_block_left ul.tree {
  1521. list-style: none;
  1522. }
  1523. #categories_block_left ul.tree li {
  1524. position: relative;
  1525. }
  1526. #categories_block_left ul.tree li a:hover, #categories_block_left ul.tree a.selected, #categories_block_left .grower:hover + a {
  1527. color: #666;
  1528. }
  1529. #categories_block_left ul.tree li ul li a {
  1530. padding-left: 20px;
  1531. }
  1532. #categories_block_left ul.tree li ul li ul li a {
  1533. padding-left: 30px;
  1534. }
  1535. #categories_block_left .grower {
  1536. width: 13px;
  1537. height: 13px;
  1538. display: block;
  1539. cursor: pointer;
  1540. position: absolute;
  1541. right: 8px;
  1542. top: 11px;
  1543. }
  1544. #categories_block_left .OPEN {
  1545. color:#666;
  1546. }
  1547. #categories_block_left .CLOSE {
  1548. background: url(../img/plus_minus.png) 0px 0px no-repeat;
  1549. }
  1550. /* ************************************************************************************************
  1551. Filter
  1552. ************************************************************************************************ */
  1553. #layered_block_left ul {
  1554. padding: 5px 0;
  1555. }
  1556. #layered_block_left ul li .disabled {
  1557. color: #666;
  1558. }
  1559. #layered_block_left h2 {
  1560. background: none;
  1561. color: #8B12A0;
  1562. padding: 0px 0 0px 0;
  1563. margin: 0;
  1564. }
  1565. #layered_block_left h2 span {
  1566. padding: 0 10px 4px 0px;
  1567. font-size: 13px;
  1568. line-height:16px;
  1569. color: #7a7a7a;
  1570. font-weight: bold;
  1571. background: #fff;
  1572. text-transform: uppercase;
  1573. }
  1574. #layered_block_left input {
  1575. margin: -1px 10px 0 0;
  1576. text-align: center;
  1577. }
  1578. #layered_block_left span.layered_close {
  1579. float: right;
  1580. padding: 0 0 0 0px;
  1581. }
  1582. #layered_block_left .layered_price ul {
  1583. padding-bottom: 11px;
  1584. padding-top: 13px;
  1585. }
  1586. #layered_block_left .hide-action {
  1587. display: block;
  1588. text-align: right;
  1589. padding-right: 5px;
  1590. }
  1591. #layered_block_left .hide-action:hover {
  1592. text-decoration: underline;
  1593. }
  1594. #layered_block_left .layered_close {
  1595. float: right;
  1596. padding-right: 5px;
  1597. }
  1598. #layered_block_left span.layered_close a {
  1599. display: block;
  1600. outline: none;
  1601. }
  1602. #layered_block_left span.layered_close a:hover, #layered_block_left span.closed a:hover {
  1603. color:#a9a9a9;
  1604. }
  1605. #layered_block_left .nomargin a {
  1606. display: inline;
  1607. font-size: 14px;
  1608. font-style: italic;
  1609. }
  1610. #layered_block_left div.radio {
  1611. margin-right: 11px;
  1612. margin-top: 1px;
  1613. }
  1614. #layered_block_left div.checker {
  1615. margin-right: 12px;
  1616. }
  1617. #layered_block_left .nomargin a span {
  1618. color: #a9a9a9;
  1619. font-weight: bold;
  1620. }
  1621. #layered_block_left .color-option {
  1622. border: 1px solid #666666;
  1623. height: 16px;
  1624. margin-left: 0;
  1625. padding: 0;
  1626. width: 16px;
  1627. }
  1628. #layered_block_left .color-option.disable {
  1629. opacity: 0.5;
  1630. filter: alpha(opacity=50);
  1631. -moz-opacity: 0.5;
  1632. }
  1633. .layered_slider {
  1634. margin-top: 5px;
  1635. }
  1636. .layered_price_range {
  1637. margin-left: 7px;
  1638. }
  1639. .layered_price_range_unit {
  1640. margin-right: 7px;
  1641. }
  1642. .layered_slider_container {
  1643. margin: 6px 0 6px 6px;
  1644. width: 93%;
  1645. }
  1646. .layered_weight > ul.store_list_filter > li span { float:left; margin: 5px 7px 11px 0;}
  1647. .store_list_filter .layered_input_range_min, .store_list_filter .layered_input_range_max {
  1648. width: 50px;
  1649. float:left;
  1650. display:inline-block;
  1651. }
  1652. .layered_list_selected {
  1653. font-weight: bold;
  1654. }
  1655. .layered_ajax_loader p {
  1656. margin: 20px 0;
  1657. text-align: center;
  1658. }
  1659. .hide-action {
  1660. text-align: center;
  1661. text-align: right;
  1662. display: block;
  1663. cursor: pointer;
  1664. }
  1665. .layered_list {
  1666. display: inline-block;
  1667. cursor: pointer;
  1668. padding: 0 0 5px 0px;
  1669. }
  1670. #ul_layered_price_0 li.layered_list {
  1671. display:inline-block;
  1672. clear:both;
  1673. float:left;
  1674. }
  1675. #ul_layered_price_0 { overflow:hidden;}
  1676. .layered_list:hover {
  1677. color: #333;
  1678. }
  1679. #layered_form .b-core-ui-select__dropdown__list ul {
  1680. padding: 0;
  1681. }
  1682. #layered_form div div ul {
  1683. padding: 16px 0 0 0;
  1684. }
  1685. #layered_form .b-core-ui-select {
  1686. width: 248px;
  1687. }
  1688. #layered_form #enabled_filters {
  1689. margin-top: -15px;
  1690. margin-bottom: 16px;
  1691. }
  1692. #enabled_filters h2 {
  1693. text-align: center;
  1694. background: url(../img/line-bg.gif) repeat-x left 20px;
  1695. font-style: italic;
  1696. color: #333;
  1697. padding: 13px 0 10px 0;
  1698. }
  1699. #enabled_filters h2 span {
  1700. padding: 0 10px 0 10px
  1701. }
  1702. #layered_form #enabled_filters ul {
  1703. padding-bottom: 0px;
  1704. padding-top: 0;
  1705. border-bottom: 1px solid #ccc;
  1706. margin-bottom: 8px;
  1707. }
  1708. #enabled_filters ul li {
  1709. padding: 5px 0;
  1710. color: #333;
  1711. line-height: 24px;
  1712. font-style: italic;
  1713. }
  1714. #enabled_filters ul li.enabled_filters_extra {
  1715. color: #a9a9a9;
  1716. }
  1717. #enabled_filters li a {
  1718. float: right;
  1719. margin: 0px 0px 0 10px;
  1720. outline: none;
  1721. font-size: 20px;
  1722. line-height:20px;
  1723. }
  1724. #enabled_filters li a:hover {
  1725. color:#a9a9a9;
  1726. }
  1727. #layered_form .color-option {
  1728. margin-left: 0;
  1729. width: 25px;
  1730. height: 25px;
  1731. padding: 0;
  1732. border-radius: 25px;
  1733. border: none;
  1734. }
  1735. #ul_layered_id_attribute_group_2 li {
  1736. float: left;
  1737. padding: 0px 0 8px 0;
  1738. }
  1739. #layered_block_left #ul_layered_id_attribute_group_2 {
  1740. padding-bottom: 0;
  1741. }
  1742. #ul_layered_id_attribute_group_2 li label {
  1743. display: none;
  1744. }
  1745. #ul_layered_id_attribute_group_2 li input {
  1746. margin-right: 20px;
  1747. }
  1748. #ul_layered_id_attribute_group_2 li:first-child {
  1749. }
  1750. #layered_form .color-option.on {
  1751. box-shadow: 0px 0px 5px 0px #a9a9a9;
  1752. }
  1753. #layered_form > div > div {
  1754. margin-bottom: 9px;
  1755. }
  1756. #layered_form > div > div .b-core-ui-select__dropdown ul {
  1757. padding: 0;
  1758. }
  1759. #layered_form > div {
  1760. margin-bottom: -6px;
  1761. }
  1762. #layered_form div div ul {
  1763. padding: 15px 0px 8px 0px;
  1764. }
  1765. #layered_form input[type=radio] {
  1766. }
  1767. #layered_form .select {
  1768. width: 270px;
  1769. height: 32px;
  1770. opacity: 0;
  1771. filter: alpha(opacity=0);
  1772. }
  1773. #layered_block_left .color-option.disable {
  1774. opacity: 0.5;
  1775. filter: alpha(opacity=50);
  1776. -moz-opacity: 0.5;
  1777. }
  1778. #product_list .warning {
  1779. margin-top: 13px;
  1780. }
  1781. #layered_price_range_min, #layered_price_range_max {
  1782. display: inline-block;
  1783. float: left;
  1784. width: 50px;
  1785. }
  1786. #ul_layered_price_0 span {
  1787. float: left;
  1788. margin: 5px 7px 0 0
  1789. }
  1790. .layered_price_range_unit {
  1791. float: left;
  1792. }
  1793. .layered_price ul {
  1794. width: 100%;
  1795. }
  1796. #ul_layered_id_attribute_group_3 li:first-child {
  1797. padding-bottom: 10px;
  1798. }
  1799. #layered_block_left ul#ul_layered_manufacturer_0 label { display:inline;}
  1800. /* ************************************************************************************************
  1801. TAGS BLOCK
  1802. ************************************************************************************************ */
  1803. #tags_block_left p {
  1804. text-align: justify;
  1805. font-size: 0.9em;
  1806. margin-bottom: 4px;
  1807. padding-right: 30px;
  1808. }
  1809. #tags_block_left p a {
  1810. margin: 0 0.1em;
  1811. line-height: 1.5em;
  1812. padding: 2px 2px 5px 2px;
  1813. }
  1814. a.tag_level3 {
  1815. font-size: 1.5em;
  1816. font-weight: bold
  1817. }
  1818. a.tag_level2 {
  1819. font-size: 1.4em
  1820. }
  1821. a.tag_level1 {
  1822. font-size: 1em;
  1823. }
  1824. #tags_block_left p a i {
  1825. margin-right: 7px;
  1826. }
  1827. /* ************************************************************************************************
  1828. BLOCK PRODUCT COLUMN
  1829. ************************************************************************************************ */
  1830. .products_block ul {
  1831. padding-top: 0px;
  1832. }
  1833. .products_block .block_content {
  1834. padding-bottom: 9px;
  1835. }
  1836. .products_block ul li:first-child {
  1837. margin-top: 0px;
  1838. }
  1839. .products_block ul li {
  1840. padding: 0px 0px 20px 0px;
  1841. margin-bottom: 20px;
  1842. }
  1843. .products_block ul li a.products_block_img {
  1844. width: 80px;
  1845. display: block;
  1846. float: left;
  1847. margin-right: 12px;
  1848. }
  1849. .products_block ul li > div {
  1850. width: 155px;
  1851. float: left;
  1852. padding: 0 0px 0 0px;
  1853. margin-top: -4px;
  1854. }
  1855. .products_block ul li p {
  1856. padding: 7px 0 0 0;
  1857. margin-bottom: 6px;
  1858. }
  1859. .products_block ul li .reduction {
  1860. color: #a9a9a9;
  1861. font-style: italic;
  1862. margin-left: 14px;
  1863. margin-right: 15px;
  1864. }
  1865. .products_block ul li span.price-discount {
  1866. text-decoration: line-through;
  1867. margin-top: 0px;
  1868. display: inline-block;
  1869. }
  1870. .products_block ul li .price {
  1871. font-size: 14px;
  1872. float: left;
  1873. }
  1874. #special_block_right h5 {
  1875. padding: 12px 0 9px 0;
  1876. }
  1877. #special_block_right span.price-discount {
  1878. text-decoration: line-through;
  1879. }
  1880. /* ************************************************************************************************
  1881. BLOCK NEWSLETTER
  1882. ************************************************************************************************ */
  1883. #newsletter_block_left {
  1884. width: 270px;
  1885. float: left;
  1886. }
  1887. #newsletter_block_left div.block_content {
  1888. text-align: center;
  1889. }
  1890. #newsletter_block_left input.inputNew {
  1891. width: 100%;
  1892. margin: 0px 0 10px 0;
  1893. position: relative;
  1894. }
  1895. #newsletter_block_left input.button_form {
  1896. margin: 0px auto;
  1897. display: block;
  1898. width: 100%;
  1899. }
  1900. #newsletter_block_left .warning_inline {
  1901. padding-top: 10px;
  1902. }
  1903. #newsletter_block_left p.success_inline {
  1904. color: #418B19;
  1905. text-align: center;
  1906. font-weight: bold;
  1907. }
  1908. #newsletter_block_left p.warning_inline {
  1909. color: #DA0F00;
  1910. text-align: center;
  1911. font-weight: bold;
  1912. }
  1913. /* ************************************************************************************************
  1914. BLOCK STORE
  1915. ************************************************************************************************ */
  1916. #stores_block_left div.block_content {
  1917. padding-bottom: 20px;
  1918. }
  1919. #stores_block_left p {
  1920. text-align: left;
  1921. margin: 0;
  1922. }
  1923. #stores_block_left p a img {
  1924. margin: 0 0 20px 0;
  1925. }
  1926. /* ************************************************************************************************
  1927. BLOCK MANUFACTURE AND SUPPLIER
  1928. ************************************************************************************************ */
  1929. .blockmanufacturer select, .blocksupplier select {
  1930. width: 100%;
  1931. margin: 10px 0 0 0;
  1932. }
  1933. .blockmanufacturer li.last {
  1934. border: none;
  1935. }
  1936. #viewed-products_block_left ul li.last {
  1937. border: none;
  1938. padding-bottom: 0;
  1939. }
  1940. /* ************************************************************************************************
  1941. BLOCK HEADER CART
  1942. ************************************************************************************************ */
  1943. #header #cart_block h4 {
  1944. display: none;
  1945. }
  1946. #header #cart_block {
  1947. z-index: 999;
  1948. display: none;
  1949. position: absolute;
  1950. right: 400px;
  1951. top: 155px;
  1952. width: 275px;
  1953. padding: 0px 10px 10px 10px;
  1954. border: 1px solid #ff6c08;
  1955. background: #fff;
  1956. font-family: 'Open Sans', sans-serif;
  1957. text-transform:uppercase;
  1958. font-weight:700;
  1959. border-radius:4px;
  1960. -moz-border-radius:4px;
  1961. -webkit-border-radius:4px;
  1962. }
  1963. /* ************************************************************************************************
  1964. BLOCK CART
  1965. ************************************************************************************************ */
  1966. /*#header .cart-prices, #header p#cart-buttons { display:none;}*/
  1967. #cart_block #cart_block_no_products {
  1968. padding: 15px 0 5px 0px;
  1969. color: #333;
  1970. margin: 0;
  1971. }
  1972. #cart_block #cart_block_summary {
  1973. padding: 10px 0 0 0;
  1974. display: none;
  1975. }
  1976. #cart_block #cart_block_summary span {
  1977. color: #000;
  1978. }
  1979. #cart_block #cart_block_summary span.ajax_cart_total {
  1980. margin: 0 0 0 5px;
  1981. font-weight: bold;
  1982. }
  1983. #cart_block .quantity-formated {
  1984. display: inline-block;
  1985. margin-right: 5px;
  1986. margin-top:1px;
  1987. float: left;
  1988. line-height: 16px;
  1989. color: #343336;
  1990. }
  1991. #cart_block #cart_block_list dl {
  1992. margin: 0;
  1993. }
  1994. #cart_block #cart_block_list dt:first-child {
  1995. border: none;
  1996. }
  1997. #cart_block .cart-images {
  1998. width: 70px;
  1999. margin-right: 10px;
  2000. }
  2001. #cart_block #cart_block_list dt {
  2002. padding: 10px 0 0px 0;
  2003. border-top: 1px dotted #ccc;
  2004. position: relative;
  2005. clear: both;
  2006. }
  2007. #cart_block #cart_block_list dt a {
  2008. display: inline-block;
  2009. float: left;
  2010. line-height: 17px;
  2011. }
  2012. #cart_block #cart_block_list dt a img {
  2013. display: inline-block;
  2014. margin-right: 10px;
  2015. margin: 0px 0 10px 0;
  2016. }
  2017. #cart_block #cart_block_list dd {
  2018. position: relative;
  2019. margin: 0px 0 10px 0px;
  2020. }
  2021. #cart_block #cart_block_list dd a {
  2022. font-style: italic;
  2023. }
  2024. #cart_block .remove_link {
  2025. position: absolute;
  2026. right: 7px;
  2027. top: 15px;
  2028. height: 24px;
  2029. width: 19px;
  2030. }
  2031. #cart_block .remove_link a {
  2032. z-index: 9;
  2033. display: block;
  2034. height: 24px;
  2035. width: 19px;
  2036. margin-top: 0px;
  2037. margin-left: 5px;
  2038. font-size:24px;
  2039. line-height:24px;
  2040. }
  2041. #cart_block .remove_link a:hover {
  2042. color:#A9A9A9;
  2043. }
  2044. #cart_block .products .price {
  2045. display: inline-block;
  2046. padding: 15px 0 5px 0;
  2047. width: 150px;
  2048. font-size: 17px;
  2049. }
  2050. #cart_block table#vouchers {
  2051. clear: both;
  2052. width: 100%;
  2053. position: relative;
  2054. border:none;
  2055. background:none;
  2056. }
  2057. #cart_block table#vouchers td { border:none;}
  2058.  
  2059. #cart_block table#vouchers tr td.quantity {
  2060. margin-right: 5px;
  2061. min-width: 18px
  2062. }
  2063. #cart_block table#vouchers tr td.delete a {
  2064. padding: 0;
  2065. width: 9px;
  2066. height: 9px;
  2067. position: absolute;
  2068. right: 0;
  2069. top: 7px;
  2070. }
  2071. #cart_block ul.cart_block_customizations {
  2072. padding: 0 0 0 13px;
  2073. list-style: none;
  2074. }
  2075. #cart_block ul.cart_block_customizations li {
  2076. font: 11px/15px "Arial";
  2077. }
  2078. #cart_block ul.cart_block_customizations li .quantity-formated {
  2079. line-height: 14px;
  2080. }
  2081. #cart_block ul.cart_block_customizations div.deleteCustomizableProduct {
  2082. width: 9px;
  2083. height: 9px;
  2084. position: absolute;
  2085. right: 3px;
  2086. top: 3px;
  2087. }
  2088. #cart_block ul.cart_block_customizations div.deleteCustomizableProduct a {
  2089. background: url(../img/icon/delete.gif) no-repeat 0 0;
  2090. display: block;
  2091. height: 9px;
  2092. width: 9px;
  2093. }
  2094. #cart_block ul.cart_block_customizations div.deleteCustomizableProduct a:hover {
  2095. }
  2096. #cart_block .cart-prices div {
  2097. border-top: 1px dotted #cccccc;
  2098. padding: 7px 0px 7px 0px;
  2099. }
  2100. #cart_block #cart_block_shipping_cost, #cart_block #cart_block_total, #cart_block #cart_block_wrapping_cost {
  2101. float: right
  2102. }
  2103. #cart_block #cart-buttons {
  2104. display: block;
  2105. }
  2106. #cart_block #cart-buttons #button_order_cart {
  2107. float: left;
  2108. }
  2109. #cart_block #cart-buttons #button_order_cart span {
  2110. }
  2111. #cart_block p#cart-buttons {
  2112. padding: 10px 0 0 0px;
  2113. margin: 0;
  2114. border-top: 1px dotted #cccccc;
  2115. overflow:hidden;
  2116. }
  2117. #cart_block p#cart-buttons a.button_mini {
  2118. float: left;
  2119. margin-right: 10px;
  2120. }
  2121. /* ************************************************************************************************
  2122. BREADCRUMB
  2123. ************************************************************************************************ */
  2124. #center_column .breadcrumb { display:none;}
  2125. .breadcrumb {
  2126. margin: 0px 0 20px 0px;
  2127. background: none;
  2128. border-radius: 0px;
  2129. padding: 7px 0 7px 0px;
  2130. background: #f8f8f8;
  2131. width: 1170px;
  2132. font-size: 14px;
  2133. min-height:30px;
  2134. line-height:30px;
  2135. border:1px solid #d6d6d6;
  2136. }
  2137. .breadcrumb span {
  2138. display: inline;
  2139. }
  2140. .breadcrumb a {
  2141. font-size: 14px;
  2142. line-height: 22px;
  2143. position:relative;
  2144. }
  2145. .breadcrumb a i {
  2146. vertical-align: -4px;
  2147.  
  2148. .breadcrumb a {
  2149. float: left;
  2150. }
  2151. .breadcrumb_inset > div, span {
  2152. float: left;
  2153. }
  2154.  
  2155. }
  2156. .breadcrumb-home {
  2157. }
  2158. .breadcrumb-home i {
  2159. font-size: 25px;
  2160. }
  2161. .breadcrumb-home:hover {
  2162. }
  2163. .breadcrumb .navigation-pipe {
  2164. margin: 0 10px 0 10px;
  2165. font-size: 14px;
  2166. line-height: 22px;
  2167. }
  2168. .breadcrumb .navigation_page {
  2169. font-size: 14px;
  2170. line-height: 22px;
  2171. }
  2172. .breadcrumb_inset {
  2173. padding:0 10px;
  2174. }
  2175. /* ************************************************************************************************
  2176. CONTACT PAGE
  2177. ************************************************************************************************ */
  2178.  
  2179. #contact_form p#desc_contact0, #contact_form p#desc_contact1, #contact_form p#desc_contact2 {
  2180. padding: 0;
  2181. margin-bottom: 10px;
  2182. color: #09F
  2183. }
  2184. #contact_form p.file_input label {
  2185. padding-top: 3px;
  2186. }
  2187. #contact_form {
  2188. padding: 0px 0px 20px 0px;
  2189. margin: 0px 0 0 0;
  2190. }
  2191. #contact_form p {
  2192. margin-bottom: 20px;
  2193. }
  2194. #contact_form p.textarea {
  2195. margin: 0;
  2196. }
  2197. #contact_form h2 {
  2198. margin-bottom: 10px;
  2199. }
  2200. #desc_contact0 {
  2201. display: none;
  2202. }
  2203. #contact_form textarea#message {
  2204. height: 150px;
  2205. margin: 0;
  2206. }
  2207. #contact_form .select select {
  2208. width: 400px;
  2209. }
  2210. #contact_form .text input, #contact_form .password input {
  2211. width: 400px;
  2212. }
  2213. #contact_form input[type="file"] {
  2214. width:100%;
  2215. height:100%;
  2216. }
  2217. #contact-form .submit {
  2218. padding-top: 15px;
  2219. }
  2220. .title-pagecontact {
  2221. padding: 0;
  2222. margin: 0 0 5px 0;
  2223. display: inline-block;
  2224. }
  2225. .title-pagecontact i {
  2226. margin-right: 7px;
  2227. }
  2228. /* ************************************************************************************************
  2229. HISTORY
  2230. ************************************************************************************************ */
  2231. #order-list td {
  2232. text-align: left;
  2233. }
  2234. #order-list td.history_invoice i {
  2235. font-size: 25px;
  2236. vertical-align: -1px;
  2237. }
  2238. .myaccount ul {
  2239. padding-bottom: 10px;
  2240. }
  2241. .favoriteproducts img {
  2242. width: 16px;
  2243. height: 16px;
  2244. }
  2245. div#block-history {
  2246. padding: 0px;
  2247. }
  2248. div#block-history textarea {
  2249. height: 100px;
  2250. margin-bottom: 20px;
  2251. }
  2252. table#order-list {
  2253. margin-bottom: 0;
  2254. border: none;
  2255. }
  2256. #module-loyalty-default #block-history { overflow:auto;}
  2257.  
  2258. table#order-list td.history_link a {
  2259. font-weight: bold;
  2260. color: #a9a9a9;
  2261. }
  2262. table#order-list td.history_detail .btn {
  2263. display: block;
  2264. }
  2265. table#order-list td.history_detail .btn + a {
  2266. margin-top: 10px;
  2267. }
  2268. table#order-list td.history_detail a.details_link {
  2269. text-transform: capitalize;
  2270. }
  2271. #block-history #block-order-detail table.std td.inputs input.order_qte_input {
  2272. height: 15px;
  2273. padding: 1px;
  2274. float: left;
  2275. }
  2276. #block-history #block-order-detail table.std td.inputs label {
  2277. display: block;
  2278. float: left;
  2279. padding: 2px 0 0 7px;
  2280. font-weight: bold;
  2281. }
  2282. #block-history h3 {
  2283. padding: 17px 0 0 0;
  2284. }
  2285. #block-history #block-order-detail {
  2286. padding: 3px 0 0 0;
  2287. }
  2288. #block-history #block-order-detail h4 {
  2289. overflow: hidden;
  2290. }
  2291. div#order-detail-content table.std th {
  2292. padding: 15px 12px;
  2293. }
  2294. form#sendOrderMessage p.submit {
  2295. padding: 0px 0 0 0;
  2296. }
  2297. #sendOrderMessage {
  2298. margin-bottom: 0;
  2299. }
  2300. #sendOrderMessage label {
  2301. display: block;
  2302. padding-bottom: 6px;
  2303. }
  2304. #sendOrderMessage select {
  2305. width: 300px;
  2306. }
  2307. .info-order strong {
  2308. color: #333
  2309. }
  2310. .addresses #sendOrderMessage label {
  2311. display: block;
  2312. padding-bottom: 4px;
  2313. }
  2314. .addresses .address_delivery label {
  2315. display: block;
  2316. padding-bottom: 4px;
  2317. }
  2318. .addresses .address_delivery, .addresses .addressesAreEquals {
  2319. padding: 20px 0 0 0;
  2320. margin: 0;
  2321. }
  2322. .addresses .address_delivery select {
  2323. width: 416px;
  2324. }
  2325. #conditionsValided + label { display:inline;}
  2326. #module-referralprogram-program .idTabs { display:none;}
  2327. .addresses #address_invoice_form select { width:100%;}
  2328. .addresses .addressesAreEquals input {
  2329. margin: 3px 7px 0 0
  2330. }
  2331. table.discount {
  2332. margin: 17px 0 0 0;
  2333. }
  2334. table.discount td.discount_code {
  2335. font-weight: bold;
  2336. }
  2337. table.discount td.discount_value {
  2338. white-space: nowrap;
  2339. }
  2340. body#discount div.center_column sup {
  2341. vertical-align: top;
  2342. }
  2343. .delivery_options {
  2344. padding-top: 20px;
  2345. }
  2346. .delivery_options_address .delivery_option_radio {
  2347. margin: 0px auto 0px auto;
  2348. }
  2349. .delivery_options_address table td:first-child {
  2350. text-align: left;
  2351. padding-left: 12px;
  2352. }
  2353. .delivery_options_address .delivery_options label { display:block;}
  2354. table.delivery_option_carrier {
  2355. background: #D9EDF7;
  2356. border: 1px solid #BCE8F1;
  2357. }
  2358. table.delivery_option_carrier td {
  2359. border: 1px solid #BCE8F1;
  2360. color: #3A87AD;
  2361. text-transform: none;
  2362. font-size: 12px;
  2363. }
  2364. .order_carrier_content .carrier_title {
  2365. text-align: left;
  2366. margin-bottom: 20px;
  2367. }
  2368. .order_delivery .address.first_item, .addresses #address_delivery {
  2369. padding: 20px;
  2370. border: 1px solid #ccc;
  2371. background: #F8F8F8;
  2372. margin-bottom: 20px;
  2373. }
  2374. .order_delivery .address.alternate_item, .addresses #address_invoice {
  2375. padding: 20px;
  2376. border: 1px solid #ccc;
  2377. background: #F8F8F8;
  2378. margin-bottom: 20px;
  2379. }
  2380. #order-detail-content-table .td-3 {
  2381. text-align: center;
  2382. }
  2383. #order-detail-content-table tbody td:first-child {
  2384. padding-left: 40px;
  2385. }
  2386. .cart_total_price.cart_last_tr .price {
  2387. font-size: 17px;
  2388. color: #03c8f2;
  2389. }
  2390. #order-detail-content-table tfoot tr.item td { display:block !important; border-left:none; border-right:none; border-bottom:none;}
  2391. #order-detail-content-table tfoot tr.item:first-child td { border:none;}
  2392. /* ************************************************************************************************
  2393. MY ACCOUNT
  2394. ************************************************************************************************ */
  2395. body#my-account ul.footer_links li {
  2396. float: none;
  2397. }
  2398. body#my-account div#center_column ul.myaccount_lnk_list {
  2399. padding: 3px 0 0 0;
  2400. list-style: none;
  2401. }
  2402. body#my-account div#center_column ul.myaccount_lnk_list li {
  2403. line-height:18px;
  2404. padding: 12px 0 0 0;
  2405. }
  2406. body#my-account div#center_column ul.myaccount_lnk_list li img {
  2407. margin: 0 5px 0 0;
  2408. display: inline-block;
  2409. width: 16px;
  2410. }
  2411. body#my-account div#center_column ul.myaccount_lnk_list li a i { font-size:18px; line-height:18px; width:24px; display:inline-block; vertical-align:-1px;}
  2412. .account_creation .select span {
  2413. display: block;
  2414. margin-bottom: 7px;
  2415. }
  2416. .account_creation .after-box {
  2417. padding: 20px 0 0 0;
  2418. }
  2419. #account-creation_form #passwd {
  2420. float: left;
  2421. margin-right: 20px;
  2422. }
  2423. #account-creation_form fieldset h2 {
  2424. margin: 10px 0 15px 0;
  2425. }
  2426. #account-creation_form fieldset .checkbox label { display:inline;}
  2427. #account-creation_form fieldset:first-child h2 {
  2428. margin: 0;
  2429. }
  2430. #center_column #account-creation_form .titled_box p {
  2431. margin: 0;
  2432. padding: 0 0 20px 0
  2433. }
  2434. #center_column #account-creation_form .account_creation.customerprivacy p {
  2435. padding: 0;
  2436. float: left;
  2437. }
  2438. #center_column #account-creation_form .titled_box p input[type="checkbox"] {
  2439. margin-right: 10px;
  2440. }
  2441. #account-creation_form p.radio span, #account-creation_form p.select span, #identity p.radio span {
  2442. display: block;
  2443. margin-bottom: 7px;
  2444. padding: 6px 0px;
  2445. text-align: left
  2446. }
  2447. #identity #center_column .std input[type='checkbox'] { margin-right:7px;}
  2448. #identity #center_column .std input[type='checkbox'] + label { display:inline;}
  2449. #account-creation_form p.radio label {
  2450. padding-right: 10px;
  2451. }
  2452. #center_column #account-creation_form p.cart_navigation {
  2453. margin: 0;
  2454. padding: 20px 0 0 0;
  2455. }
  2456. form#account-creation_form p.radio input, #identity p.radio input, #new_account_form p.radio input {
  2457. margin: 2px 5px 0 0;
  2458. float: left;
  2459. }
  2460. form#account-creation_form p.radio label, #identity p.radio label, #new_account_form p.radio label {
  2461. padding: 0px 25px 0 3px;
  2462. float: left;
  2463. display: inline-block;
  2464. }
  2465. form#account-creation_form textarea {
  2466. width: 210px;
  2467. max-width: 563px;
  2468. }
  2469. #identity p.radio {
  2470. padding: 0;
  2471. }
  2472. /* ************************************************************************************************
  2473. Product Comparison
  2474. ************************************************************************************************ */
  2475. .comparison_product_infos {
  2476. padding-top: 10px;
  2477. }
  2478. #product_comparison #availability_label {
  2479. font-weight: bold;
  2480. color: #333;
  2481. }
  2482. #product_comparison #availability_value {
  2483. color: #0C6;
  2484. }
  2485. #product_comparison .comparison_availability_statut {
  2486. padding: 0px;
  2487. margin: 0;
  2488. display: none;
  2489. }
  2490. #product_comparison.breakpoint .comparison_product_infos, #product_comparison.breakpoint .comparison_product_infos .product_link, #product_comparison.breakpoint .comparison_product_infos .row-compare-button {
  2491. text-align: left;
  2492. }
  2493. #product_comparison .product_image_div {
  2494. position: relative;
  2495. margin-bottom: 13px;
  2496. text-align:center;
  2497. }
  2498. #product_comparison .product_image_div a {
  2499. display: block;
  2500. }
  2501. #product_comparison th:first-child, #product_comparison td:first-child {
  2502. text-align: left;
  2503. padding: 5px 10px 5px 10px;
  2504. font-weight: bold;
  2505. }
  2506. #product_comparison .product_image_div a.product_image {
  2507. position: relative;
  2508. display: inline-block;
  2509. }
  2510. #product_comparison td.ajax_block_product { vertical-align:top;}
  2511. #product_comparison .product_image_div a.product_image img { background:none;}
  2512. .shop_table .title_compare {
  2513. font-size: 13px;
  2514. color: #333;
  2515. }
  2516. #product_comparison .comparison_header .price {
  2517. font-size: 32px;
  2518. font-weight: normal;
  2519. }
  2520. #product_comparison .on_sale, #product_comparison .discount {
  2521. width: 54px;
  2522. height: 48px;
  2523. display: block;
  2524. position: absolute;
  2525. left: 0px;
  2526. top: 0px;
  2527. }
  2528. #product_comparison .product_link {
  2529. padding: 0 0 0px 0;
  2530. display:inline-block;
  2531. text-align: center;
  2532. }
  2533. #product_comparison .comparison_product_infos a.cmp_remove {
  2534. position: absolute;
  2535. right: 0px;
  2536. top: 0;
  2537. z-index: 5;
  2538. font-size:25px;
  2539. line-height:25px;
  2540. }
  2541. #product_comparison .comparison_product_infos a.cmp_remove:hover {
  2542. color:#a9a9a9;
  2543. }
  2544. #product_comparison .product_desc {
  2545. margin: 0 0 9px 0;
  2546. min-height:38px;
  2547. }
  2548. #product_comparison .row-compare-button {
  2549. text-align: left;
  2550. padding-top:10px;
  2551. }
  2552. #product_comparison .comparison_product_infos a.button {
  2553. margin-right: 8px;
  2554. margin-bottom: 10px;
  2555. }
  2556. #product_comparison .comparison_product_infos .exclusive {
  2557. margin: 0px 0 10px 0;
  2558. }
  2559. #product_comparison td:first-child {
  2560. background: #F5F5F5;
  2561. color: #888;
  2562. }
  2563. .shop_table td.comparison_feature_even.comparison_infos, .shop_table td.comparison_feature_odd.comparison_infos {
  2564. text-align: center;
  2565. }
  2566. #product_comparison .comparison_feature_odd.comparison_infos.ajax_block_product {
  2567. padding: 10px 20px
  2568. }
  2569. /* ************************************************************************************************
  2570. Identity
  2571. ************************************************************************************************ */
  2572. form.identity p.radio input {
  2573. top: 3px;
  2574. }
  2575. form.identity p.radio label {
  2576. padding: 0 15px 0 3px;
  2577. line-height: 19px;
  2578. display: inline-block;
  2579. }
  2580. form.identity p.required_desc {
  2581. padding: 20px 0 0 157px;
  2582. }
  2583. p#security_informations {
  2584. padding: 20px 0 0 0px;
  2585. font-style: italic;
  2586. margin: 0;
  2587. }
  2588. /* ************************************************************************************************
  2589. Orderopc
  2590. ************************************************************************************************ */
  2591. #orderopc #left_column {
  2592. display: none
  2593. }
  2594. #orderopc #center_column {
  2595. width: 757px
  2596. }
  2597. #orderopc #left_column h2 {
  2598. margin-top: 20px
  2599. }
  2600. #opc_account_choice {
  2601. padding: 0 0px;
  2602. }
  2603. #login_form_content {
  2604. width:90%;
  2605. padding:20px 5%;
  2606. background:#f5f5f5;
  2607. border:1px solid #ccc;
  2608. }
  2609. #opc_account_form input.text, #new_account_form #opc_account_form textarea { width:100%;}
  2610. #opc_account_form input[type='checkbox'] + label { display:inline;}
  2611. #opc_account_choice .opc_float {
  2612. width:90%;
  2613. padding:10px 5%;
  2614. background:#f5f5f5;
  2615. border:1px solid #ccc;
  2616. margin-bottom:15px;
  2617. }
  2618. #opc_account_choice .opc_float ul {
  2619. margin: 0 0 20px 30px
  2620. }
  2621. form#new_account_form {
  2622. padding-top: 10px;
  2623. }
  2624. form#new_account_form h4 {
  2625. margin-bottom: 10px;
  2626. }
  2627. .account_creation.customerprivacy.titled_box label { display:inline;}
  2628. #new_account_form fieldset {
  2629. padding: 0 0 15px 0;
  2630. }
  2631. #center_column #new_account_form p {
  2632. margin: 0;
  2633. padding: 0 0 10px 0;
  2634. }
  2635. #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label {
  2636. display: inline-block;
  2637. padding: 6px 15px;
  2638. width: 230px;
  2639. text-align: right
  2640. }
  2641. #new_account_form p.textarea textarea {
  2642. height: 80px;
  2643. width: 205px;
  2644. }
  2645. #new_account_form span.form_info, #new_account_form span.inline-infos {
  2646. display: block;
  2647. margin: 5px 0 0 0px;
  2648. color: #666
  2649. }
  2650. #order #loyalty {
  2651. margin: 10px 0 12px 0;
  2652. font-size: 13px;
  2653. padding: 20px 0 20px 0;
  2654. border-top: 1px dotted #ccc;
  2655. }
  2656. #order #loyalty img {
  2657. margin-right: 10px;
  2658. }
  2659. .list-radio {
  2660. margin-right: 25px;
  2661. float: left;
  2662. }
  2663. .short_description_pack {
  2664. padding: 10px 0px 0px 0;
  2665. }
  2666. .short_description_pack h3 {
  2667. padding: 5px 0 0 0;
  2668. margin: 0;
  2669. }
  2670. .short_description_pack p {
  2671. padding: 5px 0 0 0;
  2672. }
  2673. .short_description_pack .pack_content {
  2674. padding: 10px 0 0 0;
  2675. }
  2676. .pack_content {
  2677. margin: 5px 0 5px 0;
  2678. }
  2679. #pb-left-column #color_picker p {
  2680. padding-bottom: 5px;
  2681. font-weight: bold;
  2682. }
  2683. span.our_price_display {
  2684. padding-top: 7px;
  2685. font-size: 24px;
  2686. line-height: 18px;
  2687. display: inline-block;
  2688. }
  2689. *:first-child + html .content_prices #add_to_cart .exclusive {
  2690. padding: 4px 3px 4px 11px;
  2691. }
  2692. /* ************************************************************************************************
  2693. FOOTER
  2694. ************************************************************************************************ */
  2695. .footer-bg-mob{
  2696. background:url(../img/footer-bg.png)
  2697.  
  2698. }
  2699. .block.blockcms_footer {}
  2700. footer {margin:30px 0 0 0; }
  2701. footer .modules {
  2702. position: relative;
  2703. padding-bottom: 10px;
  2704. margin: 0;
  2705. }
  2706. footer .block h4 {
  2707. font-size: 18px;
  2708. line-height:24px;
  2709. color: #ff6c08;
  2710. font-weight: 800;
  2711. font-family: 'Open Sans', sans-serif;
  2712. text-transform: uppercase;
  2713. padding: 0 0 3px 0;
  2714. margin: 23px 0 6px 0;
  2715. }
  2716. footer .block h4 i {
  2717. display:none;
  2718. }
  2719. footer .block h4 a {
  2720. color: #1c1c1c;
  2721. font-weight: bold;
  2722. }
  2723. footer .block a {
  2724. color: #7a7a7a;
  2725. }
  2726. footer .block a:hover {
  2727. color: #ff6c08;
  2728. text-shadow: 0 0 #ff6c08;
  2729. }
  2730. footer .block .list-footer li {
  2731. padding: 0px 0 10px 0;
  2732. }
  2733. footer .block .list-footer li i{ display:none;}
  2734. footer .block .list-footer li.referralprogram i, footer .block .list-footer li.loyalty i { display:none;}
  2735. footer .block .list-footer li a {
  2736. font-size: 14px;
  2737. font-weight:400;
  2738. color: #FFFFFF;
  2739. text-shadow: 0 0 #FFFF00;
  2740. font-family: 'Open Sans', sans-serif;
  2741. text-transform:none;
  2742. padding:0 0 0 23px;
  2743. word-wrap:break-word;
  2744. background:url(../img/f-marker.png) no-repeat 0 2px;
  2745. }
  2746. footer .block .list-footer li a:hover{
  2747. color:#ff6c08;
  2748. text-shadow:0 0 #ff6c08;
  2749. }
  2750. footer .block .list-footer li img {
  2751. display: none;
  2752. }
  2753. footer .footer-text {
  2754. padding: 0px 0 0 0;
  2755. }
  2756. .bottom_footer {
  2757. position: absolute;
  2758. bottom: 22px;
  2759. left: 0px;
  2760. font-size: 14px;
  2761. border-top: 1px solid #d6d6d6;
  2762. width: 100%;
  2763. padding-top: 27px;
  2764. font-weight:400;
  2765. color:#272727;
  2766. text-shadow:0 0 #272727;
  2767. font-family: 'Open Sans', sans-serif;
  2768. }
  2769. .bottom_footer a {
  2770. color: #ff6c08;
  2771. text-shadow:0 0 #ff6c08;
  2772. }
  2773. .bottom_footer a:hover {
  2774. color: #272727;
  2775. text-shadow:0 0 #272727;
  2776. }
  2777. .block.block_category_footer {
  2778. margin-left:0;
  2779. }
  2780. .block.block_category_footer ul ul {
  2781. margin-left: 20px;
  2782. display:none !important;
  2783. }
  2784. /*blocksocial */
  2785. .blocksocial li a {
  2786. display: inline-block;
  2787. font-size: 14px;
  2788. font-weight:400;
  2789. color: #FFFFFF;
  2790. text-shadow: 0 0 #FFFF00;
  2791. font-family: 'Open Sans', sans-serif;
  2792. text-transform:none;
  2793. padding:0 0 0 23px;
  2794. }
  2795. .blocksocial li {
  2796. vertical-align: middle;
  2797. padding-top: 1px;
  2798. margin-left:-1px;
  2799. margin-bottom:8px;
  2800. }
  2801. .blocksocial li.facebook a {
  2802. background: url(../img/sprite_pict_social_block.png) no-repeat 0 0px;
  2803. padding: 0px 0 0px 25px;
  2804. height: 20px;
  2805. }
  2806. .blocksocial li.twitter{ margin-bottom:9px;}
  2807. .blocksocial li.twitter a {
  2808. background: url(../img/sprite_pict_social_block.png) no-repeat 0 -29px;
  2809. padding: 0px 0 0px 25px;
  2810. height: 20px;
  2811. }
  2812. .blocksocial li.rss a {
  2813. background: url(../img/sprite_pict_social_block.png) no-repeat 0 -60px;
  2814. padding: 0px 0 0px 25px;
  2815. height: 20px;
  2816. }
  2817. #paiement_logo_block_left {
  2818. margin:15px 0 0 30px;
  2819. float:left;
  2820. }
  2821. /* ************************************************************************************************
  2822. PAIMENT - PAGE ORDER
  2823. ************************************************************************************************ */
  2824. #order .p-cart {
  2825. font-size: 13px;
  2826. text-transform: uppercase;
  2827. color: #535353;
  2828. padding-bottom: 15px;
  2829. border-bottom: 1px solid #e5e5e5;
  2830. }
  2831. .ordercart-title {
  2832. font-weight: bold;
  2833. color: #333;
  2834. margin: 0;
  2835. padding: 6px 0 14px 0;
  2836. }
  2837. .ordercart-title #summary_products_quantity {}
  2838. #order_steps {
  2839. overflow: hidden;
  2840. margin: 20px 0 10px 0px;
  2841. }
  2842. #order_steps li.even:first-child {
  2843. background: #9c9c9c;
  2844. }
  2845. #order_steps li.even.step_current:first-child {
  2846. background: #202020;
  2847. }
  2848. #order_steps li.even {
  2849. background: url(../img/marker-order.png) 0px 29px no-repeat #9c9c9c;
  2850. }
  2851. #order_steps li.odd {
  2852. background: url(../img/marker-order.png) 0px 29px no-repeat #777777;
  2853. }
  2854. #order_steps li {
  2855. width: 20%;
  2856. float: left;
  2857. text-align: center;
  2858. }
  2859. #order_steps li span {
  2860. display: block;
  2861. padding: 5px 0 5px 0px;
  2862. }
  2863. #order_steps li span {
  2864. color: #fff;
  2865. font-weight: bold;
  2866. }
  2867. #order_steps li span span {
  2868. color: #fff;
  2869. font-weight: bold;
  2870. font-size: 27px;
  2871. line-height: 27px;
  2872. }
  2873. #order_steps li.step_current {
  2874. background-color: #202020;
  2875. }
  2876. #order_steps li a {
  2877. font-weight: bold;
  2878. color: #ccc;
  2879. text-decoration: none;
  2880. }
  2881. #order_steps li a:hover {
  2882. color: #fff;
  2883. }
  2884. /* step 1 - cart ******************************************************************************* */
  2885. #cart_summary {
  2886. background: none;
  2887. border: none;
  2888. margin-bottom: 0;
  2889. }
  2890. #order #HOOK_SHOPPING_CART {
  2891. padding-bottom: 0px;
  2892. margin-bottom: 10px;
  2893. }
  2894. table#cart_summary h5 {
  2895. padding-bottom: 10px;
  2896. margin-top: -4px;
  2897. display: block;
  2898. }
  2899. table#cart_summary .cart-atr {
  2900. padding-bottom: 5px;
  2901. display: inline-block;
  2902. }
  2903. #order-detail-content .title-th {
  2904. float: left;
  2905. padding-right: 10px;
  2906. display: inline-block;
  2907. font-weight: bold;
  2908. color: #333
  2909. }
  2910. table#cart_summary tr {
  2911. border-width: 0px 0px 1px 0px;
  2912. border-style: dotted;
  2913. border-color: #ccc
  2914. }
  2915. table#cart_summary tr.cart_last_tr {
  2916. border: none;
  2917. }
  2918. #seperated_packag {
  2919. padding: 0;
  2920. }
  2921. #seperated_packag input {
  2922. margin: -3px 10px 0 0;
  2923. }
  2924. table#cart_summary .insset-bottom {
  2925. padding-bottom: 16px;
  2926. padding-top: 0px;
  2927. }
  2928. .cart_quantity_title {
  2929. padding: 3px 10px 0 0;
  2930. }
  2931. table#cart_summary tbody tr {
  2932. border-top: 1px dotted #ccc;
  2933. }
  2934. table#cart_summary td {
  2935. padding: 20px 0 20px 0;
  2936. border: none;
  2937. vertical-align: top;
  2938. }
  2939. table#cart_summary .customization {
  2940. border-color: #ccc
  2941. }
  2942. table#cart_summary td.cart_product {
  2943. width: 162px;
  2944. }
  2945. table#cart_summary tr ul {
  2946. list-style: none;
  2947. }
  2948. table#cart_summary .customizationUploaded {
  2949. margin-bottom: 10px;
  2950. }
  2951. table#cart_summary .cart_quantity .cart_quantity_down {
  2952. float: left;
  2953. }
  2954. table#cart_summary .cart_discount_name {
  2955. color: #333;
  2956. text-transform: uppercase;
  2957. vertical-align: middle;
  2958. }
  2959. table#cart_summary .cart_discount {
  2960. border-width: 1px 0 1px 0;
  2961. border-style: solid;
  2962. }
  2963. table#cart_summary .cart_discount_price .div_cart_quantity_delete {
  2964. float: none;
  2965. margin-left: 7px;
  2966. display: inline-block;
  2967. }
  2968. table#cart_summary .cart_discount_price .div_cart_quantity_delete a i {
  2969. font-size:16px;
  2970. line-height:16px;
  2971. }
  2972. table#cart_summary .div_cart_quantity_delete {
  2973. float: left;
  2974. }
  2975. table#cart_summary .div_cart_quantity_delete a {
  2976. display:inline-block;
  2977. margin: 5px 0 0 10px
  2978. }
  2979. table#cart_summary .div_cart_quantity_delete a i {
  2980. font-size:25px;
  2981. line-height:25x;
  2982. width:auto;
  2983. }
  2984. table#cart_summary .div_cart_quantity_delete a:hover {
  2985. background-position: -76px -24px;
  2986. }
  2987. table#cart_summary .customization .cart_quantity {
  2988. padding: 20px 0px 20px 0;
  2989. border: none;
  2990. margin-bottom: 0;
  2991. }
  2992. table#cart_summary .cart_quantity .cart_quantity_input {
  2993. float: left;
  2994. border-left: none;
  2995. border-right: none;
  2996. display: inline-block;
  2997. height: 24px;
  2998. text-align: center;
  2999. width: 40px;
  3000. margin: 0;
  3001. }
  3002. table#cart_summary .cart_quantity .cart_quantity_button {
  3003. float: left;
  3004. }
  3005. table#cart_summary a.price_discount_delete {
  3006. margin-top: 3px
  3007. }
  3008. table#cart_summary .cart_total_price .total_price_container {
  3009. border-right: none;
  3010. }
  3011. table#cart_summary .cart_total_price td.cart_voucher {
  3012. vertical-align: middle
  3013. }
  3014. table#cart_summary #total_price_container {
  3015. vertical-align: middle;
  3016. }
  3017. #cart_summary tfoot {
  3018. font-weight: bold
  3019. }
  3020. #cart_summary .cart_last_tr #total_price {
  3021. font-size: 22px;
  3022. font-weight: normal;
  3023. }
  3024. table#cart_summary tfoot td {
  3025. padding: 16px 0 14px 0;
  3026. border: none;
  3027. text-align: left;
  3028. }
  3029. table#cart_summary tfoot td + td {
  3030. text-align: right;
  3031. }
  3032. #total_price_container {
  3033. vertical-align: middle;
  3034. }
  3035. #cart_summary .price {
  3036. border: none;
  3037. white-space: nowrap;
  3038. }
  3039. .total_price_container p {
  3040. text-align: left
  3041. }
  3042. table#cart_summary .cart_total_price .total_price_container {
  3043. padding: 0;
  3044. }
  3045. .cart_total_price .total_price_container p {
  3046. display: block;
  3047. padding: 8px;
  3048. }
  3049. .cart_total_price .total_price_container span {
  3050. display: block;
  3051. padding: 15px;
  3052. font-weight: bold;
  3053. font-size: 18px;
  3054. text-align: center
  3055. }
  3056. table#cart_summary .gift-icon {
  3057. color: white;
  3058. background: #0088CC;
  3059. line-height: 20px;
  3060. padding: 2px 5px;
  3061. border-radius: 5px;
  3062. }
  3063. table#cart_summary .min-with-td {
  3064. display: inline-block;
  3065. font-weight: normal;
  3066. min-width: 50px;
  3067. }
  3068. table#cart_summary #cart_quantity_button .cart_quantity_down {
  3069. background: url(../img/quantity_down_mob.png) 0 0px no-repeat;
  3070. height: 43px;
  3071. width: 45px;
  3072. }
  3073. table#cart_summary #cart_quantity_button .cart_quantity_up {
  3074. background: url(../img/quantity_up_mob.png) 0 0px no-repeat;
  3075. height: 43px;
  3076. width: 45px;
  3077. float: left;
  3078. }
  3079. table#cart_summary #cart_quantity_button .cart_quantity_up img, table#cart_summary #cart_quantity_button .cart_quantity_down img {
  3080. display: none;
  3081. }
  3082. .address-form-multishipping {
  3083. width:94%;
  3084. padding:15px 3%;
  3085. background:#f5f5f5;
  3086. border:1px solid #ccc;
  3087. margin-bottom:20px;
  3088. }
  3089. table#cart_summary #cart_quantity_button span {
  3090. line-height: 43px;
  3091. }
  3092. table#cart_summary .cart_quantity .cart_quantity_input {
  3093. height: 43px;
  3094. }
  3095. .cart_quantity_title {
  3096. padding: 11px 10px 0 0;
  3097. }
  3098. table#cart_summary .div_cart_quantity_delete a {
  3099. margin-top:7px;
  3100. margin-left: 20px;
  3101. }
  3102. table#cart_summary .cart_discount_price .div_cart_quantity_delete a {
  3103. margin-top: 0px;
  3104. }
  3105. #HOOK_SHOPPING_CART .page_product_box h3 i { display:none;}
  3106. /*cart_voucher******************************************************************************* */
  3107. form#voucher fieldset {
  3108. padding: 25px 0px 0px 0px;
  3109. border-top: 2px solid #3a3a3a;
  3110. }
  3111. form#voucher fieldset h4 {
  3112. padding: 6px 10px 0 0;
  3113. margin: 0;
  3114. float: left;
  3115. }
  3116. form#voucher fieldset p {
  3117. float: left;
  3118. margin: 0;
  3119. padding: 0px 0px 0 0;
  3120. }
  3121. form#voucher fieldset p.submit {
  3122. padding: 0px 0 0 0;
  3123. }
  3124. form#voucher fieldset p label {
  3125. float: left;
  3126. text-align: right;
  3127. padding: 2px 7px 0 0;
  3128. }
  3129. form#voucher fieldset p input.discount_name {
  3130. width: 330px;
  3131. margin-bottom: 0;
  3132. height:32px;
  3133. line-height:32px;
  3134. }
  3135. #cart_voucher {
  3136. padding-top: 9px;
  3137. }
  3138. #cart_voucher .btn.btn-inverse {
  3139. padding-top: 7px;
  3140. padding-bottom: 7px;
  3141. line-height: 1.25em;
  3142. }
  3143. #seperated_packag label { display:inline;}
  3144. form#voucher fieldset div#display_cart_vouchers h4 {
  3145. margin: 10px 0 0 0;
  3146. padding: 10px 0 0 0;
  3147. border-top: 1px solid #eee;
  3148. }
  3149. form#voucher fieldset div#display_cart_vouchers div {
  3150. padding: 4px 0 0 0;
  3151. }
  3152. form#voucher fieldset div#display_cart_vouchers span.voucher_name {
  3153. font-weight: bold;
  3154. text-decoration: underline;
  3155. cursor: pointer;
  3156. }
  3157. form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {
  3158. text-decoration: none;
  3159. }
  3160. #order_carrier {
  3161. clear: both;
  3162. margin-top: 20px;
  3163. border: 1px solid #999;
  3164. }
  3165. #carrier_area .checkbox {
  3166. margin: 0;
  3167. padding: 12px 0 0 0
  3168. }
  3169. #carrier_area .checkbox input {
  3170. margin: 3px 7px 0 0;
  3171. }
  3172. #carrier_area .checkbox label {
  3173. display: inline;
  3174. }
  3175. #order_carrier h4 {
  3176. padding: 0 15px;
  3177. }
  3178. #order_carrier span {
  3179. display: block;
  3180. padding: 15px;
  3181. font-weight: bold
  3182. }
  3183. .order_delivery {
  3184. padding-top: 7px;
  3185. padding-bottom: 20px;
  3186. }
  3187. #order .order_delivery.row { margin:0;}
  3188. .order_delivery .first_item {
  3189. margin-bottom:10px;
  3190. }
  3191. .address_select {
  3192. width: 100px;
  3193. }
  3194. .multishipping_close_container {
  3195. text-align: center;
  3196. padding-top: 10px;
  3197. }
  3198. /* ————— carriercompare.tpl ————— */
  3199. #compare_shipping_form p {
  3200. margin: 0;
  3201. }
  3202. #compare_shipping #availableCarriers {
  3203. }
  3204. #compare_shipping ul#carriercompare_errors_list li {
  3205. background: url("../img/warning.png") no-repeat 20px center #FDE4E1;
  3206. border: 1px solid #EBBCB5;
  3207. color: #DF0505;
  3208. font-size: 12px;
  3209. font-weight: bold;
  3210. padding-left: 70px;
  3211. margin-left: 0!important;
  3212. margin-bottom: 10px;
  3213. }
  3214. #compare_shipping_form p label {
  3215. padding: 5px 7px 5px 0;
  3216. display: block;
  3217. }
  3218. #compare_shipping_form p select {
  3219. margin-bottom: 10px;
  3220. width: 395px;
  3221. }
  3222. #compare_shipping_form p input {
  3223. margin-bottom: 2px;
  3224. width: 394px;
  3225. margin-right: 10px;
  3226. }
  3227. #compare_shipping_form {
  3228. padding: 16px 0px 0px 0px;
  3229. border-top: 2px solid #3a3a3a;
  3230. margin-top: 20px;
  3231. margin-bottom: 10px;
  3232. }
  3233. #compare_shipping_form #compare_shipping {
  3234. padding: 0;
  3235. }
  3236. #compare_shipping_form #compare_shipping h3 {
  3237. padding-top: 0;
  3238. border-bottom: 3px solid #000;
  3239. text-transform: uppercase;
  3240. color: #333;
  3241. font-weight: bold;
  3242. padding-bottom: 4px;
  3243. font-size: 17px;
  3244. }
  3245. #compare_shipping_form #compare_shipping p {
  3246. padding: 0;
  3247. }
  3248. #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard {
  3249. padding-top: 20px;
  3250. }
  3251. #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input {
  3252. width: auto;
  3253. margin-bottom: 0;
  3254. margin-right: 16px;
  3255. }
  3256. /* nav bottom ********************************************************************************** */
  3257. .cart_navigation {
  3258. margin: 20px 0
  3259. }
  3260. .cart_navigation .exclusive, .cart_navigation .exclusive_large {
  3261. float: right
  3262. }
  3263. /* order carrier */
  3264. div#order_carrier {
  3265. margin: 20px 0 0 0;
  3266. padding: 10px;
  3267. border-width: 1px;
  3268. border-style: solid;
  3269. }
  3270. div#order_carrier h4 {
  3271. float: left;
  3272. padding: 0 10px;
  3273. }
  3274. /* cart navigation */
  3275. #order p.cart_navigation.inner-top {
  3276. border-top: 1px dotted #ccc;
  3277. }
  3278. p.cart_navigation {
  3279. clear: both;
  3280. margin: 0;
  3281. padding: 25px 0 0px 0;
  3282. }
  3283. p.cart_navigation .button, p.cart_navigation .button_large {float: left;}
  3284. p.cart_navigation .button:hover, p.cart_navigation .button_large:hover {}
  3285. p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {}
  3286. p.cart_navigation .exclusive:hover, p.cart_navigation .exclusive_large:hover {}
  3287. #compare_shipping_form #availableCarriers {
  3288. padding: 15px 0 0 0;
  3289. margin: 0!important;
  3290. }
  3291. #compare_shipping_form #noCarrier {
  3292. margin: 12px 0 0;
  3293. padding: 10px 13px;
  3294. text-align: center;
  3295. }
  3296. #availableCarriers_table {
  3297. width: 100%;
  3298. text-align: center;
  3299. }
  3300. #availableCarriers_table th {
  3301. text-align: center;
  3302. border: 1px solid #CCC;
  3303. }
  3304. #carriercompare_errors_list li {
  3305. margin: 0;
  3306. padding: 10px 0 10px 0;
  3307. }
  3308. #availableCarriers_table td.radio {
  3309. padding: 0 5px 0 5px;
  3310. text-align: center;
  3311. border: none;
  3312. }
  3313. #availableCarriers_table td input {
  3314. float: none;
  3315. margin-top: 15px;
  3316. }
  3317. /**********************************************************************************************
  3318. LOGIN PAGE
  3319. ***********************************************************************************************/
  3320. #create-account_form .text input, #create-account_form .password input, #login_form .text input, #login_form .password input {
  3321. width: 100%;
  3322. margin-bottom: 0px;
  3323. }
  3324. #authentication #create-account_form .title_block {
  3325. text-transform: none;
  3326. font-size: 13px;
  3327. font-weight: bold;
  3328. color: #7a7a7a;
  3329. }
  3330. #authentication #create-account_form .title_block, #authentication #login_form .title_block {
  3331. margin: 0;
  3332. padding: 13px 0 0 0;
  3333. }
  3334. #authentication #create-account_form p.text, #authentication #login_form p.text {
  3335. padding: 14px 0 0 0;
  3336. }
  3337. #authentication #login_form p.submit {
  3338. padding: 15px 0 0 0;
  3339. clear:both;
  3340. }
  3341. #authentication #create-account_form p.submit {
  3342. padding: 20px 0 0 0;
  3343. }
  3344. #authentication #create-account_form label, #authentication #login_form label {
  3345. display: block;
  3346. clear: both;
  3347. text-align: left;
  3348. padding: 0 0 5px 0;
  3349. }
  3350. #authentication #login_form p.lost_password {
  3351. padding: 15px 0 0 0;
  3352. margin-bottom:0;
  3353. }
  3354. #opc_account_form .shop_box {
  3355. padding: 10px 0 10px 0;
  3356. }
  3357. .cart_total {
  3358. text-align: right;
  3359. }
  3360. /* ————— password.tpl ————— */
  3361. .forgot_password #restore_password label {
  3362. width: 170px;
  3363. }
  3364. .forgot_password p.submit {
  3365. padding-left: 177px;
  3366. }
  3367. #password #center_column h1 + p {
  3368. margin: 3px 0 17px 0;
  3369. }
  3370. #password #center_column p.text input {
  3371. margin: 0;
  3372. }
  3373. /* step 3 - address ************************************************************************** */
  3374. div.order_address p.select label {
  3375. float: left;
  3376. text-align: right;
  3377. padding: 2px 7px 0 0;
  3378. }
  3379. div.order_address p#address_invoice_form a.button_large {
  3380. margin: 0 auto;
  3381. }
  3382. div.order_address p.address_add {
  3383. padding: 20px 0 0 0;
  3384. margin: 0;
  3385. }
  3386. div.order_address #ordermsg p {
  3387. margin: 0;
  3388. }
  3389. div.order_address #ordermsg textarea {
  3390. height: 100px;
  3391. }
  3392. #multishipping_mode_box h2 {
  3393. text-align: center;
  3394. margin-bottom: 12px;
  3395. }
  3396. #multishipping_mode_box .btn {
  3397. color: #333;
  3398. }
  3399. #multishipping_mode_box h2 span {
  3400. padding-left: 10px;
  3401. padding-right: 10px;
  3402. }
  3403. #multishipping_mode_checkbox {
  3404. vertical-align: top;
  3405. margin-right: 5px;
  3406. }
  3407. #multishipping_mode_box.on {}
  3408. #multishipping_mode_box .title {
  3409. padding: 5px;
  3410. font-weight: bold;
  3411. color: #333
  3412. }
  3413. #multishipping_mode_box .description, #multishipping_mode_box .description_off {
  3414. }
  3415. #multishipping_mode_box .description .button {
  3416. margin: 0 auto;
  3417. display: inline-block;
  3418. }
  3419. #multishipping_mode_box .description_off {
  3420. display: none;
  3421. padding: 5px;
  3422. }
  3423. #multishipping_mode_box .description_off div {
  3424. margin-bottom: 10px;
  3425. }
  3426. #multishipping_mode_box.on .description_off {
  3427. display: block;
  3428. }
  3429. table.multishipping-cart td {
  3430. padding: 12px!important;
  3431. }
  3432. table.multishipping-cart th {
  3433. border-width: 0 0 1px 0;
  3434. }
  3435. .multishipping-cart .cart_quantity .cart_quantity_input {
  3436. float: left;
  3437. margin: 0;
  3438. height: 22px;
  3439. line-height: 22px;
  3440. border-left: 0;
  3441. border-right: 0;
  3442. text-align: center;
  3443. }
  3444. .multishipping-cart .cart_quantity a {
  3445. float: left;
  3446. }
  3447. .multishipping-cart .cart_quantity {
  3448. width: 140px;
  3449. }
  3450. #order-detail-content #cart_summary.multishipping-cart {
  3451. border: 1px solid #ccc;
  3452. margin-bottom: 20px;
  3453. }
  3454. #order-detail-content #cart_summary.multishipping-cart td.cart_product {
  3455. width: auto;
  3456. }
  3457. #order-detail-content {
  3458. padding-top: 0;
  3459. }
  3460. #order-detail-content #cart_summary.multishipping-cart td {
  3461. border: 1px solid #ccc
  3462. }
  3463. /* step 4 - paiement ************************************************************************** */
  3464. table#carrierTable {
  3465. margin: 17px 0 0 0;
  3466. }
  3467. table#carrierTable tr td.radio input {
  3468. background: none;
  3469. border: none;
  3470. position: relative;
  3471. top: 1px;
  3472. left: 0;
  3473. }
  3474. p#gift_div {
  3475. display: none;
  3476. clear: both;
  3477. margin: 0;
  3478. }
  3479. p#gift_div label {
  3480. display: block;
  3481. }
  3482. p#gift_div textarea {
  3483. height: 100px;
  3484. margin: 12px 0 10px 0;
  3485. }
  3486. /* step 5 - paiement ************************************************************************** */
  3487. p.payment_module {
  3488. display: block;
  3489. padding: 20px 0 0px 0;
  3490. margin: 0;
  3491. }
  3492. .payment_module img {
  3493. vertical-align: middle;
  3494. margin: 0 10px 0 0;
  3495. float: left;
  3496. }
  3497. .payment_module a {
  3498. display: block;
  3499. background: #fafafa;
  3500. border: 1px solid #ccc;
  3501. padding: 15px;
  3502. color: #333;
  3503. text-decoration: none;
  3504. text-align: left;
  3505. overflow: hidden;
  3506. font-weight: bold;
  3507. }
  3508. .payment_module a:hover, .payment_module a:focus, .payment_module a:active {
  3509. background: #fefefe;
  3510. border: 1px solid #000;
  3511. color: #000;
  3512. }
  3513. /* ************************************************************************************************
  3514. PAGE ORDER-OPC
  3515. ************************************************************************************************ */
  3516. div#order-opc h2.bordercolor {
  3517. margin: 20px 0 0 0;
  3518. padding: 17px 0 0 0;
  3519. border-width: 1px 0 0 0;
  3520. border-style: solid;
  3521. }
  3522. div#order-opc table#carrierTable {
  3523. margin: 17px 0 0 0;
  3524. }
  3525. div#order-opc textarea#message {
  3526. height: 100px;
  3527. }
  3528. /* ************************************************************************************************
  3529. express checkout
  3530. ************************************************************************************************ */
  3531. #new_account_form {
  3532. clear: both;
  3533. margin-bottom: 20px
  3534. }
  3535. #new_account_form h3 {
  3536. margin-bottom: 20px;
  3537. }
  3538. #center_column #new_account_form p {
  3539. margin: 0;
  3540. padding: 0 0 10px 0
  3541. }
  3542. #center_column #new_account_form p input {
  3543. margin-right: 10px;
  3544. }
  3545. #new_account_form p.required {
  3546. color: #222
  3547. }
  3548. #new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label {
  3549. display: block;
  3550. padding: 6px 0px 6px 0;
  3551. font-size: 12px;
  3552. text-align: left
  3553. }
  3554. #new_account_form #submitGuestAccount {
  3555. float: right
  3556. }
  3557. /* ************************************************************************************************
  3558. paiment - CONFIRMATION
  3559. ************************************************************************************************ */
  3560. #orderconfirmation #left_column {
  3561. display: none
  3562. }
  3563. #orderconfirmation #center_column {
  3564. width: 757px
  3565. }
  3566. .orderconfirmation {
  3567. border: 1px solid #ccc;
  3568. padding: 20px;
  3569. margin: 30px 0 0 0;
  3570. background: #f8f8f8
  3571. }
  3572. .orderconfirmation a {
  3573. color: #0C0;
  3574. }
  3575. .orderconfirmation a:hover {
  3576. color: #333;
  3577. }
  3578. /* ************************************************************************************************
  3579. PAGE ADRESSES
  3580. ************************************************************************************************ */
  3581. .bloc_adresses .address {
  3582. background:#f8f8f8;
  3583. border:1px solid #cccccc;
  3584. box-sizing:border-box;
  3585. -moz-box-sizing:border-box;
  3586. -webkit-box-sizing:border-box;
  3587. -ms-box-sizing:border-box;
  3588. padding:20px;
  3589. margin-bottom:20px;
  3590. overflow:hidden;
  3591. }
  3592. .order_delivery .address.alternate_item, ul#address_invoice {
  3593. margin: 0px 0 0 0;
  3594. padding: 0 0 17px 0;
  3595. float: left;
  3596. width: 43%
  3597. }
  3598. .order_delivery .address.alternate_item { padding:20px;}
  3599. .order_delivery .address.first_item, ul#address_delivery {
  3600. float: left;
  3601. margin-right: 30px;
  3602. width: 43%
  3603. }
  3604. .addresses .address_add.submit {
  3605. padding: 0;
  3606. margin: 0px 0 20px 0
  3607. }
  3608. ul.address li {
  3609. margin: 0px 0px 0 0px;
  3610. }
  3611. ul.address li {
  3612. line-height: 25px;
  3613. color: #333;
  3614. }
  3615. ul.address li.address_delete, ul.address li.address_update {
  3616. float: left;
  3617. }
  3618. ul.address li .btn {
  3619. color: #fff;
  3620. margin-top: 10px;
  3621. }
  3622. ul.address li.address_title {
  3623. margin: 0px 0px 8px 0px;
  3624. color: #a9a9a9;
  3625. font-size: 13px;
  3626. text-transform: uppercase;
  3627. font-weight: bold;
  3628. }
  3629. ul.address li.address_title h3 {
  3630. margin: 0;
  3631. }
  3632. ul.address li.address_update {
  3633. margin-right: 10px;
  3634. }
  3635. .addresses #id_address_delivery {
  3636. width: 417px;
  3637. }
  3638. /* ************************************************************************************************
  3639. PAGE DISCOUNT
  3640. ************************************************************************************************ */
  3641. table.discount {
  3642. margin: 17px 0 0 0;
  3643. font-family:Arial, Helvetica, sans-serif;
  3644. }
  3645. table.discount td.discount_code {
  3646. font-weight: bold;
  3647. }
  3648. table.discount td.discount_value {
  3649. white-space: nowrap;
  3650. }
  3651. body#discount div.center_column sup {
  3652. vertical-align: top;
  3653. }
  3654. /* ************************************************************************************************
  3655. PAGE ORDER FOLLOW
  3656. ************************************************************************************************ */
  3657. #order-follow #left_column {
  3658. display: none
  3659. }
  3660. /* ************************************************************************************************
  3661. PAGE NEW-PRODUCTS
  3662. ************************************************************************************************ */
  3663. #newproducts .sortPagiBar {
  3664. margin-bottom: 20px
  3665. }
  3666. /* ************************************************************************************************
  3667. PAGE BEST SALES
  3668. ************************************************************************************************ */
  3669. #bestsales .sortPagiBar {
  3670. margin-bottom: 20px
  3671. }
  3672. /* ************************************************************************************************
  3673. PAGE PRICES DROP SALES
  3674. ************************************************************************************************ */
  3675. #pricesdrop .sortPagiBar {
  3676. margin-bottom: 20px
  3677. }
  3678. /* ************************************************************************************************
  3679. PAGE MANUFACTURER
  3680. ************************************************************************************************ */
  3681. .mnf_sup_list {
  3682. margin: 0px 0 0 0;
  3683. padding: 0px;
  3684. list-style-type: none;
  3685. }
  3686. .title_manuf {
  3687. padding: 14px 0 24px 0;
  3688. margin: 0;
  3689. width: 100%;
  3690. overflow: hidden;
  3691. display: block;
  3692. text-align: right;
  3693. }
  3694. .mnf_sup_list li {
  3695. padding: 0px 0px 20px 0px;
  3696. margin-bottom: 20px;
  3697. }
  3698. .mnf_sup_list li.last_item {border-bottom:none; margin-bottom:0; padding-bottom:0;}
  3699. .mnf_sup_list li .logo {
  3700. display: block;
  3701. float: left;
  3702. }
  3703. .mnf_sup_list li .logo a {
  3704. display: block;
  3705. }
  3706. .mnf_sup_list li .logo img {
  3707. vertical-align: middle;
  3708. margin-top: 24px;
  3709. }
  3710. .mnf_sup_list li .left_side {
  3711. width: 490px;
  3712. float: left;
  3713. padding: 0 20px 0 20px;
  3714. min-height:242px;
  3715. border-right: 1px solid #cccccc;
  3716. }
  3717. .mnf_sup_list li .left_side div {
  3718. padding: 7px 0 0 0;
  3719. display: inline-block;
  3720. }
  3721. .mnf_sup_list li .left_side div p {
  3722. padding: 0;
  3723. margin: 0;
  3724. }
  3725. .mnf_sup_list li .left_side h3 {
  3726. padding: 0px 0 0 0;
  3727. color: #7a7a7a;
  3728. text-transform: uppercase;
  3729. font-size: 13px;
  3730. margin: -4px 0 5px 0;
  3731. display: inline-block;
  3732. }
  3733. .mnf_sup_list li .right_side {
  3734. width: 170px;
  3735. float: right;
  3736. position: relative;
  3737. padding-left: 20px;
  3738. }
  3739. .mnf_sup_list li .right_side p {
  3740. padding: 10px 0 0 0;
  3741. margin: 0;
  3742. }
  3743. .mnf_sup_list li .right_side p span {
  3744. }
  3745. .mnf_sup_list li .right_side p a {
  3746. text-decoration: none;
  3747. }
  3748. .mnf_sup_list li .right_side a.button {
  3749. margin: 12px 0 0 0;
  3750. }
  3751. .mnf_sup_list li .des-small {
  3752. display: none;
  3753. }
  3754. .mnf_sup_list li .left_side h3 {
  3755. margin-top: 10px;
  3756. }
  3757. .mnf_sup_list li .left_side h3 a {
  3758. display: block;
  3759. margin-top: -4px;
  3760. }
  3761. /* ************************************************************************************************
  3762. PAGE SEARCH
  3763. ************************************************************************************************ */
  3764. #search h3.nbresult {
  3765. margin: 10px 0 10px 0;
  3766. padding: 10px;
  3767. border: 1px solid #e6db55;
  3768. font-size: 13px;
  3769. background: #ffffe0
  3770. }
  3771. /* ************************************************************************************************
  3772. PAGE 404
  3773. ************************************************************************************************ */
  3774. p.error404 {
  3775. border: 2px solid #dd0000;
  3776. background: #f5f5f5;
  3777. margin: 20px 0 0 0;
  3778. padding: 10px;
  3779. line-height: 32px;
  3780. }
  3781. p.error404 img {
  3782. margin: 0 10px 0 0;
  3783. }
  3784. /* ************************************************************************************************
  3785. addons payment cheque
  3786. ************************************************************************************************ */
  3787. #module-cheque-payment #columns h1 {
  3788. text-align: left;
  3789. margin: 0 0 14px 0;
  3790. }
  3791. #module-cheque-payment #columns h2 {
  3792. margin-bottom: 20px;
  3793. }
  3794. #module-cheque-payment #columns .box-payment-style p {
  3795. margin: 0;
  3796. padding: 0;
  3797. }
  3798. #module-cheque-payment #columns .cart_navigation a, #module-cheque-payment #columns .cart_navigation input {
  3799. margin-top: 20px;
  3800. }
  3801. #module-cheque-payment #columns form img {
  3802. float: left;
  3803. margin: 0 20px 2px 0;
  3804. }
  3805. #module-bankwire-payment form img {
  3806. }
  3807. #module-cheque-payment #columns form {
  3808. font-size: 13px;
  3809. }
  3810. #module-bankwire-payment #columns form {
  3811. margin-top: 15px;
  3812. font-size: 13px;
  3813. }
  3814. #module-cheque-payment form select, #module-bankwire-payment form select {
  3815. margin: 20px 0 20px 0;
  3816. }
  3817. .box-payment-style {
  3818. padding: 20px;
  3819. border: 1px solid #ccc;
  3820. color: #333;
  3821. font-size: 13px;
  3822. background: #F8F8F8;
  3823. margin-bottom:10px;
  3824. }
  3825. .box-payment-style ul li {
  3826. margin-bottom: 5px;
  3827. }
  3828. .box-payment-style ul {
  3829. padding-top: 7px;
  3830. }
  3831. /* ************************************************************************************************
  3832. addons payment bankwire
  3833. ************************************************************************************************ */
  3834. #module-gcheckout-payment aside, #module-payment-submit aside, #module-payment-submit aside {
  3835. display: none
  3836. }
  3837. /* ************************************************************************************************
  3838. addon RerversoForm
  3839. ************************************************************************************************ */
  3840. #account-creation_form fieldset.reversoform {
  3841. padding: 10px !important
  3842. }
  3843. #account-creation_form fieldset.reversoform .text label {
  3844. display: block;
  3845. padding: 0 0 10px 0;
  3846. width: 100%;
  3847. text-align: left;
  3848. }
  3849. #account-creation_form fieldset.reversoform .infos-sup {
  3850. padding: 0 !important;
  3851. font-size: 10px;
  3852. font-style: italic;
  3853. text-align: right
  3854. }
  3855. /* ************************************************************************************************
  3856. addon customer privacy
  3857. ************************************************************************************************ */
  3858. #account-creation_form fieldset.customerprivacy label {
  3859. padding-bottom: 0;
  3860. font-size: 12px;
  3861. text-align: left;
  3862. cursor: pointer;
  3863. display: inline;
  3864. }
  3865. #account-creation_form fieldset.customerprivacy p {
  3866. padding: 0;
  3867. margin: 0;
  3868. }
  3869. /* ************************************************************************************************
  3870. addon referralprogram
  3871. ************************************************************************************************ */
  3872. #module-referralprogram-referralprogram-program #left_column {
  3873. display: none
  3874. }
  3875. #module-referralprogram-referralprogram-program #center_column {
  3876. width: 757px
  3877. }
  3878. #footer .myaccount li.referralprogram img {
  3879. display: none
  3880. }
  3881. #module-referralprogram-referralprogram-program .sheets {
  3882. padding-top: 10px
  3883. }
  3884. #module-referralprogram-referralprogram-program form p.checkbox {
  3885. font-weight: bold
  3886. }
  3887. #module-referralprogram-referralprogram-program form p.checkbox a {
  3888. text-decoration: underline
  3889. }
  3890. #module-referralprogram-referralprogram-program form p.submit {
  3891. text-align: right
  3892. }
  3893. #module-referralprogram-referralprogram-program form p.see_email {
  3894. padding-left: 10px;
  3895. color: #0088cc;
  3896. background: url(../img/arrow_right_1.png) no-repeat 0 4px;
  3897. }
  3898. #module-referralprogram-referralprogram-program form p.see_email a {
  3899. color: #0088cc;
  3900. text-decoration: underline
  3901. }
  3902. /* ************************************************************************************************
  3903. addon loyalty
  3904. ************************************************************************************************ */
  3905. #module-loyalty-default #left_column {
  3906. display: none
  3907. }
  3908. #module-loyalty-default #center_column {
  3909. }
  3910. /* ************************************************************************************************
  3911. addon Livezilla
  3912. ************************************************************************************************ */
  3913. #livezilla_lnk {
  3914. margin: 10px 0;
  3915. text-align: right
  3916. }
  3917. #livezilla_lnk a {
  3918. display: inline-block;
  3919. padding: 6px 8px 8px 8px;
  3920. -moz-border-radius: 3px;
  3921. -webkit-border-radius: 3px;
  3922. border-radius: 3px;
  3923. font: bold 10px Arial, Verdana, sans-serif;
  3924. color: #fff;
  3925. text-shadow: 0 -1px 0 #000;
  3926. background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000
  3927. }
  3928. #livezilla_lnk a:hover {
  3929. text-decoration: none
  3930. }
  3931. /* ************************************************************************************************
  3932. guest tracking And TIME CSS
  3933. ************************************************************************************************ */
  3934. #guest-tracking fieldset p:first-child {
  3935. padding-top: 10px;
  3936. }
  3937. #guest-tracking fieldset p:last-child {
  3938. padding-bottom: 10px;
  3939. }
  3940. #address_invoice_form {
  3941. margin-bottom: 20px;
  3942. }
  3943. #opc_account.opc-main-block #address_invoice_form select { width:100%;}
  3944. #address_invoice_form label {
  3945. display: block;
  3946. padding-bottom: 4px;
  3947. }
  3948. #order #fancybox-content h2 {
  3949. font-size: 14px;
  3950. text-transform: uppercase;
  3951. color: #3a3a3a
  3952. }
  3953. .popup-extra h3 {
  3954. color: #ed038a;
  3955. font-size: 14px;
  3956. padding-bottom: 7px;
  3957. }
  3958. #module-favoriteproducts-favoriteproducts-account #left_column {
  3959. display: none
  3960. }
  3961. #module-favoriteproducts-favoriteproducts-account #center_column {
  3962. width: 757px
  3963. }
  3964. #favoriteproducts_block_account .favoriteproduct {
  3965. position: relative;
  3966. margin-bottom: 14px;
  3967. margin-top: 15px;
  3968. border:1px solid #ccc;
  3969. box-sizing:border-box;
  3970. -moz-box-sizing:border-box;
  3971. -webkit-box-sizing:border-box;
  3972. -ms-box-sizing:border-box;
  3973. padding:20px;
  3974. }
  3975. .favoriteproduct a.product_img_link {
  3976. display: block;
  3977. float: left;
  3978. margin-right: 14px;
  3979. overflow: hidden;
  3980. position: relative;
  3981. }
  3982. .favoriteproduct h3 {
  3983. color: #000000;
  3984. font-size: 13px;
  3985. padding: 0 0 10px;
  3986. }
  3987. .favoriteproduct p.product_desc {
  3988. line-height: 16px;
  3989. overflow: hidden;
  3990. padding: 0;
  3991. }
  3992. .favoriteproduct .remove {
  3993. position: absolute;
  3994. top: 15px;
  3995. right: 20px
  3996. }
  3997. .favoriteproduct .remove .icon {
  3998. cursor: pointer
  3999. }
  4000. /* ************************************************************************************************
  4001. module productcomments
  4002. ************************************************************************************************ */
  4003. .rating {
  4004. clear: both;
  4005. display: block;
  4006. margin: 2em;
  4007. cursor: pointer;
  4008. }
  4009. .rating:after {
  4010. content: '.';
  4011. display: block;
  4012. height: 0;
  4013. width: 0;
  4014. clear: both;
  4015. visibility: hidden
  4016. }
  4017. .cancel, .star {
  4018. overflow: hidden;
  4019. float: left;
  4020. margin: 0 1px 0 0;
  4021. width: 16px;
  4022. height: 16px;
  4023. text-indent: -999em;
  4024. cursor: pointer
  4025. }
  4026. .cancel, .cancel a {
  4027. background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important
  4028. }
  4029. .cancel a, .star a {
  4030. display: block;
  4031. width: 100%;
  4032. height: 100%;
  4033. background-position: 0 0
  4034. }
  4035. div.star_on a {
  4036. background-position: 0 -16px
  4037. }
  4038. div.star_hover a, div.star a:hover {
  4039. background-position: 0 -32px
  4040. }
  4041. .star {
  4042. position: relative;
  4043. top: 2px;
  4044. float: left;
  4045. height: 12px;
  4046. width: 12px;
  4047. overflow: hidden;
  4048. text-indent: -999em;
  4049. cursor: pointer
  4050. }
  4051. .star, .star a {
  4052. background: url(../img/star.png) no-repeat 0 0
  4053. }
  4054. div.star_on a {
  4055. background-position: 0 -12px
  4056. }
  4057. div.star_hover a, div.star a:hover {
  4058. background-position: 0 -12px
  4059. }
  4060. .confirmation {
  4061. margin: 0 0 10px;
  4062. padding: 10px;
  4063. border: 1px solid #e6db55;
  4064. font-size: 13px;
  4065. background: #ffffe0;
  4066. }
  4067. #main .rte {
  4068. background: 0 0
  4069. }
  4070. .listcomment {
  4071. list-style-type: none;
  4072. margin: 0 0 20px 0 !important;
  4073. }
  4074. .listcomment li {
  4075. padding: 10px 0;
  4076. border-bottom: 1px dotted #ccc;
  4077. color: #666
  4078. }
  4079. .listcomment .titlecomment {
  4080. display: block;
  4081. font-weight: bold;
  4082. font-size: 12px;
  4083. color: #333
  4084. }
  4085. .listcomment .txtcomment {
  4086. display: block;
  4087. padding: 5px 0;
  4088. color: #333
  4089. }
  4090. form#sendComment fieldset {
  4091. padding: 10px;
  4092. border: 1px solid #ccc;
  4093. background: #eee
  4094. }
  4095. form#sendComment h3 {
  4096. font-size: 14px;
  4097. }
  4098. #new_comment_form p.text {
  4099. margin-bottom: 0;
  4100. padding-bottom: 0;
  4101. }
  4102. #new_comment_form .btn {
  4103. margin-bottom: 10px;
  4104. margin-left:5px;
  4105. color: #fff;
  4106. }
  4107.  
  4108. #sendComment p.text label, #sendComment p.textarea label {
  4109. display: block;
  4110. margin: 12px 0 4px;
  4111. font-weight: bold;
  4112. font-size: 12px;
  4113. }
  4114. #sendComment p.text input {
  4115. padding: 0 5px;
  4116. height: 28px;
  4117. width: 498px;
  4118. border: 1px solid #ccc;
  4119. /*background: url(../img/bg_input.png) repeat-x 0 0 #fff;*/
  4120. }
  4121. #sendComment p.textarea textarea {
  4122. height: 80px;
  4123. width: 508px;
  4124. border: 1px solid #ccc;
  4125. }
  4126. #sendComment p.submit {
  4127. padding: 0;
  4128. text-align: right
  4129. }
  4130. #sendComment p.closeform {
  4131. float: right;
  4132. padding: 0;
  4133. height: 16px;
  4134. width: 12px;
  4135. text-indent: -5000px;
  4136. background: url(../img/icon/delete.gif) no-repeat 0 0
  4137. }
  4138. #new_comment_form .product img {
  4139. float: left;
  4140. margin: 7px 14px 10px 8px;
  4141. padding: 4px;
  4142. border: 1px solid #fff;
  4143. -moz-box-shadow: 0px 0px 9px #ddd;
  4144. -webkit-box-shadow: 0px 0px 7px #ddd;
  4145. box-shadow: 0px 0px 7px #ddd;
  4146. }
  4147. #new_comment_form .product .product_desc {
  4148. text-align: left;
  4149. max-width:300px;
  4150. }
  4151. #new_comment_form .product .product_desc .product_name {
  4152. padding-bottom: 5px;
  4153. font-size: 13px;
  4154. color: #000
  4155. }
  4156. #new_comment_form .grade_content {
  4157. margin: 0 0 20px 0
  4158. }
  4159. #new_comment_form .grade_content span, #new_comment_form .grade_content span {
  4160. display: inline-block;
  4161. padding: 0 10px;
  4162. width: 150px;
  4163. font-weight: bold
  4164. }
  4165. #new_comment_form .grade_content .cancel {
  4166. margin-right: 5px
  4167. }
  4168. .new_comment_form_content .intro_form {
  4169. padding-bottom: 10px;
  4170. font-weight: bold;
  4171. font-size: 12px
  4172. }
  4173. #new_comment_form label {
  4174. display: block;
  4175. margin: 12px 0 4px 0;
  4176. font-weight: bold;
  4177. font-size: 12px;
  4178. }
  4179. #new_comment_form textarea {
  4180. height: 80px;
  4181. }
  4182. #new_comment_form .submit {
  4183. margin-top: 20px;
  4184. padding: 0;
  4185. font-size: 13px;
  4186. text-align: right
  4187. }
  4188. #new_comment_form #criterions_list {
  4189. border-bottom: 1px solid #CCC;
  4190. padding-bottom: 15px;
  4191. list-style-type: none;
  4192. }
  4193. #new_comment_form #criterions_list li {
  4194. margin-bottom: 5px;
  4195. padding-top: 5px;
  4196. }
  4197. #new_comment_form #criterions_list label {
  4198. display: block;
  4199. margin: 0 0px 0 0px;
  4200. padding-bottom: 5px;
  4201. }
  4202. #new_comment_form #criterions_list .star_content {
  4203. float: left;
  4204. }
  4205. #new_comment_form #new_comment_form_footer {
  4206. margin-top: 0px;
  4207. font-size: 12px;
  4208. }
  4209. #new_comment_form p.required {
  4210. float: left;
  4211. margin: 0 0 5px;
  4212. }
  4213. #new_comment_form form {
  4214. text-align:left;
  4215. }
  4216. #new_comment_form form .row-fluid { padding-bottom:10px}
  4217. .product_image img, .product_img_link img {
  4218. background:#f5f5f5;
  4219. }
  4220. .fl {
  4221. float: left;
  4222. }
  4223. .fr {
  4224. float: right;
  4225. }
  4226. /* ************************************************************************************************
  4227. POPUP COMPARE
  4228. ************************************************************************************************ */
  4229. #cluetip-close img {
  4230. border: 0;
  4231. }
  4232. #cluetip-title {
  4233. overflow: hidden;
  4234. }
  4235. #cluetip-title #cluetip-close {
  4236. float: right;
  4237. position: relative;
  4238. }
  4239. #cluetip-waitimage {
  4240. width: 43px;
  4241. height: 11px;
  4242. position: absolute;
  4243. background-image: url('../img/loader.gif');
  4244. }
  4245. .cluetip-arrows {
  4246. display: none;
  4247. position: absolute;
  4248. top: 0;
  4249. left: -11px;
  4250. height: 22px;
  4251. width: 11px;
  4252. background-repeat: no-repeat;
  4253. background-position: 0 0;
  4254. }
  4255. #cluetip-extra {
  4256. display: none;
  4257. }
  4258. #cluetip {
  4259. background-color: transparent;
  4260. }
  4261. #cluetip #cluetip-outer {
  4262. border: 1px solid #ccc;
  4263. position: relative;
  4264. background-color: #fff;
  4265. text-align: left!Important;
  4266. }
  4267. #cluetip #cluetip-inner .comment {
  4268. text-align: left!Important;
  4269. }
  4270. #cluetip h3#cluetip-title {
  4271. margin: 0px;
  4272. padding: 0px 0px;
  4273. font-size: 12px;
  4274. font-weight: normal;
  4275. color: #333;
  4276. }
  4277. #cluetip #cluetip-inner {
  4278. padding: 5px 5px 5px;
  4279. display: inline-block;
  4280. }
  4281. #cluetip div#cluetip-close {
  4282. text-align: right;
  4283. margin: 0 5px 5px;
  4284. color: #900;
  4285. }
  4286. #cluetip div#cluetip-close a {
  4287. }
  4288. /* ************************************************************************************************
  4289. TIME OTHER GLOBAL CSS
  4290. ************************************************************************************************ */
  4291. .shop_box {
  4292. border-bottom: 1px solid #cccccc;
  4293. }
  4294. .titled_box h2, .account_creation h3 {
  4295. color: #a9a9a9;
  4296. text-transform: uppercase;
  4297. font-weight: bold;
  4298. font-size: 13px;
  4299. padding: 10px 0px 0px 0px;
  4300. margin: 0 0 5px 0;
  4301. position:relative;
  4302. border-bottom:1px solid #000;
  4303. }
  4304. .titled_box h2 span, .account_creation h3 span {
  4305. position:relative;
  4306. z-index:1;
  4307. }
  4308. .icon-style {
  4309. width: 16px;
  4310. height: 16px;
  4311. background: url(../img/icon-style.png) center center no-repeat;
  4312. }
  4313. .shop_box_row {
  4314. border-bottom: 1px solid #cccccc;
  4315. border-top: 1px solid #cccccc;
  4316. }
  4317. .shop_box_row.shop_box_row_other {
  4318. border-top: none;
  4319. padding-top: 0;
  4320. }
  4321. .shop_box_row.shop_box_row_search { border-top:none;}
  4322. .title_shop {
  4323. color: #000;
  4324. font-size: 13px;
  4325. font-style: italic;
  4326. font-weight: bold;
  4327. }
  4328. .lnk_more {
  4329. font-size: 13px;
  4330. color: #a9a9a9;
  4331. line-height: 16px;
  4332. display: inline-block;
  4333. font-style: italic;
  4334. font-weight: bold;
  4335. }
  4336. .lnk_more:hover {
  4337. color: #a9a9a9;
  4338. }
  4339. .store_list {
  4340. padding: 0;
  4341. margin: 0;
  4342. list-style-type: none;
  4343. }
  4344. .store_list li:first-child a {
  4345. border: none;
  4346. }
  4347. .store_list li {
  4348. padding: 0px 0 0px 0px;
  4349. margin: 0;
  4350. }
  4351. .store_list li a {
  4352. padding: 7px 0 7px 0px;
  4353. display: block;
  4354. border-top: 1px solid #cccccc;
  4355. }
  4356. .store_list li a i {
  4357. margin-right: 10px;
  4358. }
  4359. .store_list li a:hover {
  4360. background-position: 0 -918px
  4361. }
  4362. .shop_table {
  4363. background: #fefefe;
  4364. border-spacing: 0;
  4365. margin-bottom: 20px;
  4366. vertical-align: middle;
  4367. border: 1px solid #ccc;
  4368. width: 100%;
  4369. }
  4370. #order-detail-content-table input.order_qte_input { display:none;}
  4371. #order-detail-content-table input.order_qte_input + label { float:none;}
  4372. #order-detail-content-table td.expand label { cursor:pointer;}
  4373. .shop_table th {
  4374. border: 1px solid #cccc;
  4375. }
  4376. .shop_table th {
  4377. background: #f9f9f9;
  4378. border: 1px solid #ccc;
  4379. color: #333;
  4380. font-size: 13px;
  4381. font-weight: bold;
  4382. padding: 15px 20px;
  4383. text-align: center;
  4384. vertical-align: middle;
  4385. text-transform: uppercase;
  4386. background: #fefefe;
  4387. }
  4388. .shop_table td {
  4389. border: 1px solid #ccc;
  4390. padding: 10px 20px;
  4391. color: #888888;
  4392. }
  4393. .shop_table td .footable-row-detail-inner strong {
  4394. font-size: 14px;
  4395. font-weight: normal;
  4396. margin: 0 10px 10px 0;
  4397. display: inline-block;
  4398. color: #333;
  4399. }
  4400. .footable.breakpoint > tbody > tr > td.expand {
  4401. background: url(../img/u.png) 7px center no-repeat;
  4402. padding-left: 40px;
  4403. }
  4404. .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
  4405. background: url(../img/uu.png) 7px center no-repeat;
  4406. padding-left: 40px;
  4407. }
  4408. .footable.breakpoint > tbody > tr > td.expand, .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
  4409. cursor: pointer;
  4410. }
  4411. .footable > tbody img {
  4412. vertical-align: middle;
  4413. }
  4414. /* Global Declaration */
  4415. div.checker span, div.radio span, div.uploader, div.uploader span.action {
  4416. background: url(../img/sprite.png);
  4417. background-repeat: no-repeat;
  4418. -webkit-font-smoothing: antialiased;
  4419. }
  4420. .radio, .checker, .uploader, .radio *, .checker *, .uploader * {
  4421. margin: 0;
  4422. padding: 0;
  4423. }
  4424. /* Checkbox */
  4425.  
  4426. div.checker {
  4427. width: 19px;
  4428. height: 19px;
  4429. float: left;
  4430. }
  4431. div.checker input {
  4432. width: 19px;
  4433. height: 19px;
  4434. }
  4435. div.checker span {
  4436. background-position: 0px -260px;
  4437. height: 19px;
  4438. width: 19px;
  4439. }
  4440. div.checker:active span, div.checker.active span {
  4441. background-position: -19px -260px;
  4442. }
  4443. div.checker.focus span, div.checker:hover span {
  4444. background-position: -38px -260px;
  4445. }
  4446. div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {
  4447. background-position: -57px -260px;
  4448. }
  4449. div.checker span.checked {
  4450. background-position: -76px -260px;
  4451. }
  4452. div.checker:active span.checked, div.checker.active span.checked {
  4453. background-position: -95px -260px;
  4454. }
  4455. div.checker.focus span.checked, div.checker:hover span.checked {
  4456. background-position: -114px -260px;
  4457. }
  4458. div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {
  4459. background-position: -133px -260px;
  4460. }
  4461. div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
  4462. background-position: -152px -260px;
  4463. }
  4464. div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
  4465. background-position: -171px -260px;
  4466. }
  4467. /* Radio */
  4468.  
  4469. div.radio {
  4470. width: 18px;
  4471. height: 18px;
  4472. float: left;
  4473. }
  4474. div.radio input {
  4475. width: 18px;
  4476. height: 18px;
  4477. }
  4478. div.radio span {
  4479. height: 18px;
  4480. width: 18px;
  4481. background-position: 0px -279px;
  4482. }
  4483. div.radio:active span, div.radio.active span {
  4484. background-position: -18px -279px;
  4485. }
  4486. div.radio.focus span, div.radio:hover span {
  4487. background-position: -36px -279px;
  4488. }
  4489. div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {
  4490. background-position: -54px -279px;
  4491. }
  4492. div.radio span.checked {
  4493. background-position: -72px -279px;
  4494. }
  4495. div.radio:active span.checked, div.radio.active span.checked {
  4496. background-position: -90px -279px;
  4497. }
  4498. div.radio.focus span.checked, div.radio:hover span.checked {
  4499. background-position: -108px -279px;
  4500. }
  4501. div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {
  4502. background-position: -126px -279px;
  4503. }
  4504. div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {
  4505. background-position: -144px -279px;
  4506. }
  4507. div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {
  4508. background-position: -162px -279px;
  4509. }
  4510. /* Uploader */
  4511.  
  4512. div.uploader {
  4513. background-position: 0px -297px;
  4514. height: 28px;
  4515. }
  4516. div.uploader span.action {
  4517. background-position: right -409px;
  4518. height: 24px;
  4519. line-height: 24px;
  4520. }
  4521. div.uploader span.filename {
  4522. height: 24px;
  4523. /* change this line to adjust positioning of filename area */
  4524. margin: 2px 0px 2px 2px;
  4525. line-height: 24px;
  4526. }
  4527. div.uploader.focus, div.uploader.hover, div.uploader:hover {
  4528. background-position: 0px -353px;
  4529. }
  4530. div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
  4531. background-position: right -437px;
  4532. }
  4533. div.uploader.active span.action, div.uploader:active span.action {
  4534. background-position: right -465px;
  4535. }
  4536. div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
  4537. background-position: right -493px;
  4538. }
  4539. div.uploader.disabled {
  4540. background-position: 0px -325px;
  4541. }
  4542. div.uploader.disabled span.action {
  4543. background-position: right -381px;
  4544. }
  4545. /* Checker */
  4546. div.checker {
  4547. margin-right: 5px;
  4548. }
  4549. /* Radio */
  4550. div.radio {
  4551. margin-right: 3px;
  4552. }
  4553. /* Uploader */
  4554. #contact_form div.uploader {
  4555. }
  4556. div.uploader span.action {
  4557. width: 110px;
  4558. text-align: center;
  4559. display: block;
  4560. background-color: #fff;
  4561. color: #333;
  4562. }
  4563. div.uploader span.filename {
  4564. border-right: solid 1px #ccc;
  4565. color: #333;
  4566. }
  4567. div.uploader input {
  4568. width: 120px;
  4569. color: #333;
  4570. }
  4571. div.uploader.disabled span.action {
  4572. color: #aaa;
  4573. }
  4574. div.uploader.disabled span.filename {
  4575. border-color: #ccc;
  4576. }
  4577. /*select*/
  4578. /* Select */
  4579. div.selector {
  4580.  
  4581. line-height: 30px;
  4582. height: 30px;
  4583. padding: 0 0 0 0px;
  4584. position: relative;
  4585. overflow: hidden;
  4586. border:1px solid #ccc;
  4587. float:left;
  4588. background:url(../img/select.png) no-repeat 95% 12px;
  4589.  
  4590. }
  4591.  
  4592. div.selector span {
  4593. text-overflow: ellipsis;
  4594. display: block;
  4595. overflow: hidden;
  4596. white-space: nowrap;
  4597. height: 30px;
  4598. line-height: 30px;
  4599. padding-right: 0px;
  4600. padding-left:10px;
  4601. cursor: pointer;
  4602. width: 85% !important;
  4603. box-sizing:border-box;
  4604. -moz-box-sizing:border-box;
  4605. -webkit-box-sizing:border-box;
  4606. display: block;
  4607. font-size:12px;
  4608. }
  4609. .nbr_page div.selector { background-position:89% 12px;}
  4610. div.selector.fixedWidth {
  4611. width: 190px; }
  4612. div.selector.fixedWidth span {
  4613. width: 155px; }
  4614. div.selector select {
  4615. opacity: 0;
  4616. filter: alpha(opacity=0);
  4617. -moz-opacity: 0;
  4618. border: none;
  4619. background: none;
  4620. position: absolute;
  4621. height: 31px;
  4622. top: 0px;
  4623. padding:0 20px 0 0;
  4624. left: 0px;
  4625. width: 100%;
  4626. }
  4627.  
  4628. /*
  4629.  
  4630. CORE FUNCTIONALITY
  4631.  
  4632. Not advised to edit stuff below this line
  4633. -----------------------------------------------------
  4634. */
  4635.  
  4636.  
  4637. .checker, .radio, .uploader {
  4638. display: -moz-inline-box;
  4639. display: inline-block;
  4640. vertical-align: middle;
  4641. zoom: 1;
  4642. *display: inline;
  4643. }
  4644. .radio input:focus, .checker input:focus, .uploader input:focus {
  4645. outline: 0;
  4646. }
  4647. /* Checker */
  4648.  
  4649. div.checker {
  4650. position: relative;
  4651. }
  4652. div.checker span {
  4653. display: -moz-inline-box;
  4654. display: inline-block;
  4655. text-align: center;
  4656. }
  4657. div.checker input {
  4658. opacity: 0;
  4659. margin: 0!important;
  4660. filter: alpha(opacity:0);
  4661. display: inline-block;
  4662. background: none;
  4663. }
  4664. /* Radio */
  4665.  
  4666. div.radio {
  4667. position: relative;
  4668. }
  4669. div.radio span {
  4670. display: -moz-inline-box;
  4671. display: inline-block;
  4672. text-align: center;
  4673. }
  4674. div.radio input {
  4675. opacity: 0;
  4676. filter: alpha(opacity:0);
  4677. text-align: center;
  4678. display: inline-block;
  4679. background: none;
  4680. }
  4681. /* Uploader */
  4682.  
  4683. div.uploader {
  4684. position: relative;
  4685. overflow: hidden;
  4686. cursor: default;
  4687. }
  4688. div.uploader span.action {
  4689. float: left;
  4690. display: inline;
  4691. padding: 2px 0px;
  4692. overflow: hidden;
  4693. cursor: pointer;
  4694. }
  4695. div.uploader span.filename {
  4696. padding: 0px 10px;
  4697. float: left;
  4698. display: block;
  4699. overflow: hidden;
  4700. text-overflow: ellipsis;
  4701. white-space: nowrap;
  4702. cursor: default;
  4703. }
  4704. div.uploader input {
  4705. -moz-box-sizing: 0!important;
  4706. opacity: 0;
  4707. filter: alpha(opacity:0);
  4708. position: absolute;
  4709. top: 0;
  4710. right: 0;
  4711. bottom: 0;
  4712. float: right;
  4713. height: 25px;
  4714. border: none;
  4715. cursor: default;
  4716. }
  4717. #product div.jGrowl div.jGrowl-notification, #product div.jGrowl div.jGrowl-closer {
  4718. background: url(../img/icon/warning.png) no-repeat 10px 15px #D4EEFF;
  4719. color: #fff;
  4720. opacity: .85;
  4721. filter: alpha(opacity = 85);
  4722. margin-top: 5px;
  4723. margin-bottom: 5px;
  4724. text-align: left;
  4725. display: none;
  4726. padding: 10px 10px 6px 45px;
  4727. border: 1px solid #34ACF9;
  4728. color: #0473B9;
  4729. font: 13px "Arial";
  4730. border-radius: 5px;
  4731. }
  4732. #product div.jGrowl div.jGrowl-notification div.close {
  4733. font-size: 18px;
  4734. color: #34ACF9;
  4735. margin-top: 7px;
  4736. opacity: .99;
  4737. filter: alpha(opacity = 99);
  4738. }
  4739. .b-core-ui-select {
  4740. position: relative;
  4741. float: left;
  4742. width: 150px;
  4743. padding: 6px 10px 6px 10px;
  4744. font-size: 12px;
  4745. line-height: 18px;
  4746. color: #333;
  4747. cursor: pointer;
  4748. border: 1px solid #ccc;
  4749. -webkit-user-select: none;
  4750. -moz-user-select: none;
  4751. -ms-user-select: none;
  4752. -o-user-select: none;
  4753. user-select: none;
  4754. }
  4755. .b-core-ui-select__select {
  4756. position: static;
  4757. width: 80%;
  4758. padding: 10px;
  4759. font-size: 12px;
  4760. line-height: 18px;
  4761. }
  4762. .b-core-ui-select__value {
  4763. display: block;
  4764. overflow: hidden;
  4765. text-overflow: ellipsis;
  4766. white-space: nowrap;
  4767. padding-right: 25px;
  4768. }
  4769. .b-core-ui-select__select_state_hide {
  4770. margin: 0;
  4771. padding: 0;
  4772. position: absolute;
  4773. text-indent: -9999px;
  4774. overflow: hidden;
  4775. opacity: 0;
  4776. z-index: -1;
  4777. }
  4778. .b-core-ui-select:HOVER {
  4779. color: #333333;
  4780. }
  4781. .b-core-ui-select.focus {
  4782. outline: 0;
  4783. }
  4784. .b-core-ui-select.disabled, .b-core-ui-select.disabled:ACTIVE {
  4785. opacity: .5;
  4786. color: #333333;
  4787. background-color: #e6e6e6;
  4788. background-position: 0 -15px;
  4789. transition: background-position 0.1s linear;
  4790. }
  4791. .b-core-ui-select__button {
  4792. position: absolute;
  4793. right: 10px;
  4794. top: 10px;
  4795. display: block;
  4796. width: 0;
  4797. height: 0;
  4798. border-top: 5px solid black;
  4799. border-right: 5px solid transparent;
  4800. border-left: 5px solid transparent;
  4801. content: "";
  4802. margin-top: 3px;
  4803. margin-left: 2px;
  4804. }
  4805. .b-core-ui-select__dropdown {
  4806. display: none;
  4807. position: absolute;
  4808. top: 0;
  4809. color: #333;
  4810. margin-top: -1px;
  4811. max-height: 200px;
  4812. font-size: 12px;
  4813. border: 1px solid #ccc;
  4814. background-color: whiteSmoke;
  4815. background-image: -ms-linear-gradient(top, white, #E6E6E6);
  4816. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
  4817. background-image: -webkit-linear-gradient(top, white, #E6E6E6);
  4818. background-image: -o-linear-gradient(top, white, #E6E6E6);
  4819. background-image: linear-gradient(top, white, #E6E6E6);
  4820. background-image: -moz-linear-gradient(top, white, #E6E6E6);
  4821. background-repeat: repeat-x;
  4822. }
  4823. .b-core-ui-select__dropdown.hide {
  4824. display: none;
  4825. }
  4826. .b-core-ui-select__dropdown.show {
  4827. display: block;
  4828. }
  4829. .b-core-ui-select__dropdown__wrap {
  4830. max-height: 200px;
  4831. overflow: auto;
  4832. outline: none;
  4833. }
  4834. .j-scroll-pane .b-core-ui-select__dropdown__item {
  4835. }
  4836. .b-core-ui-select__dropdown__list {
  4837. overflow: hidden;
  4838. margin: 0!important;
  4839. }
  4840. .b-core-ui-select__dropdown__item {
  4841. padding: 5px 10px;
  4842. min-height: 18px;
  4843. list-style-type: none;
  4844. cursor: pointer;
  4845. }
  4846. .b-core-ui-select__dropdown__label {
  4847. padding: 10px;
  4848. min-height: 18px;
  4849. font-style: italic;
  4850. list-style-type: none;
  4851. border-bottom: 1px solid #ccc;
  4852. }
  4853. .b-core-ui-select__dropdown__item.disabled, .b-core-ui-select__dropdown__item.disabled:HOVER {
  4854. color: #ccc;
  4855. background: none;
  4856. }
  4857. .b-core-ui-select__dropdown__item.selected, .b-core-ui-select__dropdown__item.selected:HOVER {
  4858. background: #999;
  4859. color: #fff;
  4860. }
  4861. .b-core-ui-select__dropdown__item:HOVER {
  4862. background: #ccc;
  4863. }
  4864. .sortPagiBar select {
  4865. float: left;
  4866. display: block;
  4867. width: 222px;
  4868. height: 33px;
  4869. }
  4870. .b-content {
  4871. margin: 60px;
  4872. padding: 80px 80px 80px 140px;
  4873. width: 60%;
  4874. font: normal 14px/18px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
  4875. background: #FFFFFF;
  4876. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px rgba(255, 255, 255, 0.15) inset;
  4877. }
  4878. .b-content__title {
  4879. margin: 0 0 40px;
  4880. font: normal 40px/40px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
  4881. }
  4882. .b-content P {
  4883. margin: 0 0 20px;
  4884. }
  4885. .b-content H2, .b-content H3 {
  4886. margin: 15px 0 30px;
  4887. }
  4888. .b-content OL, .b-content UL {
  4889. margin: 0 0 40px;
  4890. }
  4891. .b-row {
  4892. margin: 15px 0 45px -60px;
  4893. padding: 30px 0 30px 59px;
  4894. border: 1px solid #ccc;
  4895. }
  4896. .b-code-block {
  4897. background: none repeat scroll 0 0 #E6E6E6;
  4898. border-left: 1px solid #D9D4D3;
  4899. clear: both;
  4900. color: #533D3A;
  4901. counter-reset: code;
  4902. font: 12px/20px Consolas, monospace;
  4903. margin: 0 0 15px -60px;
  4904. padding: 12px 0 12px 59px;
  4905. white-space: normal;
  4906. }
  4907. .b-code-block CODE:before {
  4908. color: #B3A9A7;
  4909. content: counter(code, decimal-leading-zero) ".";
  4910. counter-increment: code;
  4911. margin-left: -35px;
  4912. position: absolute;
  4913. }
  4914. .b-code-block CODE {
  4915. display: block;
  4916. padding: 0;
  4917. white-space: pre-wrap;
  4918. }
  4919. .jspContainer {
  4920. overflow: hidden;
  4921. position: relative;
  4922. outline: none;
  4923. width: 100% !important;
  4924. }
  4925. .jspPane {
  4926. position: absolute;
  4927. width: 100% !important;
  4928. outline: none;
  4929. }
  4930. .jspVerticalBar {
  4931. position: absolute;
  4932. top: 0;
  4933. right: 0;
  4934. width: 8px;
  4935. height: 100%;
  4936. z-index: 100;
  4937. }
  4938. .jspHorizontalBar {
  4939. position: absolute;
  4940. bottom: 0;
  4941. left: 0;
  4942. width: 100%;
  4943. height: 16px;
  4944. background: red;
  4945. }
  4946. .jspVerticalBar *, .jspHorizontalBar * {
  4947. margin: 0;
  4948. padding: 0;
  4949. }
  4950. .jspCap {
  4951. display: none;
  4952. }
  4953. .jspHorizontalBar .jspCap {
  4954. float: left;
  4955. }
  4956. .jspTrack {
  4957. position: relative;
  4958. border-radius: 5px;
  4959. background-color: #E5E5E5;
  4960. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(202, 202, 202, 0.07)), color-stop(100%, rgba(229, 229, 229, 0.07)));
  4961. background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0.07) 0%, rgba(229, 229, 229, 0.07) 100%);
  4962. -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 white;
  4963. box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 white;
  4964. }
  4965. .jspDrag {
  4966. position: relative;
  4967. top: 0;
  4968. left: 0;
  4969. cursor: pointer;
  4970. border-radius: 4px;
  4971. border: solid 1px #A6A6A6;
  4972. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(233, 233, 233, 0.05)), color-stop(100%, rgba(221, 221, 221, 0.05)));
  4973. background: -webkit-linear-gradient(left, rgba(233, 233, 233, 0.05) 0%, rgba(221, 221, 221, 0.05) 100%);
  4974. -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05);
  4975. box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05);
  4976. background-color: #E9E9E9;
  4977. }
  4978. .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  4979. float: left;
  4980. height: 100%;
  4981. }
  4982. .jspArrow {
  4983. text-indent: -20000px;
  4984. display: block;
  4985. cursor: pointer;
  4986. }
  4987. .jspArrow.jspDisabled {
  4988. cursor: default;
  4989. }
  4990. .jspVerticalBar .jspArrow {
  4991. position: relative;
  4992. display: block;
  4993. width: 0;
  4994. height: 4px;
  4995. }
  4996. .jspVerticalBar .jspArrow.jspArrowDown {
  4997. top: 4px;
  4998. border-top: 4px solid #ccc;
  4999. border-right: 4px solid transparent;
  5000. border-left: 4px solid transparent;
  5001. }
  5002. .jspVerticalBar .jspArrow.jspArrowUp {
  5003. top: -4px;
  5004. border-bottom: 4px solid #ccc;
  5005. border-right: 4px solid transparent;
  5006. border-left: 4px solid transparent;
  5007. }
  5008. .jspVerticalBar .jspArrow:focus {
  5009. outline: none;
  5010. }
  5011. .jspCorner {
  5012. background: #eeeef4;
  5013. float: left;
  5014. height: 100%;
  5015. }
  5016. .modal-body {
  5017. overflow-y: auto;
  5018. -webkit-overflow-scrolling: touch;
  5019. max-height:200px;
  5020. }
  5021. @media print {
  5022. * {
  5023. background: transparent !important;
  5024. color: black !important;
  5025. box-shadow: none !important;
  5026. text-shadow: none !important;
  5027. filter: none !important;
  5028. -ms-filter: none !important;
  5029. }
  5030. a, a:visited {
  5031. text-decoration: underline;
  5032. }
  5033. a[href]:after {
  5034. content: "";
  5035. }
  5036. abbr[title]:after {
  5037. content: "";
  5038. }
  5039. .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
  5040. content: "";
  5041. }
  5042. a:link:after, a:visited:after {
  5043. content: "";
  5044. }
  5045. pre, blockquote {
  5046. border: 1px solid #999;
  5047. page-break-inside: avoid;
  5048. }
  5049. thead {
  5050. display: table-header-group;
  5051. }
  5052. tr, img {
  5053. page-break-inside: avoid;
  5054. }
  5055. img {
  5056. max-width: 100% !important;
  5057. }
  5058. @page {
  5059. margin: 0.5cm;
  5060. }
  5061. p, h2, h3 {
  5062. orphans: 3;
  5063. widows: 3;
  5064. }
  5065. h2, h3 {
  5066. page-break-after: avoid;
  5067. }
  5068. .hide-on-print {
  5069. display: none !important;
  5070. }
  5071. .print-only {
  5072. display: block !important;
  5073. }
  5074. .hide-for-print {
  5075. display: none !important;
  5076. }
  5077. .show-for-print {
  5078. display: inherit !important;
  5079. }
  5080. }
  5081. /* ************************************************************************************************
  5082. CROSSELING AND CATEGORY PRODUCTS
  5083. ************************************************************************************************ */
  5084. .crossselling.page_product_box h3, .tab-video.page_product_box h3 {
  5085. margin-top: 10px;
  5086. }
  5087. #carouselproduct {
  5088. width: 100000px;
  5089. }
  5090. #row-2-extra {
  5091. }
  5092. #carouselproductcross {
  5093. width: 100000px;
  5094. }
  5095. .page_product_box .carusel-inner {
  5096. padding: 20px 0 0px 0;
  5097. position: relative;
  5098. margin: 0 0 0px -20px;
  5099. display: block;
  5100. }
  5101. .page_product_box .carusel-inner .caroufredsel_wrapper {
  5102. cursor: default!important;
  5103. }
  5104. .page_product_box {
  5105. overflow: hidden;
  5106. margin: 0;
  5107. }
  5108. .page_product_box .carousel-ul {
  5109. display: block;
  5110. padding: 0;
  5111. margin: 0;
  5112. width: 10000px;
  5113. }
  5114. .page_product_box {
  5115. position: relative;
  5116. border: 1px solid;
  5117. margin: 5px 0;
  5118. }
  5119. .page_product_box .carusel-inner li a {
  5120. display:inline-block;
  5121. }
  5122. .page_product_box .carusel-inner li {
  5123. display: block;
  5124. float: left;
  5125. margin-left: 20px;
  5126. height: 220px;
  5127. width: 146px;
  5128. text-align:center;
  5129. }
  5130. .page_product_box .carusel-inner li .price_display {
  5131. margin: 0;
  5132. }
  5133. .page_product_box .carusel-inner .product_link {
  5134. display: inline-block;
  5135. margin: 5px 0px 0px 0px
  5136. }
  5137.  
  5138. .page_product_box a.prev, .page_product_box a.next {
  5139. background: url(../img/slider-arrow.png) no-repeat transparent;
  5140. width: 27px;
  5141. height: 27px;
  5142. display: block;
  5143. position: absolute;
  5144. top: 75px;
  5145. display: none;
  5146. opacity: 1;
  5147. filter: alpha(opacity=0);
  5148. -moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  5149. -webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  5150. -o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  5151. transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  5152. }
  5153. .page_product_box .carusel-inner:hover, .page_product_box .carusel-inner img:hover {
  5154. cursor: move;
  5155. cursor: pointer;
  5156. }
  5157. .page_product_box .carusel-inner:hover a.prev {
  5158. opacity: 1;
  5159. filter: alpha(opacity=100);
  5160. left: 40px;
  5161. }
  5162. .page_product_box .carusel-inner:hover a.next {
  5163. opacity: 1;
  5164. filter: alpha(opacity=100);
  5165. right: 22px;
  5166. }
  5167. .page_product_box a.prev {
  5168. left: 40px;
  5169. background-position: 0 0;
  5170. }
  5171. .page_product_box a.prev:hover {
  5172. background-position: 0 -27px;
  5173. }
  5174. .page_product_box a.next {
  5175. right: 22px;
  5176. background-position: -27px 0;
  5177. }
  5178. .page_product_box a.next:hover {
  5179. background-position: -27px -27px;
  5180. }
  5181. .page_product_box a.next.disabled, .page_product_box a.prev.disabled {
  5182. opacity: 0.2;
  5183. }
  5184. .page_product_box a.prev.disabled, .page_product_box a.next.disabled {
  5185. cursor: default;
  5186. }
  5187.  
  5188. #HOOK_SHOPPING_CART .page_product_box > h3 {
  5189. background: none repeat scroll 0 0 #A9A9A9;
  5190. color: #FFFFFF;
  5191. display: block;
  5192. font-size: 20px;
  5193. font-weight: normal;
  5194. line-height: 1.5;
  5195. margin: 20px 0 0;
  5196. padding: 9px 50px 9px 20px;
  5197. position: relative;
  5198. }
  5199. #HOOK_SHOPPING_CART .page_product_box.accordion h3 {
  5200. cursor:pointer;
  5201. }
  5202. #HOOK_SHOPPING_CART .page_product_box.accordion h3 .icon-toggle {
  5203. display: block;
  5204. font-size: 27px;
  5205. line-height: 27px;
  5206. position: absolute;
  5207. right: 12px;
  5208. top: 10px;
  5209. }
  5210. #HOOK_SHOPPING_CART .page_product_box.accordion h3 i {
  5211. display:inline-block;
  5212. }
  5213. @media only screen and (min-width: 768px) and (max-width: 979px) {
  5214. .page_product_box .carusel-inner a.prev{opacity:1;filter:alpha(opacity=100); left:40px;}
  5215. .page_product_box .carusel-inner a.next{opacity:1;filter:alpha(opacity=100); right:22px;}
  5216. }
  5217.  
  5218.  
  5219.  
  5220. .producttags {
  5221. list-style:none;
  5222. position:relative;
  5223. clear:both;
  5224. display:block;
  5225. padding-bottom:20px;
  5226. margin-bottom:20px;
  5227. }
  5228.  
  5229. .producttags li, .producttags a{
  5230. float:left;
  5231. height:24px;
  5232. line-height:24px;
  5233. position:relative;
  5234. font-size:11px;
  5235. }
  5236.  
  5237. .producttags a{
  5238. margin-left:20px;
  5239. padding:0 10px 0 12px;
  5240. background:#0089e0;
  5241. color:#fff;
  5242. text-decoration:none;
  5243. -moz-border-radius-bottomright:4px;
  5244. -webkit-border-bottom-right-radius:4px;
  5245. border-bottom-right-radius:4px;
  5246. -moz-border-radius-topright:4px;
  5247. -webkit-border-top-right-radius:4px;
  5248. border-top-right-radius:4px;
  5249. }
  5250. .producttags a:visited{
  5251. color:#fff;
  5252. }
  5253.  
  5254. .producttags a:before{
  5255. content:"";
  5256. float:left;
  5257. position:absolute;
  5258. top:0;
  5259. left:-12px;
  5260. width:0;
  5261. height:0;
  5262. border-color:transparent #0089e0 transparent transparent;
  5263. border-style:solid;
  5264. border-width:12px 12px 12px 0;
  5265. }
  5266.  
  5267. .producttags a:after{
  5268. content:"";
  5269. position:absolute;
  5270. top:10px;
  5271. left:0;
  5272. float:left;
  5273. width:4px;
  5274. height:4px;
  5275. -moz-border-radius:2px;
  5276. -webkit-border-radius:2px;
  5277. border-radius:2px;
  5278. background:#fff;
  5279. -moz-box-shadow:-1px -1px 2px #004977;
  5280. -webkit-box-shadow:-1px -1px 2px #004977;
  5281. box-shadow:-1px -1px 2px #004977;
  5282. }
  5283.  
  5284. .producttags a:hover{background:#555; text-decoration:none;}
  5285.  
  5286. .producttags a:hover:before{border-color:transparent #555 transparent transparent;}
  5287.  
  5288. .footerInterval {
  5289. display: block;
  5290. width: 100%;
  5291. margin: 0;
  5292. text-align: center;
  5293. padding: 15px;
  5294. height: 40px;
  5295. border: 1px solid #7A7A7A
  5296. border-left: none;
  5297. border-right: none;
  5298. }
  5299. .visa_master {
  5300. display: block;
  5301. background: #FFF;
  5302. width: 150px;
  5303. }
  5304. .blackBlock {
  5305. background: #141414;
  5306. display: block;
  5307. width: 100%;
  5308. height: 20px;
  5309. }
  5310.  
  5311. fb-like-box{
  5312. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement