Advertisement
Guest User

Untitled

a guest
Nov 26th, 2013
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 125.67 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-home {
  2149. }
  2150. .breadcrumb-home i {
  2151. font-size: 25px;
  2152. }
  2153. .breadcrumb-home:hover {
  2154. }
  2155. .breadcrumb .navigation-pipe {
  2156. margin: 0 10px 0 10px;
  2157. font-size: 14px;
  2158. line-height: 22px;
  2159. }
  2160. .breadcrumb .navigation_page {
  2161. font-size: 14px;
  2162. line-height: 22px;
  2163. }
  2164. .breadcrumb_inset {
  2165. padding:0 10px;
  2166. }
  2167. /* ************************************************************************************************
  2168. CONTACT PAGE
  2169. ************************************************************************************************ */
  2170.  
  2171. #contact_form p#desc_contact0, #contact_form p#desc_contact1, #contact_form p#desc_contact2 {
  2172. padding: 0;
  2173. margin-bottom: 10px;
  2174. color: #09F
  2175. }
  2176. #contact_form p.file_input label {
  2177. padding-top: 3px;
  2178. }
  2179. #contact_form {
  2180. padding: 0px 0px 20px 0px;
  2181. margin: 0px 0 0 0;
  2182. }
  2183. #contact_form p {
  2184. margin-bottom: 20px;
  2185. }
  2186. #contact_form p.textarea {
  2187. margin: 0;
  2188. }
  2189. #contact_form h2 {
  2190. margin-bottom: 10px;
  2191. }
  2192. #desc_contact0 {
  2193. display: none;
  2194. }
  2195. #contact_form textarea#message {
  2196. height: 150px;
  2197. margin: 0;
  2198. }
  2199. #contact_form .select select {
  2200. width: 400px;
  2201. }
  2202. #contact_form .text input, #contact_form .password input {
  2203. width: 400px;
  2204. }
  2205. #contact_form input[type="file"] {
  2206. width:100%;
  2207. height:100%;
  2208. }
  2209. #contact-form .submit {
  2210. padding-top: 15px;
  2211. }
  2212. .title-pagecontact {
  2213. padding: 0;
  2214. margin: 0 0 5px 0;
  2215. display: inline-block;
  2216. }
  2217. .title-pagecontact i {
  2218. margin-right: 7px;
  2219. }
  2220. /* ************************************************************************************************
  2221. HISTORY
  2222. ************************************************************************************************ */
  2223. #order-list td {
  2224. text-align: left;
  2225. }
  2226. #order-list td.history_invoice i {
  2227. font-size: 25px;
  2228. vertical-align: -1px;
  2229. }
  2230. .myaccount ul {
  2231. padding-bottom: 10px;
  2232. }
  2233. .favoriteproducts img {
  2234. width: 16px;
  2235. height: 16px;
  2236. }
  2237. div#block-history {
  2238. padding: 0px;
  2239. }
  2240. div#block-history textarea {
  2241. height: 100px;
  2242. margin-bottom: 20px;
  2243. }
  2244. table#order-list {
  2245. margin-bottom: 0;
  2246. border: none;
  2247. }
  2248. #module-loyalty-default #block-history { overflow:auto;}
  2249.  
  2250. table#order-list td.history_link a {
  2251. font-weight: bold;
  2252. color: #a9a9a9;
  2253. }
  2254. table#order-list td.history_detail .btn {
  2255. display: block;
  2256. }
  2257. table#order-list td.history_detail .btn + a {
  2258. margin-top: 10px;
  2259. }
  2260. table#order-list td.history_detail a.details_link {
  2261. text-transform: capitalize;
  2262. }
  2263. #block-history #block-order-detail table.std td.inputs input.order_qte_input {
  2264. height: 15px;
  2265. padding: 1px;
  2266. float: left;
  2267. }
  2268. #block-history #block-order-detail table.std td.inputs label {
  2269. display: block;
  2270. float: left;
  2271. padding: 2px 0 0 7px;
  2272. font-weight: bold;
  2273. }
  2274. #block-history h3 {
  2275. padding: 17px 0 0 0;
  2276. }
  2277. #block-history #block-order-detail {
  2278. padding: 3px 0 0 0;
  2279. }
  2280. #block-history #block-order-detail h4 {
  2281. overflow: hidden;
  2282. }
  2283. div#order-detail-content table.std th {
  2284. padding: 15px 12px;
  2285. }
  2286. form#sendOrderMessage p.submit {
  2287. padding: 0px 0 0 0;
  2288. }
  2289. #sendOrderMessage {
  2290. margin-bottom: 0;
  2291. }
  2292. #sendOrderMessage label {
  2293. display: block;
  2294. padding-bottom: 6px;
  2295. }
  2296. #sendOrderMessage select {
  2297. width: 300px;
  2298. }
  2299. .info-order strong {
  2300. color: #333
  2301. }
  2302. .addresses #sendOrderMessage label {
  2303. display: block;
  2304. padding-bottom: 4px;
  2305. }
  2306. .addresses .address_delivery label {
  2307. display: block;
  2308. padding-bottom: 4px;
  2309. }
  2310. .addresses .address_delivery, .addresses .addressesAreEquals {
  2311. padding: 20px 0 0 0;
  2312. margin: 0;
  2313. }
  2314. .addresses .address_delivery select {
  2315. width: 416px;
  2316. }
  2317. #conditionsValided + label { display:inline;}
  2318. #module-referralprogram-program .idTabs { display:none;}
  2319. .addresses #address_invoice_form select { width:100%;}
  2320. .addresses .addressesAreEquals input {
  2321. margin: 3px 7px 0 0
  2322. }
  2323. table.discount {
  2324. margin: 17px 0 0 0;
  2325. }
  2326. table.discount td.discount_code {
  2327. font-weight: bold;
  2328. }
  2329. table.discount td.discount_value {
  2330. white-space: nowrap;
  2331. }
  2332. body#discount div.center_column sup {
  2333. vertical-align: top;
  2334. }
  2335. .delivery_options {
  2336. padding-top: 20px;
  2337. }
  2338. .delivery_options_address .delivery_option_radio {
  2339. margin: 0px auto 0px auto;
  2340. }
  2341. .delivery_options_address table td:first-child {
  2342. text-align: left;
  2343. padding-left: 12px;
  2344. }
  2345. .delivery_options_address .delivery_options label { display:block;}
  2346. table.delivery_option_carrier {
  2347. background: #D9EDF7;
  2348. border: 1px solid #BCE8F1;
  2349. }
  2350. table.delivery_option_carrier td {
  2351. border: 1px solid #BCE8F1;
  2352. color: #3A87AD;
  2353. text-transform: none;
  2354. font-size: 12px;
  2355. }
  2356. .order_carrier_content .carrier_title {
  2357. text-align: left;
  2358. margin-bottom: 20px;
  2359. }
  2360. .order_delivery .address.first_item, .addresses #address_delivery {
  2361. padding: 20px;
  2362. border: 1px solid #ccc;
  2363. background: #F8F8F8;
  2364. margin-bottom: 20px;
  2365. }
  2366. .order_delivery .address.alternate_item, .addresses #address_invoice {
  2367. padding: 20px;
  2368. border: 1px solid #ccc;
  2369. background: #F8F8F8;
  2370. margin-bottom: 20px;
  2371. }
  2372. #order-detail-content-table .td-3 {
  2373. text-align: center;
  2374. }
  2375. #order-detail-content-table tbody td:first-child {
  2376. padding-left: 40px;
  2377. }
  2378. .cart_total_price.cart_last_tr .price {
  2379. font-size: 17px;
  2380. color: #03c8f2;
  2381. }
  2382. #order-detail-content-table tfoot tr.item td { display:block !important; border-left:none; border-right:none; border-bottom:none;}
  2383. #order-detail-content-table tfoot tr.item:first-child td { border:none;}
  2384. /* ************************************************************************************************
  2385. MY ACCOUNT
  2386. ************************************************************************************************ */
  2387. body#my-account ul.footer_links li {
  2388. float: none;
  2389. }
  2390. body#my-account div#center_column ul.myaccount_lnk_list {
  2391. padding: 3px 0 0 0;
  2392. list-style: none;
  2393. }
  2394. body#my-account div#center_column ul.myaccount_lnk_list li {
  2395. line-height:18px;
  2396. padding: 12px 0 0 0;
  2397. }
  2398. body#my-account div#center_column ul.myaccount_lnk_list li img {
  2399. margin: 0 5px 0 0;
  2400. display: inline-block;
  2401. width: 16px;
  2402. }
  2403. 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;}
  2404. .account_creation .select span {
  2405. display: block;
  2406. margin-bottom: 7px;
  2407. }
  2408. .account_creation .after-box {
  2409. padding: 20px 0 0 0;
  2410. }
  2411. #account-creation_form #passwd {
  2412. float: left;
  2413. margin-right: 20px;
  2414. }
  2415. #account-creation_form fieldset h2 {
  2416. margin: 10px 0 15px 0;
  2417. }
  2418. #account-creation_form fieldset .checkbox label { display:inline;}
  2419. #account-creation_form fieldset:first-child h2 {
  2420. margin: 0;
  2421. }
  2422. #center_column #account-creation_form .titled_box p {
  2423. margin: 0;
  2424. padding: 0 0 20px 0
  2425. }
  2426. #center_column #account-creation_form .account_creation.customerprivacy p {
  2427. padding: 0;
  2428. float: left;
  2429. }
  2430. #center_column #account-creation_form .titled_box p input[type="checkbox"] {
  2431. margin-right: 10px;
  2432. }
  2433. #account-creation_form p.radio span, #account-creation_form p.select span, #identity p.radio span {
  2434. display: block;
  2435. margin-bottom: 7px;
  2436. padding: 6px 0px;
  2437. text-align: left
  2438. }
  2439. #identity #center_column .std input[type='checkbox'] { margin-right:7px;}
  2440. #identity #center_column .std input[type='checkbox'] + label { display:inline;}
  2441. #account-creation_form p.radio label {
  2442. padding-right: 10px;
  2443. }
  2444. #center_column #account-creation_form p.cart_navigation {
  2445. margin: 0;
  2446. padding: 20px 0 0 0;
  2447. }
  2448. form#account-creation_form p.radio input, #identity p.radio input, #new_account_form p.radio input {
  2449. margin: 2px 5px 0 0;
  2450. float: left;
  2451. }
  2452. form#account-creation_form p.radio label, #identity p.radio label, #new_account_form p.radio label {
  2453. padding: 0px 25px 0 3px;
  2454. float: left;
  2455. display: inline-block;
  2456. }
  2457. form#account-creation_form textarea {
  2458. width: 210px;
  2459. max-width: 563px;
  2460. }
  2461. #identity p.radio {
  2462. padding: 0;
  2463. }
  2464. /* ************************************************************************************************
  2465. Product Comparison
  2466. ************************************************************************************************ */
  2467. .comparison_product_infos {
  2468. padding-top: 10px;
  2469. }
  2470. #product_comparison #availability_label {
  2471. font-weight: bold;
  2472. color: #333;
  2473. }
  2474. #product_comparison #availability_value {
  2475. color: #0C6;
  2476. }
  2477. #product_comparison .comparison_availability_statut {
  2478. padding: 0px;
  2479. margin: 0;
  2480. display: none;
  2481. }
  2482. #product_comparison.breakpoint .comparison_product_infos, #product_comparison.breakpoint .comparison_product_infos .product_link, #product_comparison.breakpoint .comparison_product_infos .row-compare-button {
  2483. text-align: left;
  2484. }
  2485. #product_comparison .product_image_div {
  2486. position: relative;
  2487. margin-bottom: 13px;
  2488. text-align:center;
  2489. }
  2490. #product_comparison .product_image_div a {
  2491. display: block;
  2492. }
  2493. #product_comparison th:first-child, #product_comparison td:first-child {
  2494. text-align: left;
  2495. padding: 5px 10px 5px 10px;
  2496. font-weight: bold;
  2497. }
  2498. #product_comparison .product_image_div a.product_image {
  2499. position: relative;
  2500. display: inline-block;
  2501. }
  2502. #product_comparison td.ajax_block_product { vertical-align:top;}
  2503. #product_comparison .product_image_div a.product_image img { background:none;}
  2504. .shop_table .title_compare {
  2505. font-size: 13px;
  2506. color: #333;
  2507. }
  2508. #product_comparison .comparison_header .price {
  2509. font-size: 32px;
  2510. font-weight: normal;
  2511. }
  2512. #product_comparison .on_sale, #product_comparison .discount {
  2513. width: 54px;
  2514. height: 48px;
  2515. display: block;
  2516. position: absolute;
  2517. left: 0px;
  2518. top: 0px;
  2519. }
  2520. #product_comparison .product_link {
  2521. padding: 0 0 0px 0;
  2522. display:inline-block;
  2523. text-align: center;
  2524. }
  2525. #product_comparison .comparison_product_infos a.cmp_remove {
  2526. position: absolute;
  2527. right: 0px;
  2528. top: 0;
  2529. z-index: 5;
  2530. font-size:25px;
  2531. line-height:25px;
  2532. }
  2533. #product_comparison .comparison_product_infos a.cmp_remove:hover {
  2534. color:#a9a9a9;
  2535. }
  2536. #product_comparison .product_desc {
  2537. margin: 0 0 9px 0;
  2538. min-height:38px;
  2539. }
  2540. #product_comparison .row-compare-button {
  2541. text-align: left;
  2542. padding-top:10px;
  2543. }
  2544. #product_comparison .comparison_product_infos a.button {
  2545. margin-right: 8px;
  2546. margin-bottom: 10px;
  2547. }
  2548. #product_comparison .comparison_product_infos .exclusive {
  2549. margin: 0px 0 10px 0;
  2550. }
  2551. #product_comparison td:first-child {
  2552. background: #F5F5F5;
  2553. color: #888;
  2554. }
  2555. .shop_table td.comparison_feature_even.comparison_infos, .shop_table td.comparison_feature_odd.comparison_infos {
  2556. text-align: center;
  2557. }
  2558. #product_comparison .comparison_feature_odd.comparison_infos.ajax_block_product {
  2559. padding: 10px 20px
  2560. }
  2561. /* ************************************************************************************************
  2562. Identity
  2563. ************************************************************************************************ */
  2564. form.identity p.radio input {
  2565. top: 3px;
  2566. }
  2567. form.identity p.radio label {
  2568. padding: 0 15px 0 3px;
  2569. line-height: 19px;
  2570. display: inline-block;
  2571. }
  2572. form.identity p.required_desc {
  2573. padding: 20px 0 0 157px;
  2574. }
  2575. p#security_informations {
  2576. padding: 20px 0 0 0px;
  2577. font-style: italic;
  2578. margin: 0;
  2579. }
  2580. /* ************************************************************************************************
  2581. Orderopc
  2582. ************************************************************************************************ */
  2583. #orderopc #left_column {
  2584. display: none
  2585. }
  2586. #orderopc #center_column {
  2587. width: 757px
  2588. }
  2589. #orderopc #left_column h2 {
  2590. margin-top: 20px
  2591. }
  2592. #opc_account_choice {
  2593. padding: 0 0px;
  2594. }
  2595. #login_form_content {
  2596. width:90%;
  2597. padding:20px 5%;
  2598. background:#f5f5f5;
  2599. border:1px solid #ccc;
  2600. }
  2601. #opc_account_form input.text, #new_account_form #opc_account_form textarea { width:100%;}
  2602. #opc_account_form input[type='checkbox'] + label { display:inline;}
  2603. #opc_account_choice .opc_float {
  2604. width:90%;
  2605. padding:10px 5%;
  2606. background:#f5f5f5;
  2607. border:1px solid #ccc;
  2608. margin-bottom:15px;
  2609. }
  2610. #opc_account_choice .opc_float ul {
  2611. margin: 0 0 20px 30px
  2612. }
  2613. form#new_account_form {
  2614. padding-top: 10px;
  2615. }
  2616. form#new_account_form h4 {
  2617. margin-bottom: 10px;
  2618. }
  2619. .account_creation.customerprivacy.titled_box label { display:inline;}
  2620. #new_account_form fieldset {
  2621. padding: 0 0 15px 0;
  2622. }
  2623. #center_column #new_account_form p {
  2624. margin: 0;
  2625. padding: 0 0 10px 0;
  2626. }
  2627. #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 {
  2628. display: inline-block;
  2629. padding: 6px 15px;
  2630. width: 230px;
  2631. text-align: right
  2632. }
  2633. #new_account_form p.textarea textarea {
  2634. height: 80px;
  2635. width: 205px;
  2636. }
  2637. #new_account_form span.form_info, #new_account_form span.inline-infos {
  2638. display: block;
  2639. margin: 5px 0 0 0px;
  2640. color: #666
  2641. }
  2642. #order #loyalty {
  2643. margin: 10px 0 12px 0;
  2644. font-size: 13px;
  2645. padding: 20px 0 20px 0;
  2646. border-top: 1px dotted #ccc;
  2647. }
  2648. #order #loyalty img {
  2649. margin-right: 10px;
  2650. }
  2651. .list-radio {
  2652. margin-right: 25px;
  2653. float: left;
  2654. }
  2655. .short_description_pack {
  2656. padding: 10px 0px 0px 0;
  2657. }
  2658. .short_description_pack h3 {
  2659. padding: 5px 0 0 0;
  2660. margin: 0;
  2661. }
  2662. .short_description_pack p {
  2663. padding: 5px 0 0 0;
  2664. }
  2665. .short_description_pack .pack_content {
  2666. padding: 10px 0 0 0;
  2667. }
  2668. .pack_content {
  2669. margin: 5px 0 5px 0;
  2670. }
  2671. #pb-left-column #color_picker p {
  2672. padding-bottom: 5px;
  2673. font-weight: bold;
  2674. }
  2675. span.our_price_display {
  2676. padding-top: 7px;
  2677. font-size: 24px;
  2678. line-height: 18px;
  2679. display: inline-block;
  2680. }
  2681. *:first-child + html .content_prices #add_to_cart .exclusive {
  2682. padding: 4px 3px 4px 11px;
  2683. }
  2684. /* ************************************************************************************************
  2685. FOOTER
  2686. ************************************************************************************************ */
  2687. .footer-bg-mob{
  2688. background:url(../img/footer-bg.png)
  2689.  
  2690. }
  2691. .block.blockcms_footer {}
  2692. footer {margin:30px 0 0 0; }
  2693. footer .modules {
  2694. position: relative;
  2695. padding-bottom: 10px;
  2696. margin: 0;
  2697. }
  2698. footer .block h4 {
  2699. font-size: 18px;
  2700. line-height:24px;
  2701. color: #ff6c08;
  2702. font-weight: 800;
  2703. font-family: 'Open Sans', sans-serif;
  2704. text-transform: uppercase;
  2705. padding: 0 0 3px 0;
  2706. margin: 23px 0 6px 0;
  2707. }
  2708. footer .block h4 i {
  2709. display:none;
  2710. }
  2711. footer .block h4 a {
  2712. color: #1c1c1c;
  2713. font-weight: bold;
  2714. }
  2715. footer .block a {
  2716. color: #7a7a7a;
  2717. }
  2718. footer .block a:hover {
  2719. color: #ff6c08;
  2720. text-shadow: 0 0 #ff6c08;
  2721. }
  2722. footer .block .list-footer li {
  2723. padding: 0px 0 10px 0;
  2724. }
  2725. footer .block .list-footer li i{ display:none;}
  2726. footer .block .list-footer li.referralprogram i, footer .block .list-footer li.loyalty i { display:none;}
  2727. footer .block .list-footer li a {
  2728. font-size: 14px;
  2729. font-weight:400;
  2730. color: #FFFFFF;
  2731. text-shadow: 0 0 #FFFF00;
  2732. font-family: 'Open Sans', sans-serif;
  2733. text-transform:none;
  2734. padding:0 0 0 23px;
  2735. word-wrap:break-word;
  2736. background:url(../img/f-marker.png) no-repeat 0 2px;
  2737. }
  2738. footer .block .list-footer li a:hover{
  2739. color:#ff6c08;
  2740. text-shadow:0 0 #ff6c08;
  2741. }
  2742. footer .block .list-footer li img {
  2743. display: none;
  2744. }
  2745. footer .footer-text {
  2746. padding: 0px 0 0 0;
  2747. }
  2748. .bottom_footer {
  2749. position: absolute;
  2750. bottom: 22px;
  2751. left: 0px;
  2752. font-size: 14px;
  2753. border-top: 1px solid #d6d6d6;
  2754. width: 100%;
  2755. padding-top: 27px;
  2756. font-weight:400;
  2757. color:#272727;
  2758. text-shadow:0 0 #272727;
  2759. font-family: 'Open Sans', sans-serif;
  2760. }
  2761. .bottom_footer a {
  2762. color: #ff6c08;
  2763. text-shadow:0 0 #ff6c08;
  2764. }
  2765. .bottom_footer a:hover {
  2766. color: #272727;
  2767. text-shadow:0 0 #272727;
  2768. }
  2769. .block.block_category_footer {
  2770. margin-left:0;
  2771. }
  2772. .block.block_category_footer ul ul {
  2773. margin-left: 20px;
  2774. display:none !important;
  2775. }
  2776. /*blocksocial */
  2777. .blocksocial li a {
  2778. display: inline-block;
  2779. font-size: 14px;
  2780. font-weight:400;
  2781. color: #FFFFFF;
  2782. text-shadow: 0 0 #FFFF00;
  2783. font-family: 'Open Sans', sans-serif;
  2784. text-transform:none;
  2785. padding:0 0 0 23px;
  2786. }
  2787. .blocksocial li {
  2788. vertical-align: middle;
  2789. padding-top: 1px;
  2790. margin-left:-1px;
  2791. margin-bottom:8px;
  2792. }
  2793. .blocksocial li.facebook a {
  2794. background: url(../img/sprite_pict_social_block.png) no-repeat 0 0px;
  2795. padding: 0px 0 0px 25px;
  2796. height: 20px;
  2797. }
  2798. .blocksocial li.twitter{ margin-bottom:9px;}
  2799. .blocksocial li.twitter a {
  2800. background: url(../img/sprite_pict_social_block.png) no-repeat 0 -29px;
  2801. padding: 0px 0 0px 25px;
  2802. height: 20px;
  2803. }
  2804. .blocksocial li.rss a {
  2805. background: url(../img/sprite_pict_social_block.png) no-repeat 0 -60px;
  2806. padding: 0px 0 0px 25px;
  2807. height: 20px;
  2808. }
  2809. #paiement_logo_block_left {
  2810. margin:15px 0 0 30px;
  2811. float:left;
  2812. }
  2813. /* ************************************************************************************************
  2814. PAIMENT - PAGE ORDER
  2815. ************************************************************************************************ */
  2816. #order .p-cart {
  2817. font-size: 13px;
  2818. text-transform: uppercase;
  2819. color: #535353;
  2820. padding-bottom: 15px;
  2821. border-bottom: 1px solid #e5e5e5;
  2822. }
  2823. .ordercart-title {
  2824. font-weight: bold;
  2825. color: #333;
  2826. margin: 0;
  2827. padding: 6px 0 14px 0;
  2828. }
  2829. .ordercart-title #summary_products_quantity {}
  2830. #order_steps {
  2831. overflow: hidden;
  2832. margin: 20px 0 10px 0px;
  2833. }
  2834. #order_steps li.even:first-child {
  2835. background: #9c9c9c;
  2836. }
  2837. #order_steps li.even.step_current:first-child {
  2838. background: #202020;
  2839. }
  2840. #order_steps li.even {
  2841. background: url(../img/marker-order.png) 0px 29px no-repeat #9c9c9c;
  2842. }
  2843. #order_steps li.odd {
  2844. background: url(../img/marker-order.png) 0px 29px no-repeat #777777;
  2845. }
  2846. #order_steps li {
  2847. width: 20%;
  2848. float: left;
  2849. text-align: center;
  2850. }
  2851. #order_steps li span {
  2852. display: block;
  2853. padding: 5px 0 5px 0px;
  2854. }
  2855. #order_steps li span {
  2856. color: #fff;
  2857. font-weight: bold;
  2858. }
  2859. #order_steps li span span {
  2860. color: #fff;
  2861. font-weight: bold;
  2862. font-size: 27px;
  2863. line-height: 27px;
  2864. }
  2865. #order_steps li.step_current {
  2866. background-color: #202020;
  2867. }
  2868. #order_steps li a {
  2869. font-weight: bold;
  2870. color: #ccc;
  2871. text-decoration: none;
  2872. }
  2873. #order_steps li a:hover {
  2874. color: #fff;
  2875. }
  2876. /* step 1 - cart ******************************************************************************* */
  2877. #cart_summary {
  2878. background: none;
  2879. border: none;
  2880. margin-bottom: 0;
  2881. }
  2882. #order #HOOK_SHOPPING_CART {
  2883. padding-bottom: 0px;
  2884. margin-bottom: 10px;
  2885. }
  2886. table#cart_summary h5 {
  2887. padding-bottom: 10px;
  2888. margin-top: -4px;
  2889. display: block;
  2890. }
  2891. table#cart_summary .cart-atr {
  2892. padding-bottom: 5px;
  2893. display: inline-block;
  2894. }
  2895. #order-detail-content .title-th {
  2896. float: left;
  2897. padding-right: 10px;
  2898. display: inline-block;
  2899. font-weight: bold;
  2900. color: #333
  2901. }
  2902. table#cart_summary tr {
  2903. border-width: 0px 0px 1px 0px;
  2904. border-style: dotted;
  2905. border-color: #ccc
  2906. }
  2907. table#cart_summary tr.cart_last_tr {
  2908. border: none;
  2909. }
  2910. #seperated_packag {
  2911. padding: 0;
  2912. }
  2913. #seperated_packag input {
  2914. margin: -3px 10px 0 0;
  2915. }
  2916. table#cart_summary .insset-bottom {
  2917. padding-bottom: 16px;
  2918. padding-top: 0px;
  2919. }
  2920. .cart_quantity_title {
  2921. padding: 3px 10px 0 0;
  2922. }
  2923. table#cart_summary tbody tr {
  2924. border-top: 1px dotted #ccc;
  2925. }
  2926. table#cart_summary td {
  2927. padding: 20px 0 20px 0;
  2928. border: none;
  2929. vertical-align: top;
  2930. }
  2931. table#cart_summary .customization {
  2932. border-color: #ccc
  2933. }
  2934. table#cart_summary td.cart_product {
  2935. width: 162px;
  2936. }
  2937. table#cart_summary tr ul {
  2938. list-style: none;
  2939. }
  2940. table#cart_summary .customizationUploaded {
  2941. margin-bottom: 10px;
  2942. }
  2943. table#cart_summary .cart_quantity .cart_quantity_down {
  2944. float: left;
  2945. }
  2946. table#cart_summary .cart_discount_name {
  2947. color: #333;
  2948. text-transform: uppercase;
  2949. vertical-align: middle;
  2950. }
  2951. table#cart_summary .cart_discount {
  2952. border-width: 1px 0 1px 0;
  2953. border-style: solid;
  2954. }
  2955. table#cart_summary .cart_discount_price .div_cart_quantity_delete {
  2956. float: none;
  2957. margin-left: 7px;
  2958. display: inline-block;
  2959. }
  2960. table#cart_summary .cart_discount_price .div_cart_quantity_delete a i {
  2961. font-size:16px;
  2962. line-height:16px;
  2963. }
  2964. table#cart_summary .div_cart_quantity_delete {
  2965. float: left;
  2966. }
  2967. table#cart_summary .div_cart_quantity_delete a {
  2968. display:inline-block;
  2969. margin: 5px 0 0 10px
  2970. }
  2971. table#cart_summary .div_cart_quantity_delete a i {
  2972. font-size:25px;
  2973. line-height:25x;
  2974. width:auto;
  2975. }
  2976. table#cart_summary .div_cart_quantity_delete a:hover {
  2977. background-position: -76px -24px;
  2978. }
  2979. table#cart_summary .customization .cart_quantity {
  2980. padding: 20px 0px 20px 0;
  2981. border: none;
  2982. margin-bottom: 0;
  2983. }
  2984. table#cart_summary .cart_quantity .cart_quantity_input {
  2985. float: left;
  2986. border-left: none;
  2987. border-right: none;
  2988. display: inline-block;
  2989. height: 24px;
  2990. text-align: center;
  2991. width: 40px;
  2992. margin: 0;
  2993. }
  2994. table#cart_summary .cart_quantity .cart_quantity_button {
  2995. float: left;
  2996. }
  2997. table#cart_summary a.price_discount_delete {
  2998. margin-top: 3px
  2999. }
  3000. table#cart_summary .cart_total_price .total_price_container {
  3001. border-right: none;
  3002. }
  3003. table#cart_summary .cart_total_price td.cart_voucher {
  3004. vertical-align: middle
  3005. }
  3006. table#cart_summary #total_price_container {
  3007. vertical-align: middle;
  3008. }
  3009. #cart_summary tfoot {
  3010. font-weight: bold
  3011. }
  3012. #cart_summary .cart_last_tr #total_price {
  3013. font-size: 22px;
  3014. font-weight: normal;
  3015. }
  3016. table#cart_summary tfoot td {
  3017. padding: 16px 0 14px 0;
  3018. border: none;
  3019. text-align: left;
  3020. }
  3021. table#cart_summary tfoot td + td {
  3022. text-align: right;
  3023. }
  3024. #total_price_container {
  3025. vertical-align: middle;
  3026. }
  3027. #cart_summary .price {
  3028. border: none;
  3029. white-space: nowrap;
  3030. }
  3031. .total_price_container p {
  3032. text-align: left
  3033. }
  3034. table#cart_summary .cart_total_price .total_price_container {
  3035. padding: 0;
  3036. }
  3037. .cart_total_price .total_price_container p {
  3038. display: block;
  3039. padding: 8px;
  3040. }
  3041. .cart_total_price .total_price_container span {
  3042. display: block;
  3043. padding: 15px;
  3044. font-weight: bold;
  3045. font-size: 18px;
  3046. text-align: center
  3047. }
  3048. table#cart_summary .gift-icon {
  3049. color: white;
  3050. background: #0088CC;
  3051. line-height: 20px;
  3052. padding: 2px 5px;
  3053. border-radius: 5px;
  3054. }
  3055. table#cart_summary .min-with-td {
  3056. display: inline-block;
  3057. font-weight: normal;
  3058. min-width: 50px;
  3059. }
  3060. table#cart_summary #cart_quantity_button .cart_quantity_down {
  3061. background: url(../img/quantity_down_mob.png) 0 0px no-repeat;
  3062. height: 43px;
  3063. width: 45px;
  3064. }
  3065. table#cart_summary #cart_quantity_button .cart_quantity_up {
  3066. background: url(../img/quantity_up_mob.png) 0 0px no-repeat;
  3067. height: 43px;
  3068. width: 45px;
  3069. float: left;
  3070. }
  3071. table#cart_summary #cart_quantity_button .cart_quantity_up img, table#cart_summary #cart_quantity_button .cart_quantity_down img {
  3072. display: none;
  3073. }
  3074. .address-form-multishipping {
  3075. width:94%;
  3076. padding:15px 3%;
  3077. background:#f5f5f5;
  3078. border:1px solid #ccc;
  3079. margin-bottom:20px;
  3080. }
  3081. table#cart_summary #cart_quantity_button span {
  3082. line-height: 43px;
  3083. }
  3084. table#cart_summary .cart_quantity .cart_quantity_input {
  3085. height: 43px;
  3086. }
  3087. .cart_quantity_title {
  3088. padding: 11px 10px 0 0;
  3089. }
  3090. table#cart_summary .div_cart_quantity_delete a {
  3091. margin-top:7px;
  3092. margin-left: 20px;
  3093. }
  3094. table#cart_summary .cart_discount_price .div_cart_quantity_delete a {
  3095. margin-top: 0px;
  3096. }
  3097. #HOOK_SHOPPING_CART .page_product_box h3 i { display:none;}
  3098. /*cart_voucher******************************************************************************* */
  3099. form#voucher fieldset {
  3100. padding: 25px 0px 0px 0px;
  3101. border-top: 2px solid #3a3a3a;
  3102. }
  3103. form#voucher fieldset h4 {
  3104. padding: 6px 10px 0 0;
  3105. margin: 0;
  3106. float: left;
  3107. }
  3108. form#voucher fieldset p {
  3109. float: left;
  3110. margin: 0;
  3111. padding: 0px 0px 0 0;
  3112. }
  3113. form#voucher fieldset p.submit {
  3114. padding: 0px 0 0 0;
  3115. }
  3116. form#voucher fieldset p label {
  3117. float: left;
  3118. text-align: right;
  3119. padding: 2px 7px 0 0;
  3120. }
  3121. form#voucher fieldset p input.discount_name {
  3122. width: 330px;
  3123. margin-bottom: 0;
  3124. height:32px;
  3125. line-height:32px;
  3126. }
  3127. #cart_voucher {
  3128. padding-top: 9px;
  3129. }
  3130. #cart_voucher .btn.btn-inverse {
  3131. padding-top: 7px;
  3132. padding-bottom: 7px;
  3133. line-height: 1.25em;
  3134. }
  3135. #seperated_packag label { display:inline;}
  3136. form#voucher fieldset div#display_cart_vouchers h4 {
  3137. margin: 10px 0 0 0;
  3138. padding: 10px 0 0 0;
  3139. border-top: 1px solid #eee;
  3140. }
  3141. form#voucher fieldset div#display_cart_vouchers div {
  3142. padding: 4px 0 0 0;
  3143. }
  3144. form#voucher fieldset div#display_cart_vouchers span.voucher_name {
  3145. font-weight: bold;
  3146. text-decoration: underline;
  3147. cursor: pointer;
  3148. }
  3149. form#voucher fieldset div#display_cart_vouchers span.voucher_name:hover {
  3150. text-decoration: none;
  3151. }
  3152. #order_carrier {
  3153. clear: both;
  3154. margin-top: 20px;
  3155. border: 1px solid #999;
  3156. }
  3157. #carrier_area .checkbox {
  3158. margin: 0;
  3159. padding: 12px 0 0 0
  3160. }
  3161. #carrier_area .checkbox input {
  3162. margin: 3px 7px 0 0;
  3163. }
  3164. #carrier_area .checkbox label {
  3165. display: inline;
  3166. }
  3167. #order_carrier h4 {
  3168. padding: 0 15px;
  3169. }
  3170. #order_carrier span {
  3171. display: block;
  3172. padding: 15px;
  3173. font-weight: bold
  3174. }
  3175. .order_delivery {
  3176. padding-top: 7px;
  3177. padding-bottom: 20px;
  3178. }
  3179. #order .order_delivery.row { margin:0;}
  3180. .order_delivery .first_item {
  3181. margin-bottom:10px;
  3182. }
  3183. .address_select {
  3184. width: 100px;
  3185. }
  3186. .multishipping_close_container {
  3187. text-align: center;
  3188. padding-top: 10px;
  3189. }
  3190. /* ————— carriercompare.tpl ————— */
  3191. #compare_shipping_form p {
  3192. margin: 0;
  3193. }
  3194. #compare_shipping #availableCarriers {
  3195. }
  3196. #compare_shipping ul#carriercompare_errors_list li {
  3197. background: url("../img/warning.png") no-repeat 20px center #FDE4E1;
  3198. border: 1px solid #EBBCB5;
  3199. color: #DF0505;
  3200. font-size: 12px;
  3201. font-weight: bold;
  3202. padding-left: 70px;
  3203. margin-left: 0!important;
  3204. margin-bottom: 10px;
  3205. }
  3206. #compare_shipping_form p label {
  3207. padding: 5px 7px 5px 0;
  3208. display: block;
  3209. }
  3210. #compare_shipping_form p select {
  3211. margin-bottom: 10px;
  3212. width: 395px;
  3213. }
  3214. #compare_shipping_form p input {
  3215. margin-bottom: 2px;
  3216. width: 394px;
  3217. margin-right: 10px;
  3218. }
  3219. #compare_shipping_form {
  3220. padding: 16px 0px 0px 0px;
  3221. border-top: 2px solid #3a3a3a;
  3222. margin-top: 20px;
  3223. margin-bottom: 10px;
  3224. }
  3225. #compare_shipping_form #compare_shipping {
  3226. padding: 0;
  3227. }
  3228. #compare_shipping_form #compare_shipping h3 {
  3229. padding-top: 0;
  3230. border-bottom: 3px solid #000;
  3231. text-transform: uppercase;
  3232. color: #333;
  3233. font-weight: bold;
  3234. padding-bottom: 4px;
  3235. font-size: 17px;
  3236. }
  3237. #compare_shipping_form #compare_shipping p {
  3238. padding: 0;
  3239. }
  3240. #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard {
  3241. padding-top: 20px;
  3242. }
  3243. #compare_shipping_form #compare_shipping .SE_SubmitRefreshCard input {
  3244. width: auto;
  3245. margin-bottom: 0;
  3246. margin-right: 16px;
  3247. }
  3248. /* nav bottom ********************************************************************************** */
  3249. .cart_navigation {
  3250. margin: 20px 0
  3251. }
  3252. .cart_navigation .exclusive, .cart_navigation .exclusive_large {
  3253. float: right
  3254. }
  3255. /* order carrier */
  3256. div#order_carrier {
  3257. margin: 20px 0 0 0;
  3258. padding: 10px;
  3259. border-width: 1px;
  3260. border-style: solid;
  3261. }
  3262. div#order_carrier h4 {
  3263. float: left;
  3264. padding: 0 10px;
  3265. }
  3266. /* cart navigation */
  3267. #order p.cart_navigation.inner-top {
  3268. border-top: 1px dotted #ccc;
  3269. }
  3270. p.cart_navigation {
  3271. clear: both;
  3272. margin: 0;
  3273. padding: 25px 0 0px 0;
  3274. }
  3275. p.cart_navigation .button, p.cart_navigation .button_large {float: left;}
  3276. p.cart_navigation .button:hover, p.cart_navigation .button_large:hover {}
  3277. p.cart_navigation .exclusive, p.cart_navigation .exclusive_large {}
  3278. p.cart_navigation .exclusive:hover, p.cart_navigation .exclusive_large:hover {}
  3279. #compare_shipping_form #availableCarriers {
  3280. padding: 15px 0 0 0;
  3281. margin: 0!important;
  3282. }
  3283. #compare_shipping_form #noCarrier {
  3284. margin: 12px 0 0;
  3285. padding: 10px 13px;
  3286. text-align: center;
  3287. }
  3288. #availableCarriers_table {
  3289. width: 100%;
  3290. text-align: center;
  3291. }
  3292. #availableCarriers_table th {
  3293. text-align: center;
  3294. border: 1px solid #CCC;
  3295. }
  3296. #carriercompare_errors_list li {
  3297. margin: 0;
  3298. padding: 10px 0 10px 0;
  3299. }
  3300. #availableCarriers_table td.radio {
  3301. padding: 0 5px 0 5px;
  3302. text-align: center;
  3303. border: none;
  3304. }
  3305. #availableCarriers_table td input {
  3306. float: none;
  3307. margin-top: 15px;
  3308. }
  3309. /**********************************************************************************************
  3310. LOGIN PAGE
  3311. ***********************************************************************************************/
  3312. #create-account_form .text input, #create-account_form .password input, #login_form .text input, #login_form .password input {
  3313. width: 100%;
  3314. margin-bottom: 0px;
  3315. }
  3316. #authentication #create-account_form .title_block {
  3317. text-transform: none;
  3318. font-size: 13px;
  3319. font-weight: bold;
  3320. color: #7a7a7a;
  3321. }
  3322. #authentication #create-account_form .title_block, #authentication #login_form .title_block {
  3323. margin: 0;
  3324. padding: 13px 0 0 0;
  3325. }
  3326. #authentication #create-account_form p.text, #authentication #login_form p.text {
  3327. padding: 14px 0 0 0;
  3328. }
  3329. #authentication #login_form p.submit {
  3330. padding: 15px 0 0 0;
  3331. clear:both;
  3332. }
  3333. #authentication #create-account_form p.submit {
  3334. padding: 20px 0 0 0;
  3335. }
  3336. #authentication #create-account_form label, #authentication #login_form label {
  3337. display: block;
  3338. clear: both;
  3339. text-align: left;
  3340. padding: 0 0 5px 0;
  3341. }
  3342. #authentication #login_form p.lost_password {
  3343. padding: 15px 0 0 0;
  3344. margin-bottom:0;
  3345. }
  3346. #opc_account_form .shop_box {
  3347. padding: 10px 0 10px 0;
  3348. }
  3349. .cart_total {
  3350. text-align: right;
  3351. }
  3352. /* ————— password.tpl ————— */
  3353. .forgot_password #restore_password label {
  3354. width: 170px;
  3355. }
  3356. .forgot_password p.submit {
  3357. padding-left: 177px;
  3358. }
  3359. #password #center_column h1 + p {
  3360. margin: 3px 0 17px 0;
  3361. }
  3362. #password #center_column p.text input {
  3363. margin: 0;
  3364. }
  3365. /* step 3 - address ************************************************************************** */
  3366. div.order_address p.select label {
  3367. float: left;
  3368. text-align: right;
  3369. padding: 2px 7px 0 0;
  3370. }
  3371. div.order_address p#address_invoice_form a.button_large {
  3372. margin: 0 auto;
  3373. }
  3374. div.order_address p.address_add {
  3375. padding: 20px 0 0 0;
  3376. margin: 0;
  3377. }
  3378. div.order_address #ordermsg p {
  3379. margin: 0;
  3380. }
  3381. div.order_address #ordermsg textarea {
  3382. height: 100px;
  3383. }
  3384. #multishipping_mode_box h2 {
  3385. text-align: center;
  3386. margin-bottom: 12px;
  3387. }
  3388. #multishipping_mode_box .btn {
  3389. color: #333;
  3390. }
  3391. #multishipping_mode_box h2 span {
  3392. padding-left: 10px;
  3393. padding-right: 10px;
  3394. }
  3395. #multishipping_mode_checkbox {
  3396. vertical-align: top;
  3397. margin-right: 5px;
  3398. }
  3399. #multishipping_mode_box.on {}
  3400. #multishipping_mode_box .title {
  3401. padding: 5px;
  3402. font-weight: bold;
  3403. color: #333
  3404. }
  3405. #multishipping_mode_box .description, #multishipping_mode_box .description_off {
  3406. }
  3407. #multishipping_mode_box .description .button {
  3408. margin: 0 auto;
  3409. display: inline-block;
  3410. }
  3411. #multishipping_mode_box .description_off {
  3412. display: none;
  3413. padding: 5px;
  3414. }
  3415. #multishipping_mode_box .description_off div {
  3416. margin-bottom: 10px;
  3417. }
  3418. #multishipping_mode_box.on .description_off {
  3419. display: block;
  3420. }
  3421. table.multishipping-cart td {
  3422. padding: 12px!important;
  3423. }
  3424. table.multishipping-cart th {
  3425. border-width: 0 0 1px 0;
  3426. }
  3427. .multishipping-cart .cart_quantity .cart_quantity_input {
  3428. float: left;
  3429. margin: 0;
  3430. height: 22px;
  3431. line-height: 22px;
  3432. border-left: 0;
  3433. border-right: 0;
  3434. text-align: center;
  3435. }
  3436. .multishipping-cart .cart_quantity a {
  3437. float: left;
  3438. }
  3439. .multishipping-cart .cart_quantity {
  3440. width: 140px;
  3441. }
  3442. #order-detail-content #cart_summary.multishipping-cart {
  3443. border: 1px solid #ccc;
  3444. margin-bottom: 20px;
  3445. }
  3446. #order-detail-content #cart_summary.multishipping-cart td.cart_product {
  3447. width: auto;
  3448. }
  3449. #order-detail-content {
  3450. padding-top: 0;
  3451. }
  3452. #order-detail-content #cart_summary.multishipping-cart td {
  3453. border: 1px solid #ccc
  3454. }
  3455. /* step 4 - paiement ************************************************************************** */
  3456. table#carrierTable {
  3457. margin: 17px 0 0 0;
  3458. }
  3459. table#carrierTable tr td.radio input {
  3460. background: none;
  3461. border: none;
  3462. position: relative;
  3463. top: 1px;
  3464. left: 0;
  3465. }
  3466. p#gift_div {
  3467. display: none;
  3468. clear: both;
  3469. margin: 0;
  3470. }
  3471. p#gift_div label {
  3472. display: block;
  3473. }
  3474. p#gift_div textarea {
  3475. height: 100px;
  3476. margin: 12px 0 10px 0;
  3477. }
  3478. /* step 5 - paiement ************************************************************************** */
  3479. p.payment_module {
  3480. display: block;
  3481. padding: 20px 0 0px 0;
  3482. margin: 0;
  3483. }
  3484. .payment_module img {
  3485. vertical-align: middle;
  3486. margin: 0 10px 0 0;
  3487. float: left;
  3488. }
  3489. .payment_module a {
  3490. display: block;
  3491. background: #fafafa;
  3492. border: 1px solid #ccc;
  3493. padding: 15px;
  3494. color: #333;
  3495. text-decoration: none;
  3496. text-align: left;
  3497. overflow: hidden;
  3498. font-weight: bold;
  3499. }
  3500. .payment_module a:hover, .payment_module a:focus, .payment_module a:active {
  3501. background: #fefefe;
  3502. border: 1px solid #000;
  3503. color: #000;
  3504. }
  3505. /* ************************************************************************************************
  3506. PAGE ORDER-OPC
  3507. ************************************************************************************************ */
  3508. div#order-opc h2.bordercolor {
  3509. margin: 20px 0 0 0;
  3510. padding: 17px 0 0 0;
  3511. border-width: 1px 0 0 0;
  3512. border-style: solid;
  3513. }
  3514. div#order-opc table#carrierTable {
  3515. margin: 17px 0 0 0;
  3516. }
  3517. div#order-opc textarea#message {
  3518. height: 100px;
  3519. }
  3520. /* ************************************************************************************************
  3521. express checkout
  3522. ************************************************************************************************ */
  3523. #new_account_form {
  3524. clear: both;
  3525. margin-bottom: 20px
  3526. }
  3527. #new_account_form h3 {
  3528. margin-bottom: 20px;
  3529. }
  3530. #center_column #new_account_form p {
  3531. margin: 0;
  3532. padding: 0 0 10px 0
  3533. }
  3534. #center_column #new_account_form p input {
  3535. margin-right: 10px;
  3536. }
  3537. #new_account_form p.required {
  3538. color: #222
  3539. }
  3540. #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 {
  3541. display: block;
  3542. padding: 6px 0px 6px 0;
  3543. font-size: 12px;
  3544. text-align: left
  3545. }
  3546. #new_account_form #submitGuestAccount {
  3547. float: right
  3548. }
  3549. /* ************************************************************************************************
  3550. paiment - CONFIRMATION
  3551. ************************************************************************************************ */
  3552. #orderconfirmation #left_column {
  3553. display: none
  3554. }
  3555. #orderconfirmation #center_column {
  3556. width: 757px
  3557. }
  3558. .orderconfirmation {
  3559. border: 1px solid #ccc;
  3560. padding: 20px;
  3561. margin: 30px 0 0 0;
  3562. background: #f8f8f8
  3563. }
  3564. .orderconfirmation a {
  3565. color: #0C0;
  3566. }
  3567. .orderconfirmation a:hover {
  3568. color: #333;
  3569. }
  3570. /* ************************************************************************************************
  3571. PAGE ADRESSES
  3572. ************************************************************************************************ */
  3573. .bloc_adresses .address {
  3574. background:#f8f8f8;
  3575. border:1px solid #cccccc;
  3576. box-sizing:border-box;
  3577. -moz-box-sizing:border-box;
  3578. -webkit-box-sizing:border-box;
  3579. -ms-box-sizing:border-box;
  3580. padding:20px;
  3581. margin-bottom:20px;
  3582. overflow:hidden;
  3583. }
  3584. .order_delivery .address.alternate_item, ul#address_invoice {
  3585. margin: 0px 0 0 0;
  3586. padding: 0 0 17px 0;
  3587. float: left;
  3588. width: 43%
  3589. }
  3590. .order_delivery .address.alternate_item { padding:20px;}
  3591. .order_delivery .address.first_item, ul#address_delivery {
  3592. float: left;
  3593. margin-right: 30px;
  3594. width: 43%
  3595. }
  3596. .addresses .address_add.submit {
  3597. padding: 0;
  3598. margin: 0px 0 20px 0
  3599. }
  3600. ul.address li {
  3601. margin: 0px 0px 0 0px;
  3602. }
  3603. ul.address li {
  3604. line-height: 25px;
  3605. color: #333;
  3606. }
  3607. ul.address li.address_delete, ul.address li.address_update {
  3608. float: left;
  3609. }
  3610. ul.address li .btn {
  3611. color: #fff;
  3612. margin-top: 10px;
  3613. }
  3614. ul.address li.address_title {
  3615. margin: 0px 0px 8px 0px;
  3616. color: #a9a9a9;
  3617. font-size: 13px;
  3618. text-transform: uppercase;
  3619. font-weight: bold;
  3620. }
  3621. ul.address li.address_title h3 {
  3622. margin: 0;
  3623. }
  3624. ul.address li.address_update {
  3625. margin-right: 10px;
  3626. }
  3627. .addresses #id_address_delivery {
  3628. width: 417px;
  3629. }
  3630. /* ************************************************************************************************
  3631. PAGE DISCOUNT
  3632. ************************************************************************************************ */
  3633. table.discount {
  3634. margin: 17px 0 0 0;
  3635. font-family:Arial, Helvetica, sans-serif;
  3636. }
  3637. table.discount td.discount_code {
  3638. font-weight: bold;
  3639. }
  3640. table.discount td.discount_value {
  3641. white-space: nowrap;
  3642. }
  3643. body#discount div.center_column sup {
  3644. vertical-align: top;
  3645. }
  3646. /* ************************************************************************************************
  3647. PAGE ORDER FOLLOW
  3648. ************************************************************************************************ */
  3649. #order-follow #left_column {
  3650. display: none
  3651. }
  3652. /* ************************************************************************************************
  3653. PAGE NEW-PRODUCTS
  3654. ************************************************************************************************ */
  3655. #newproducts .sortPagiBar {
  3656. margin-bottom: 20px
  3657. }
  3658. /* ************************************************************************************************
  3659. PAGE BEST SALES
  3660. ************************************************************************************************ */
  3661. #bestsales .sortPagiBar {
  3662. margin-bottom: 20px
  3663. }
  3664. /* ************************************************************************************************
  3665. PAGE PRICES DROP SALES
  3666. ************************************************************************************************ */
  3667. #pricesdrop .sortPagiBar {
  3668. margin-bottom: 20px
  3669. }
  3670. /* ************************************************************************************************
  3671. PAGE MANUFACTURER
  3672. ************************************************************************************************ */
  3673. .mnf_sup_list {
  3674. margin: 0px 0 0 0;
  3675. padding: 0px;
  3676. list-style-type: none;
  3677. }
  3678. .title_manuf {
  3679. padding: 14px 0 24px 0;
  3680. margin: 0;
  3681. width: 100%;
  3682. overflow: hidden;
  3683. display: block;
  3684. text-align: right;
  3685. }
  3686. .mnf_sup_list li {
  3687. padding: 0px 0px 20px 0px;
  3688. margin-bottom: 20px;
  3689. }
  3690. .mnf_sup_list li.last_item {border-bottom:none; margin-bottom:0; padding-bottom:0;}
  3691. .mnf_sup_list li .logo {
  3692. display: block;
  3693. float: left;
  3694. }
  3695. .mnf_sup_list li .logo a {
  3696. display: block;
  3697. }
  3698. .mnf_sup_list li .logo img {
  3699. vertical-align: middle;
  3700. margin-top: 24px;
  3701. }
  3702. .mnf_sup_list li .left_side {
  3703. width: 490px;
  3704. float: left;
  3705. padding: 0 20px 0 20px;
  3706. min-height:242px;
  3707. border-right: 1px solid #cccccc;
  3708. }
  3709. .mnf_sup_list li .left_side div {
  3710. padding: 7px 0 0 0;
  3711. display: inline-block;
  3712. }
  3713. .mnf_sup_list li .left_side div p {
  3714. padding: 0;
  3715. margin: 0;
  3716. }
  3717. .mnf_sup_list li .left_side h3 {
  3718. padding: 0px 0 0 0;
  3719. color: #7a7a7a;
  3720. text-transform: uppercase;
  3721. font-size: 13px;
  3722. margin: -4px 0 5px 0;
  3723. display: inline-block;
  3724. }
  3725. .mnf_sup_list li .right_side {
  3726. width: 170px;
  3727. float: right;
  3728. position: relative;
  3729. padding-left: 20px;
  3730. }
  3731. .mnf_sup_list li .right_side p {
  3732. padding: 10px 0 0 0;
  3733. margin: 0;
  3734. }
  3735. .mnf_sup_list li .right_side p span {
  3736. }
  3737. .mnf_sup_list li .right_side p a {
  3738. text-decoration: none;
  3739. }
  3740. .mnf_sup_list li .right_side a.button {
  3741. margin: 12px 0 0 0;
  3742. }
  3743. .mnf_sup_list li .des-small {
  3744. display: none;
  3745. }
  3746. .mnf_sup_list li .left_side h3 {
  3747. margin-top: 10px;
  3748. }
  3749. .mnf_sup_list li .left_side h3 a {
  3750. display: block;
  3751. margin-top: -4px;
  3752. }
  3753. /* ************************************************************************************************
  3754. PAGE SEARCH
  3755. ************************************************************************************************ */
  3756. #search h3.nbresult {
  3757. margin: 10px 0 10px 0;
  3758. padding: 10px;
  3759. border: 1px solid #e6db55;
  3760. font-size: 13px;
  3761. background: #ffffe0
  3762. }
  3763. /* ************************************************************************************************
  3764. PAGE 404
  3765. ************************************************************************************************ */
  3766. p.error404 {
  3767. border: 2px solid #dd0000;
  3768. background: #f5f5f5;
  3769. margin: 20px 0 0 0;
  3770. padding: 10px;
  3771. line-height: 32px;
  3772. }
  3773. p.error404 img {
  3774. margin: 0 10px 0 0;
  3775. }
  3776. /* ************************************************************************************************
  3777. addons payment cheque
  3778. ************************************************************************************************ */
  3779. #module-cheque-payment #columns h1 {
  3780. text-align: left;
  3781. margin: 0 0 14px 0;
  3782. }
  3783. #module-cheque-payment #columns h2 {
  3784. margin-bottom: 20px;
  3785. }
  3786. #module-cheque-payment #columns .box-payment-style p {
  3787. margin: 0;
  3788. padding: 0;
  3789. }
  3790. #module-cheque-payment #columns .cart_navigation a, #module-cheque-payment #columns .cart_navigation input {
  3791. margin-top: 20px;
  3792. }
  3793. #module-cheque-payment #columns form img {
  3794. float: left;
  3795. margin: 0 20px 2px 0;
  3796. }
  3797. #module-bankwire-payment form img {
  3798. }
  3799. #module-cheque-payment #columns form {
  3800. font-size: 13px;
  3801. }
  3802. #module-bankwire-payment #columns form {
  3803. margin-top: 15px;
  3804. font-size: 13px;
  3805. }
  3806. #module-cheque-payment form select, #module-bankwire-payment form select {
  3807. margin: 20px 0 20px 0;
  3808. }
  3809. .box-payment-style {
  3810. padding: 20px;
  3811. border: 1px solid #ccc;
  3812. color: #333;
  3813. font-size: 13px;
  3814. background: #F8F8F8;
  3815. margin-bottom:10px;
  3816. }
  3817. .box-payment-style ul li {
  3818. margin-bottom: 5px;
  3819. }
  3820. .box-payment-style ul {
  3821. padding-top: 7px;
  3822. }
  3823. /* ************************************************************************************************
  3824. addons payment bankwire
  3825. ************************************************************************************************ */
  3826. #module-gcheckout-payment aside, #module-payment-submit aside, #module-payment-submit aside {
  3827. display: none
  3828. }
  3829. /* ************************************************************************************************
  3830. addon RerversoForm
  3831. ************************************************************************************************ */
  3832. #account-creation_form fieldset.reversoform {
  3833. padding: 10px !important
  3834. }
  3835. #account-creation_form fieldset.reversoform .text label {
  3836. display: block;
  3837. padding: 0 0 10px 0;
  3838. width: 100%;
  3839. text-align: left;
  3840. }
  3841. #account-creation_form fieldset.reversoform .infos-sup {
  3842. padding: 0 !important;
  3843. font-size: 10px;
  3844. font-style: italic;
  3845. text-align: right
  3846. }
  3847. /* ************************************************************************************************
  3848. addon customer privacy
  3849. ************************************************************************************************ */
  3850. #account-creation_form fieldset.customerprivacy label {
  3851. padding-bottom: 0;
  3852. font-size: 12px;
  3853. text-align: left;
  3854. cursor: pointer;
  3855. display: inline;
  3856. }
  3857. #account-creation_form fieldset.customerprivacy p {
  3858. padding: 0;
  3859. margin: 0;
  3860. }
  3861. /* ************************************************************************************************
  3862. addon referralprogram
  3863. ************************************************************************************************ */
  3864. #module-referralprogram-referralprogram-program #left_column {
  3865. display: none
  3866. }
  3867. #module-referralprogram-referralprogram-program #center_column {
  3868. width: 757px
  3869. }
  3870. #footer .myaccount li.referralprogram img {
  3871. display: none
  3872. }
  3873. #module-referralprogram-referralprogram-program .sheets {
  3874. padding-top: 10px
  3875. }
  3876. #module-referralprogram-referralprogram-program form p.checkbox {
  3877. font-weight: bold
  3878. }
  3879. #module-referralprogram-referralprogram-program form p.checkbox a {
  3880. text-decoration: underline
  3881. }
  3882. #module-referralprogram-referralprogram-program form p.submit {
  3883. text-align: right
  3884. }
  3885. #module-referralprogram-referralprogram-program form p.see_email {
  3886. padding-left: 10px;
  3887. color: #0088cc;
  3888. background: url(../img/arrow_right_1.png) no-repeat 0 4px;
  3889. }
  3890. #module-referralprogram-referralprogram-program form p.see_email a {
  3891. color: #0088cc;
  3892. text-decoration: underline
  3893. }
  3894. /* ************************************************************************************************
  3895. addon loyalty
  3896. ************************************************************************************************ */
  3897. #module-loyalty-default #left_column {
  3898. display: none
  3899. }
  3900. #module-loyalty-default #center_column {
  3901. }
  3902. /* ************************************************************************************************
  3903. addon Livezilla
  3904. ************************************************************************************************ */
  3905. #livezilla_lnk {
  3906. margin: 10px 0;
  3907. text-align: right
  3908. }
  3909. #livezilla_lnk a {
  3910. display: inline-block;
  3911. padding: 6px 8px 8px 8px;
  3912. -moz-border-radius: 3px;
  3913. -webkit-border-radius: 3px;
  3914. border-radius: 3px;
  3915. font: bold 10px Arial, Verdana, sans-serif;
  3916. color: #fff;
  3917. text-shadow: 0 -1px 0 #000;
  3918. background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000
  3919. }
  3920. #livezilla_lnk a:hover {
  3921. text-decoration: none
  3922. }
  3923. /* ************************************************************************************************
  3924. guest tracking And TIME CSS
  3925. ************************************************************************************************ */
  3926. #guest-tracking fieldset p:first-child {
  3927. padding-top: 10px;
  3928. }
  3929. #guest-tracking fieldset p:last-child {
  3930. padding-bottom: 10px;
  3931. }
  3932. #address_invoice_form {
  3933. margin-bottom: 20px;
  3934. }
  3935. #opc_account.opc-main-block #address_invoice_form select { width:100%;}
  3936. #address_invoice_form label {
  3937. display: block;
  3938. padding-bottom: 4px;
  3939. }
  3940. #order #fancybox-content h2 {
  3941. font-size: 14px;
  3942. text-transform: uppercase;
  3943. color: #3a3a3a
  3944. }
  3945. .popup-extra h3 {
  3946. color: #ed038a;
  3947. font-size: 14px;
  3948. padding-bottom: 7px;
  3949. }
  3950. #module-favoriteproducts-favoriteproducts-account #left_column {
  3951. display: none
  3952. }
  3953. #module-favoriteproducts-favoriteproducts-account #center_column {
  3954. width: 757px
  3955. }
  3956. #favoriteproducts_block_account .favoriteproduct {
  3957. position: relative;
  3958. margin-bottom: 14px;
  3959. margin-top: 15px;
  3960. border:1px solid #ccc;
  3961. box-sizing:border-box;
  3962. -moz-box-sizing:border-box;
  3963. -webkit-box-sizing:border-box;
  3964. -ms-box-sizing:border-box;
  3965. padding:20px;
  3966. }
  3967. .favoriteproduct a.product_img_link {
  3968. display: block;
  3969. float: left;
  3970. margin-right: 14px;
  3971. overflow: hidden;
  3972. position: relative;
  3973. }
  3974. .favoriteproduct h3 {
  3975. color: #000000;
  3976. font-size: 13px;
  3977. padding: 0 0 10px;
  3978. }
  3979. .favoriteproduct p.product_desc {
  3980. line-height: 16px;
  3981. overflow: hidden;
  3982. padding: 0;
  3983. }
  3984. .favoriteproduct .remove {
  3985. position: absolute;
  3986. top: 15px;
  3987. right: 20px
  3988. }
  3989. .favoriteproduct .remove .icon {
  3990. cursor: pointer
  3991. }
  3992. /* ************************************************************************************************
  3993. module productcomments
  3994. ************************************************************************************************ */
  3995. .rating {
  3996. clear: both;
  3997. display: block;
  3998. margin: 2em;
  3999. cursor: pointer;
  4000. }
  4001. .rating:after {
  4002. content: '.';
  4003. display: block;
  4004. height: 0;
  4005. width: 0;
  4006. clear: both;
  4007. visibility: hidden
  4008. }
  4009. .cancel, .star {
  4010. overflow: hidden;
  4011. float: left;
  4012. margin: 0 1px 0 0;
  4013. width: 16px;
  4014. height: 16px;
  4015. text-indent: -999em;
  4016. cursor: pointer
  4017. }
  4018. .cancel, .cancel a {
  4019. background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important
  4020. }
  4021. .cancel a, .star a {
  4022. display: block;
  4023. width: 100%;
  4024. height: 100%;
  4025. background-position: 0 0
  4026. }
  4027. div.star_on a {
  4028. background-position: 0 -16px
  4029. }
  4030. div.star_hover a, div.star a:hover {
  4031. background-position: 0 -32px
  4032. }
  4033. .star {
  4034. position: relative;
  4035. top: 2px;
  4036. float: left;
  4037. height: 12px;
  4038. width: 12px;
  4039. overflow: hidden;
  4040. text-indent: -999em;
  4041. cursor: pointer
  4042. }
  4043. .star, .star a {
  4044. background: url(../img/star.png) no-repeat 0 0
  4045. }
  4046. div.star_on a {
  4047. background-position: 0 -12px
  4048. }
  4049. div.star_hover a, div.star a:hover {
  4050. background-position: 0 -12px
  4051. }
  4052. .confirmation {
  4053. margin: 0 0 10px;
  4054. padding: 10px;
  4055. border: 1px solid #e6db55;
  4056. font-size: 13px;
  4057. background: #ffffe0;
  4058. }
  4059. #main .rte {
  4060. background: 0 0
  4061. }
  4062. .listcomment {
  4063. list-style-type: none;
  4064. margin: 0 0 20px 0 !important;
  4065. }
  4066. .listcomment li {
  4067. padding: 10px 0;
  4068. border-bottom: 1px dotted #ccc;
  4069. color: #666
  4070. }
  4071. .listcomment .titlecomment {
  4072. display: block;
  4073. font-weight: bold;
  4074. font-size: 12px;
  4075. color: #333
  4076. }
  4077. .listcomment .txtcomment {
  4078. display: block;
  4079. padding: 5px 0;
  4080. color: #333
  4081. }
  4082. form#sendComment fieldset {
  4083. padding: 10px;
  4084. border: 1px solid #ccc;
  4085. background: #eee
  4086. }
  4087. form#sendComment h3 {
  4088. font-size: 14px;
  4089. }
  4090. #new_comment_form p.text {
  4091. margin-bottom: 0;
  4092. padding-bottom: 0;
  4093. }
  4094. #new_comment_form .btn {
  4095. margin-bottom: 10px;
  4096. margin-left:5px;
  4097. color: #fff;
  4098. }
  4099.  
  4100. #sendComment p.text label, #sendComment p.textarea label {
  4101. display: block;
  4102. margin: 12px 0 4px;
  4103. font-weight: bold;
  4104. font-size: 12px;
  4105. }
  4106. #sendComment p.text input {
  4107. padding: 0 5px;
  4108. height: 28px;
  4109. width: 498px;
  4110. border: 1px solid #ccc;
  4111. /*background: url(../img/bg_input.png) repeat-x 0 0 #fff;*/
  4112. }
  4113. #sendComment p.textarea textarea {
  4114. height: 80px;
  4115. width: 508px;
  4116. border: 1px solid #ccc;
  4117. }
  4118. #sendComment p.submit {
  4119. padding: 0;
  4120. text-align: right
  4121. }
  4122. #sendComment p.closeform {
  4123. float: right;
  4124. padding: 0;
  4125. height: 16px;
  4126. width: 12px;
  4127. text-indent: -5000px;
  4128. background: url(../img/icon/delete.gif) no-repeat 0 0
  4129. }
  4130. #new_comment_form .product img {
  4131. float: left;
  4132. margin: 7px 14px 10px 8px;
  4133. padding: 4px;
  4134. border: 1px solid #fff;
  4135. -moz-box-shadow: 0px 0px 9px #ddd;
  4136. -webkit-box-shadow: 0px 0px 7px #ddd;
  4137. box-shadow: 0px 0px 7px #ddd;
  4138. }
  4139. #new_comment_form .product .product_desc {
  4140. text-align: left;
  4141. max-width:300px;
  4142. }
  4143. #new_comment_form .product .product_desc .product_name {
  4144. padding-bottom: 5px;
  4145. font-size: 13px;
  4146. color: #000
  4147. }
  4148. #new_comment_form .grade_content {
  4149. margin: 0 0 20px 0
  4150. }
  4151. #new_comment_form .grade_content span, #new_comment_form .grade_content span {
  4152. display: inline-block;
  4153. padding: 0 10px;
  4154. width: 150px;
  4155. font-weight: bold
  4156. }
  4157. #new_comment_form .grade_content .cancel {
  4158. margin-right: 5px
  4159. }
  4160. .new_comment_form_content .intro_form {
  4161. padding-bottom: 10px;
  4162. font-weight: bold;
  4163. font-size: 12px
  4164. }
  4165. #new_comment_form label {
  4166. display: block;
  4167. margin: 12px 0 4px 0;
  4168. font-weight: bold;
  4169. font-size: 12px;
  4170. }
  4171. #new_comment_form textarea {
  4172. height: 80px;
  4173. }
  4174. #new_comment_form .submit {
  4175. margin-top: 20px;
  4176. padding: 0;
  4177. font-size: 13px;
  4178. text-align: right
  4179. }
  4180. #new_comment_form #criterions_list {
  4181. border-bottom: 1px solid #CCC;
  4182. padding-bottom: 15px;
  4183. list-style-type: none;
  4184. }
  4185. #new_comment_form #criterions_list li {
  4186. margin-bottom: 5px;
  4187. padding-top: 5px;
  4188. }
  4189. #new_comment_form #criterions_list label {
  4190. display: block;
  4191. margin: 0 0px 0 0px;
  4192. padding-bottom: 5px;
  4193. }
  4194. #new_comment_form #criterions_list .star_content {
  4195. float: left;
  4196. }
  4197. #new_comment_form #new_comment_form_footer {
  4198. margin-top: 0px;
  4199. font-size: 12px;
  4200. }
  4201. #new_comment_form p.required {
  4202. float: left;
  4203. margin: 0 0 5px;
  4204. }
  4205. #new_comment_form form {
  4206. text-align:left;
  4207. }
  4208. #new_comment_form form .row-fluid { padding-bottom:10px}
  4209. .product_image img, .product_img_link img {
  4210. background:#f5f5f5;
  4211. }
  4212. .fl {
  4213. float: left;
  4214. }
  4215. .fr {
  4216. float: right;
  4217. }
  4218. /* ************************************************************************************************
  4219. POPUP COMPARE
  4220. ************************************************************************************************ */
  4221. #cluetip-close img {
  4222. border: 0;
  4223. }
  4224. #cluetip-title {
  4225. overflow: hidden;
  4226. }
  4227. #cluetip-title #cluetip-close {
  4228. float: right;
  4229. position: relative;
  4230. }
  4231. #cluetip-waitimage {
  4232. width: 43px;
  4233. height: 11px;
  4234. position: absolute;
  4235. background-image: url('../img/loader.gif');
  4236. }
  4237. .cluetip-arrows {
  4238. display: none;
  4239. position: absolute;
  4240. top: 0;
  4241. left: -11px;
  4242. height: 22px;
  4243. width: 11px;
  4244. background-repeat: no-repeat;
  4245. background-position: 0 0;
  4246. }
  4247. #cluetip-extra {
  4248. display: none;
  4249. }
  4250. #cluetip {
  4251. background-color: transparent;
  4252. }
  4253. #cluetip #cluetip-outer {
  4254. border: 1px solid #ccc;
  4255. position: relative;
  4256. background-color: #fff;
  4257. text-align: left!Important;
  4258. }
  4259. #cluetip #cluetip-inner .comment {
  4260. text-align: left!Important;
  4261. }
  4262. #cluetip h3#cluetip-title {
  4263. margin: 0px;
  4264. padding: 0px 0px;
  4265. font-size: 12px;
  4266. font-weight: normal;
  4267. color: #333;
  4268. }
  4269. #cluetip #cluetip-inner {
  4270. padding: 5px 5px 5px;
  4271. display: inline-block;
  4272. }
  4273. #cluetip div#cluetip-close {
  4274. text-align: right;
  4275. margin: 0 5px 5px;
  4276. color: #900;
  4277. }
  4278. #cluetip div#cluetip-close a {
  4279. }
  4280. /* ************************************************************************************************
  4281. TIME OTHER GLOBAL CSS
  4282. ************************************************************************************************ */
  4283. .shop_box {
  4284. border-bottom: 1px solid #cccccc;
  4285. }
  4286. .titled_box h2, .account_creation h3 {
  4287. color: #a9a9a9;
  4288. text-transform: uppercase;
  4289. font-weight: bold;
  4290. font-size: 13px;
  4291. padding: 10px 0px 0px 0px;
  4292. margin: 0 0 5px 0;
  4293. position:relative;
  4294. border-bottom:1px solid #000;
  4295. }
  4296. .titled_box h2 span, .account_creation h3 span {
  4297. position:relative;
  4298. z-index:1;
  4299. }
  4300. .icon-style {
  4301. width: 16px;
  4302. height: 16px;
  4303. background: url(../img/icon-style.png) center center no-repeat;
  4304. }
  4305. .shop_box_row {
  4306. border-bottom: 1px solid #cccccc;
  4307. border-top: 1px solid #cccccc;
  4308. }
  4309. .shop_box_row.shop_box_row_other {
  4310. border-top: none;
  4311. padding-top: 0;
  4312. }
  4313. .shop_box_row.shop_box_row_search { border-top:none;}
  4314. .title_shop {
  4315. color: #000;
  4316. font-size: 13px;
  4317. font-style: italic;
  4318. font-weight: bold;
  4319. }
  4320. .lnk_more {
  4321. font-size: 13px;
  4322. color: #a9a9a9;
  4323. line-height: 16px;
  4324. display: inline-block;
  4325. font-style: italic;
  4326. font-weight: bold;
  4327. }
  4328. .lnk_more:hover {
  4329. color: #a9a9a9;
  4330. }
  4331. .store_list {
  4332. padding: 0;
  4333. margin: 0;
  4334. list-style-type: none;
  4335. }
  4336. .store_list li:first-child a {
  4337. border: none;
  4338. }
  4339. .store_list li {
  4340. padding: 0px 0 0px 0px;
  4341. margin: 0;
  4342. }
  4343. .store_list li a {
  4344. padding: 7px 0 7px 0px;
  4345. display: block;
  4346. border-top: 1px solid #cccccc;
  4347. }
  4348. .store_list li a i {
  4349. margin-right: 10px;
  4350. }
  4351. .store_list li a:hover {
  4352. background-position: 0 -918px
  4353. }
  4354. .shop_table {
  4355. background: #fefefe;
  4356. border-spacing: 0;
  4357. margin-bottom: 20px;
  4358. vertical-align: middle;
  4359. border: 1px solid #ccc;
  4360. width: 100%;
  4361. }
  4362. #order-detail-content-table input.order_qte_input { display:none;}
  4363. #order-detail-content-table input.order_qte_input + label { float:none;}
  4364. #order-detail-content-table td.expand label { cursor:pointer;}
  4365. .shop_table th {
  4366. border: 1px solid #cccc;
  4367. }
  4368. .shop_table th {
  4369. background: #f9f9f9;
  4370. border: 1px solid #ccc;
  4371. color: #333;
  4372. font-size: 13px;
  4373. font-weight: bold;
  4374. padding: 15px 20px;
  4375. text-align: center;
  4376. vertical-align: middle;
  4377. text-transform: uppercase;
  4378. background: #fefefe;
  4379. }
  4380. .shop_table td {
  4381. border: 1px solid #ccc;
  4382. padding: 10px 20px;
  4383. color: #888888;
  4384. }
  4385. .shop_table td .footable-row-detail-inner strong {
  4386. font-size: 14px;
  4387. font-weight: normal;
  4388. margin: 0 10px 10px 0;
  4389. display: inline-block;
  4390. color: #333;
  4391. }
  4392. .footable.breakpoint > tbody > tr > td.expand {
  4393. background: url(../img/u.png) 7px center no-repeat;
  4394. padding-left: 40px;
  4395. }
  4396. .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
  4397. background: url(../img/uu.png) 7px center no-repeat;
  4398. padding-left: 40px;
  4399. }
  4400. .footable.breakpoint > tbody > tr > td.expand, .footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
  4401. cursor: pointer;
  4402. }
  4403. .footable > tbody img {
  4404. vertical-align: middle;
  4405. }
  4406. /* Global Declaration */
  4407. div.checker span, div.radio span, div.uploader, div.uploader span.action {
  4408. background: url(../img/sprite.png);
  4409. background-repeat: no-repeat;
  4410. -webkit-font-smoothing: antialiased;
  4411. }
  4412. .radio, .checker, .uploader, .radio *, .checker *, .uploader * {
  4413. margin: 0;
  4414. padding: 0;
  4415. }
  4416. /* Checkbox */
  4417.  
  4418. div.checker {
  4419. width: 19px;
  4420. height: 19px;
  4421. float: left;
  4422. }
  4423. div.checker input {
  4424. width: 19px;
  4425. height: 19px;
  4426. }
  4427. div.checker span {
  4428. background-position: 0px -260px;
  4429. height: 19px;
  4430. width: 19px;
  4431. }
  4432. div.checker:active span, div.checker.active span {
  4433. background-position: -19px -260px;
  4434. }
  4435. div.checker.focus span, div.checker:hover span {
  4436. background-position: -38px -260px;
  4437. }
  4438. div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {
  4439. background-position: -57px -260px;
  4440. }
  4441. div.checker span.checked {
  4442. background-position: -76px -260px;
  4443. }
  4444. div.checker:active span.checked, div.checker.active span.checked {
  4445. background-position: -95px -260px;
  4446. }
  4447. div.checker.focus span.checked, div.checker:hover span.checked {
  4448. background-position: -114px -260px;
  4449. }
  4450. div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {
  4451. background-position: -133px -260px;
  4452. }
  4453. div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
  4454. background-position: -152px -260px;
  4455. }
  4456. div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
  4457. background-position: -171px -260px;
  4458. }
  4459. /* Radio */
  4460.  
  4461. div.radio {
  4462. width: 18px;
  4463. height: 18px;
  4464. float: left;
  4465. }
  4466. div.radio input {
  4467. width: 18px;
  4468. height: 18px;
  4469. }
  4470. div.radio span {
  4471. height: 18px;
  4472. width: 18px;
  4473. background-position: 0px -279px;
  4474. }
  4475. div.radio:active span, div.radio.active span {
  4476. background-position: -18px -279px;
  4477. }
  4478. div.radio.focus span, div.radio:hover span {
  4479. background-position: -36px -279px;
  4480. }
  4481. div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {
  4482. background-position: -54px -279px;
  4483. }
  4484. div.radio span.checked {
  4485. background-position: -72px -279px;
  4486. }
  4487. div.radio:active span.checked, div.radio.active span.checked {
  4488. background-position: -90px -279px;
  4489. }
  4490. div.radio.focus span.checked, div.radio:hover span.checked {
  4491. background-position: -108px -279px;
  4492. }
  4493. div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {
  4494. background-position: -126px -279px;
  4495. }
  4496. div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {
  4497. background-position: -144px -279px;
  4498. }
  4499. div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {
  4500. background-position: -162px -279px;
  4501. }
  4502. /* Uploader */
  4503.  
  4504. div.uploader {
  4505. background-position: 0px -297px;
  4506. height: 28px;
  4507. }
  4508. div.uploader span.action {
  4509. background-position: right -409px;
  4510. height: 24px;
  4511. line-height: 24px;
  4512. }
  4513. div.uploader span.filename {
  4514. height: 24px;
  4515. /* change this line to adjust positioning of filename area */
  4516. margin: 2px 0px 2px 2px;
  4517. line-height: 24px;
  4518. }
  4519. div.uploader.focus, div.uploader.hover, div.uploader:hover {
  4520. background-position: 0px -353px;
  4521. }
  4522. div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
  4523. background-position: right -437px;
  4524. }
  4525. div.uploader.active span.action, div.uploader:active span.action {
  4526. background-position: right -465px;
  4527. }
  4528. div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
  4529. background-position: right -493px;
  4530. }
  4531. div.uploader.disabled {
  4532. background-position: 0px -325px;
  4533. }
  4534. div.uploader.disabled span.action {
  4535. background-position: right -381px;
  4536. }
  4537. /* Checker */
  4538. div.checker {
  4539. margin-right: 5px;
  4540. }
  4541. /* Radio */
  4542. div.radio {
  4543. margin-right: 3px;
  4544. }
  4545. /* Uploader */
  4546. #contact_form div.uploader {
  4547. }
  4548. div.uploader span.action {
  4549. width: 110px;
  4550. text-align: center;
  4551. display: block;
  4552. background-color: #fff;
  4553. color: #333;
  4554. }
  4555. div.uploader span.filename {
  4556. border-right: solid 1px #ccc;
  4557. color: #333;
  4558. }
  4559. div.uploader input {
  4560. width: 120px;
  4561. color: #333;
  4562. }
  4563. div.uploader.disabled span.action {
  4564. color: #aaa;
  4565. }
  4566. div.uploader.disabled span.filename {
  4567. border-color: #ccc;
  4568. }
  4569. /*select*/
  4570. /* Select */
  4571. div.selector {
  4572.  
  4573. line-height: 30px;
  4574. height: 30px;
  4575. padding: 0 0 0 0px;
  4576. position: relative;
  4577. overflow: hidden;
  4578. border:1px solid #ccc;
  4579. float:left;
  4580. background:url(../img/select.png) no-repeat 95% 12px;
  4581.  
  4582. }
  4583.  
  4584. div.selector span {
  4585. text-overflow: ellipsis;
  4586. display: block;
  4587. overflow: hidden;
  4588. white-space: nowrap;
  4589. height: 30px;
  4590. line-height: 30px;
  4591. padding-right: 0px;
  4592. padding-left:10px;
  4593. cursor: pointer;
  4594. width: 85% !important;
  4595. box-sizing:border-box;
  4596. -moz-box-sizing:border-box;
  4597. -webkit-box-sizing:border-box;
  4598. display: block;
  4599. font-size:12px;
  4600. }
  4601. .nbr_page div.selector { background-position:89% 12px;}
  4602. div.selector.fixedWidth {
  4603. width: 190px; }
  4604. div.selector.fixedWidth span {
  4605. width: 155px; }
  4606. div.selector select {
  4607. opacity: 0;
  4608. filter: alpha(opacity=0);
  4609. -moz-opacity: 0;
  4610. border: none;
  4611. background: none;
  4612. position: absolute;
  4613. height: 31px;
  4614. top: 0px;
  4615. padding:0 20px 0 0;
  4616. left: 0px;
  4617. width: 100%;
  4618. }
  4619.  
  4620. /*
  4621.  
  4622. CORE FUNCTIONALITY
  4623.  
  4624. Not advised to edit stuff below this line
  4625. -----------------------------------------------------
  4626. */
  4627.  
  4628.  
  4629. .checker, .radio, .uploader {
  4630. display: -moz-inline-box;
  4631. display: inline-block;
  4632. vertical-align: middle;
  4633. zoom: 1;
  4634. *display: inline;
  4635. }
  4636. .radio input:focus, .checker input:focus, .uploader input:focus {
  4637. outline: 0;
  4638. }
  4639. /* Checker */
  4640.  
  4641. div.checker {
  4642. position: relative;
  4643. }
  4644. div.checker span {
  4645. display: -moz-inline-box;
  4646. display: inline-block;
  4647. text-align: center;
  4648. }
  4649. div.checker input {
  4650. opacity: 0;
  4651. margin: 0!important;
  4652. filter: alpha(opacity:0);
  4653. display: inline-block;
  4654. background: none;
  4655. }
  4656. /* Radio */
  4657.  
  4658. div.radio {
  4659. position: relative;
  4660. }
  4661. div.radio span {
  4662. display: -moz-inline-box;
  4663. display: inline-block;
  4664. text-align: center;
  4665. }
  4666. div.radio input {
  4667. opacity: 0;
  4668. filter: alpha(opacity:0);
  4669. text-align: center;
  4670. display: inline-block;
  4671. background: none;
  4672. }
  4673. /* Uploader */
  4674.  
  4675. div.uploader {
  4676. position: relative;
  4677. overflow: hidden;
  4678. cursor: default;
  4679. }
  4680. div.uploader span.action {
  4681. float: left;
  4682. display: inline;
  4683. padding: 2px 0px;
  4684. overflow: hidden;
  4685. cursor: pointer;
  4686. }
  4687. div.uploader span.filename {
  4688. padding: 0px 10px;
  4689. float: left;
  4690. display: block;
  4691. overflow: hidden;
  4692. text-overflow: ellipsis;
  4693. white-space: nowrap;
  4694. cursor: default;
  4695. }
  4696. div.uploader input {
  4697. -moz-box-sizing: 0!important;
  4698. opacity: 0;
  4699. filter: alpha(opacity:0);
  4700. position: absolute;
  4701. top: 0;
  4702. right: 0;
  4703. bottom: 0;
  4704. float: right;
  4705. height: 25px;
  4706. border: none;
  4707. cursor: default;
  4708. }
  4709. #product div.jGrowl div.jGrowl-notification, #product div.jGrowl div.jGrowl-closer {
  4710. background: url(../img/icon/warning.png) no-repeat 10px 15px #D4EEFF;
  4711. color: #fff;
  4712. opacity: .85;
  4713. filter: alpha(opacity = 85);
  4714. margin-top: 5px;
  4715. margin-bottom: 5px;
  4716. text-align: left;
  4717. display: none;
  4718. padding: 10px 10px 6px 45px;
  4719. border: 1px solid #34ACF9;
  4720. color: #0473B9;
  4721. font: 13px "Arial";
  4722. border-radius: 5px;
  4723. }
  4724. #product div.jGrowl div.jGrowl-notification div.close {
  4725. font-size: 18px;
  4726. color: #34ACF9;
  4727. margin-top: 7px;
  4728. opacity: .99;
  4729. filter: alpha(opacity = 99);
  4730. }
  4731. .b-core-ui-select {
  4732. position: relative;
  4733. float: left;
  4734. width: 150px;
  4735. padding: 6px 10px 6px 10px;
  4736. font-size: 12px;
  4737. line-height: 18px;
  4738. color: #333;
  4739. cursor: pointer;
  4740. border: 1px solid #ccc;
  4741. -webkit-user-select: none;
  4742. -moz-user-select: none;
  4743. -ms-user-select: none;
  4744. -o-user-select: none;
  4745. user-select: none;
  4746. }
  4747. .b-core-ui-select__select {
  4748. position: static;
  4749. width: 80%;
  4750. padding: 10px;
  4751. font-size: 12px;
  4752. line-height: 18px;
  4753. }
  4754. .b-core-ui-select__value {
  4755. display: block;
  4756. overflow: hidden;
  4757. text-overflow: ellipsis;
  4758. white-space: nowrap;
  4759. padding-right: 25px;
  4760. }
  4761. .b-core-ui-select__select_state_hide {
  4762. margin: 0;
  4763. padding: 0;
  4764. position: absolute;
  4765. text-indent: -9999px;
  4766. overflow: hidden;
  4767. opacity: 0;
  4768. z-index: -1;
  4769. }
  4770. .b-core-ui-select:HOVER {
  4771. color: #333333;
  4772. }
  4773. .b-core-ui-select.focus {
  4774. outline: 0;
  4775. }
  4776. .b-core-ui-select.disabled, .b-core-ui-select.disabled:ACTIVE {
  4777. opacity: .5;
  4778. color: #333333;
  4779. background-color: #e6e6e6;
  4780. background-position: 0 -15px;
  4781. transition: background-position 0.1s linear;
  4782. }
  4783. .b-core-ui-select__button {
  4784. position: absolute;
  4785. right: 10px;
  4786. top: 10px;
  4787. display: block;
  4788. width: 0;
  4789. height: 0;
  4790. border-top: 5px solid black;
  4791. border-right: 5px solid transparent;
  4792. border-left: 5px solid transparent;
  4793. content: "";
  4794. margin-top: 3px;
  4795. margin-left: 2px;
  4796. }
  4797. .b-core-ui-select__dropdown {
  4798. display: none;
  4799. position: absolute;
  4800. top: 0;
  4801. color: #333;
  4802. margin-top: -1px;
  4803. max-height: 200px;
  4804. font-size: 12px;
  4805. border: 1px solid #ccc;
  4806. background-color: whiteSmoke;
  4807. background-image: -ms-linear-gradient(top, white, #E6E6E6);
  4808. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
  4809. background-image: -webkit-linear-gradient(top, white, #E6E6E6);
  4810. background-image: -o-linear-gradient(top, white, #E6E6E6);
  4811. background-image: linear-gradient(top, white, #E6E6E6);
  4812. background-image: -moz-linear-gradient(top, white, #E6E6E6);
  4813. background-repeat: repeat-x;
  4814. }
  4815. .b-core-ui-select__dropdown.hide {
  4816. display: none;
  4817. }
  4818. .b-core-ui-select__dropdown.show {
  4819. display: block;
  4820. }
  4821. .b-core-ui-select__dropdown__wrap {
  4822. max-height: 200px;
  4823. overflow: auto;
  4824. outline: none;
  4825. }
  4826. .j-scroll-pane .b-core-ui-select__dropdown__item {
  4827. }
  4828. .b-core-ui-select__dropdown__list {
  4829. overflow: hidden;
  4830. margin: 0!important;
  4831. }
  4832. .b-core-ui-select__dropdown__item {
  4833. padding: 5px 10px;
  4834. min-height: 18px;
  4835. list-style-type: none;
  4836. cursor: pointer;
  4837. }
  4838. .b-core-ui-select__dropdown__label {
  4839. padding: 10px;
  4840. min-height: 18px;
  4841. font-style: italic;
  4842. list-style-type: none;
  4843. border-bottom: 1px solid #ccc;
  4844. }
  4845. .b-core-ui-select__dropdown__item.disabled, .b-core-ui-select__dropdown__item.disabled:HOVER {
  4846. color: #ccc;
  4847. background: none;
  4848. }
  4849. .b-core-ui-select__dropdown__item.selected, .b-core-ui-select__dropdown__item.selected:HOVER {
  4850. background: #999;
  4851. color: #fff;
  4852. }
  4853. .b-core-ui-select__dropdown__item:HOVER {
  4854. background: #ccc;
  4855. }
  4856. .sortPagiBar select {
  4857. float: left;
  4858. display: block;
  4859. width: 222px;
  4860. height: 33px;
  4861. }
  4862. .b-content {
  4863. margin: 60px;
  4864. padding: 80px 80px 80px 140px;
  4865. width: 60%;
  4866. font: normal 14px/18px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
  4867. background: #FFFFFF;
  4868. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), 0 0 1px rgba(255, 255, 255, 0.15) inset;
  4869. }
  4870. .b-content__title {
  4871. margin: 0 0 40px;
  4872. font: normal 40px/40px 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
  4873. }
  4874. .b-content P {
  4875. margin: 0 0 20px;
  4876. }
  4877. .b-content H2, .b-content H3 {
  4878. margin: 15px 0 30px;
  4879. }
  4880. .b-content OL, .b-content UL {
  4881. margin: 0 0 40px;
  4882. }
  4883. .b-row {
  4884. margin: 15px 0 45px -60px;
  4885. padding: 30px 0 30px 59px;
  4886. border: 1px solid #ccc;
  4887. }
  4888. .b-code-block {
  4889. background: none repeat scroll 0 0 #E6E6E6;
  4890. border-left: 1px solid #D9D4D3;
  4891. clear: both;
  4892. color: #533D3A;
  4893. counter-reset: code;
  4894. font: 12px/20px Consolas, monospace;
  4895. margin: 0 0 15px -60px;
  4896. padding: 12px 0 12px 59px;
  4897. white-space: normal;
  4898. }
  4899. .b-code-block CODE:before {
  4900. color: #B3A9A7;
  4901. content: counter(code, decimal-leading-zero) ".";
  4902. counter-increment: code;
  4903. margin-left: -35px;
  4904. position: absolute;
  4905. }
  4906. .b-code-block CODE {
  4907. display: block;
  4908. padding: 0;
  4909. white-space: pre-wrap;
  4910. }
  4911. .jspContainer {
  4912. overflow: hidden;
  4913. position: relative;
  4914. outline: none;
  4915. width: 100% !important;
  4916. }
  4917. .jspPane {
  4918. position: absolute;
  4919. width: 100% !important;
  4920. outline: none;
  4921. }
  4922. .jspVerticalBar {
  4923. position: absolute;
  4924. top: 0;
  4925. right: 0;
  4926. width: 8px;
  4927. height: 100%;
  4928. z-index: 100;
  4929. }
  4930. .jspHorizontalBar {
  4931. position: absolute;
  4932. bottom: 0;
  4933. left: 0;
  4934. width: 100%;
  4935. height: 16px;
  4936. background: red;
  4937. }
  4938. .jspVerticalBar *, .jspHorizontalBar * {
  4939. margin: 0;
  4940. padding: 0;
  4941. }
  4942. .jspCap {
  4943. display: none;
  4944. }
  4945. .jspHorizontalBar .jspCap {
  4946. float: left;
  4947. }
  4948. .jspTrack {
  4949. position: relative;
  4950. border-radius: 5px;
  4951. background-color: #E5E5E5;
  4952. 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)));
  4953. background: -webkit-linear-gradient(left, rgba(202, 202, 202, 0.07) 0%, rgba(229, 229, 229, 0.07) 100%);
  4954. -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 white;
  4955. box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15) inset, 0 1px 0 0 white;
  4956. }
  4957. .jspDrag {
  4958. position: relative;
  4959. top: 0;
  4960. left: 0;
  4961. cursor: pointer;
  4962. border-radius: 4px;
  4963. border: solid 1px #A6A6A6;
  4964. 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)));
  4965. background: -webkit-linear-gradient(left, rgba(233, 233, 233, 0.05) 0%, rgba(221, 221, 221, 0.05) 100%);
  4966. -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05);
  4967. box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .05);
  4968. background-color: #E9E9E9;
  4969. }
  4970. .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  4971. float: left;
  4972. height: 100%;
  4973. }
  4974. .jspArrow {
  4975. text-indent: -20000px;
  4976. display: block;
  4977. cursor: pointer;
  4978. }
  4979. .jspArrow.jspDisabled {
  4980. cursor: default;
  4981. }
  4982. .jspVerticalBar .jspArrow {
  4983. position: relative;
  4984. display: block;
  4985. width: 0;
  4986. height: 4px;
  4987. }
  4988. .jspVerticalBar .jspArrow.jspArrowDown {
  4989. top: 4px;
  4990. border-top: 4px solid #ccc;
  4991. border-right: 4px solid transparent;
  4992. border-left: 4px solid transparent;
  4993. }
  4994. .jspVerticalBar .jspArrow.jspArrowUp {
  4995. top: -4px;
  4996. border-bottom: 4px solid #ccc;
  4997. border-right: 4px solid transparent;
  4998. border-left: 4px solid transparent;
  4999. }
  5000. .jspVerticalBar .jspArrow:focus {
  5001. outline: none;
  5002. }
  5003. .jspCorner {
  5004. background: #eeeef4;
  5005. float: left;
  5006. height: 100%;
  5007. }
  5008. .modal-body {
  5009. overflow-y: auto;
  5010. -webkit-overflow-scrolling: touch;
  5011. max-height:200px;
  5012. }
  5013. @media print {
  5014. * {
  5015. background: transparent !important;
  5016. color: black !important;
  5017. box-shadow: none !important;
  5018. text-shadow: none !important;
  5019. filter: none !important;
  5020. -ms-filter: none !important;
  5021. }
  5022. a, a:visited {
  5023. text-decoration: underline;
  5024. }
  5025. a[href]:after {
  5026. content: "";
  5027. }
  5028. abbr[title]:after {
  5029. content: "";
  5030. }
  5031. .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
  5032. content: "";
  5033. }
  5034. a:link:after, a:visited:after {
  5035. content: "";
  5036. }
  5037. pre, blockquote {
  5038. border: 1px solid #999;
  5039. page-break-inside: avoid;
  5040. }
  5041. thead {
  5042. display: table-header-group;
  5043. }
  5044. tr, img {
  5045. page-break-inside: avoid;
  5046. }
  5047. img {
  5048. max-width: 100% !important;
  5049. }
  5050. @page {
  5051. margin: 0.5cm;
  5052. }
  5053. p, h2, h3 {
  5054. orphans: 3;
  5055. widows: 3;
  5056. }
  5057. h2, h3 {
  5058. page-break-after: avoid;
  5059. }
  5060. .hide-on-print {
  5061. display: none !important;
  5062. }
  5063. .print-only {
  5064. display: block !important;
  5065. }
  5066. .hide-for-print {
  5067. display: none !important;
  5068. }
  5069. .show-for-print {
  5070. display: inherit !important;
  5071. }
  5072. }
  5073. /* ************************************************************************************************
  5074. CROSSELING AND CATEGORY PRODUCTS
  5075. ************************************************************************************************ */
  5076. .crossselling.page_product_box h3, .tab-video.page_product_box h3 {
  5077. margin-top: 10px;
  5078. }
  5079. #carouselproduct {
  5080. width: 100000px;
  5081. }
  5082. #row-2-extra {
  5083. }
  5084. #carouselproductcross {
  5085. width: 100000px;
  5086. }
  5087. .page_product_box .carusel-inner {
  5088. padding: 20px 0 0px 0;
  5089. position: relative;
  5090. margin: 0 0 0px -20px;
  5091. display: block;
  5092. }
  5093. .page_product_box .carusel-inner .caroufredsel_wrapper {
  5094. cursor: default!important;
  5095. }
  5096. .page_product_box {
  5097. overflow: hidden;
  5098. margin: 0;
  5099. }
  5100. .page_product_box .carousel-ul {
  5101. display: block;
  5102. padding: 0;
  5103. margin: 0;
  5104. width: 10000px;
  5105. }
  5106. .page_product_box {
  5107. position: relative;
  5108. border: 1px solid;
  5109. margin: 5px 0;
  5110. }
  5111. .page_product_box .carusel-inner li a {
  5112. display:inline-block;
  5113. }
  5114. .page_product_box .carusel-inner li {
  5115. display: block;
  5116. float: left;
  5117. margin-left: 20px;
  5118. height: 220px;
  5119. width: 146px;
  5120. text-align:center;
  5121. }
  5122. .page_product_box .carusel-inner li .price_display {
  5123. margin: 0;
  5124. }
  5125. .page_product_box .carusel-inner .product_link {
  5126. display: inline-block;
  5127. margin: 5px 0px 0px 0px
  5128. }
  5129.  
  5130. .page_product_box a.prev, .page_product_box a.next {
  5131. background: url(../img/slider-arrow.png) no-repeat transparent;
  5132. width: 27px;
  5133. height: 27px;
  5134. display: block;
  5135. position: absolute;
  5136. top: 75px;
  5137. display: none;
  5138. opacity: 1;
  5139. filter: alpha(opacity=0);
  5140. -moz-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  5141. -webkit-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  5142. -o-transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  5143. transition: opacity 300ms ease, left 300ms ease, right 300ms ease;
  5144. }
  5145. .page_product_box .carusel-inner:hover, .page_product_box .carusel-inner img:hover {
  5146. cursor: move;
  5147. cursor: pointer;
  5148. }
  5149. .page_product_box .carusel-inner:hover a.prev {
  5150. opacity: 1;
  5151. filter: alpha(opacity=100);
  5152. left: 40px;
  5153. }
  5154. .page_product_box .carusel-inner:hover a.next {
  5155. opacity: 1;
  5156. filter: alpha(opacity=100);
  5157. right: 22px;
  5158. }
  5159. .page_product_box a.prev {
  5160. left: 40px;
  5161. background-position: 0 0;
  5162. }
  5163. .page_product_box a.prev:hover {
  5164. background-position: 0 -27px;
  5165. }
  5166. .page_product_box a.next {
  5167. right: 22px;
  5168. background-position: -27px 0;
  5169. }
  5170. .page_product_box a.next:hover {
  5171. background-position: -27px -27px;
  5172. }
  5173. .page_product_box a.next.disabled, .page_product_box a.prev.disabled {
  5174. opacity: 0.2;
  5175. }
  5176. .page_product_box a.prev.disabled, .page_product_box a.next.disabled {
  5177. cursor: default;
  5178. }
  5179.  
  5180. #HOOK_SHOPPING_CART .page_product_box > h3 {
  5181. background: none repeat scroll 0 0 #A9A9A9;
  5182. color: #FFFFFF;
  5183. display: block;
  5184. font-size: 20px;
  5185. font-weight: normal;
  5186. line-height: 1.5;
  5187. margin: 20px 0 0;
  5188. padding: 9px 50px 9px 20px;
  5189. position: relative;
  5190. }
  5191. #HOOK_SHOPPING_CART .page_product_box.accordion h3 {
  5192. cursor:pointer;
  5193. }
  5194. #HOOK_SHOPPING_CART .page_product_box.accordion h3 .icon-toggle {
  5195. display: block;
  5196. font-size: 27px;
  5197. line-height: 27px;
  5198. position: absolute;
  5199. right: 12px;
  5200. top: 10px;
  5201. }
  5202. #HOOK_SHOPPING_CART .page_product_box.accordion h3 i {
  5203. display:inline-block;
  5204. }
  5205. @media only screen and (min-width: 768px) and (max-width: 979px) {
  5206. .page_product_box .carusel-inner a.prev{opacity:1;filter:alpha(opacity=100); left:40px;}
  5207. .page_product_box .carusel-inner a.next{opacity:1;filter:alpha(opacity=100); right:22px;}
  5208. }
  5209.  
  5210.  
  5211.  
  5212. .producttags {
  5213. list-style:none;
  5214. position:relative;
  5215. clear:both;
  5216. display:block;
  5217. padding-bottom:20px;
  5218. margin-bottom:20px;
  5219. }
  5220.  
  5221. .producttags li, .producttags a{
  5222. float:left;
  5223. height:24px;
  5224. line-height:24px;
  5225. position:relative;
  5226. font-size:11px;
  5227. }
  5228.  
  5229. .producttags a{
  5230. margin-left:20px;
  5231. padding:0 10px 0 12px;
  5232. background:#0089e0;
  5233. color:#fff;
  5234. text-decoration:none;
  5235. -moz-border-radius-bottomright:4px;
  5236. -webkit-border-bottom-right-radius:4px;
  5237. border-bottom-right-radius:4px;
  5238. -moz-border-radius-topright:4px;
  5239. -webkit-border-top-right-radius:4px;
  5240. border-top-right-radius:4px;
  5241. }
  5242. .producttags a:visited{
  5243. color:#fff;
  5244. }
  5245.  
  5246. .producttags a:before{
  5247. content:"";
  5248. float:left;
  5249. position:absolute;
  5250. top:0;
  5251. left:-12px;
  5252. width:0;
  5253. height:0;
  5254. border-color:transparent #0089e0 transparent transparent;
  5255. border-style:solid;
  5256. border-width:12px 12px 12px 0;
  5257. }
  5258.  
  5259. .producttags a:after{
  5260. content:"";
  5261. position:absolute;
  5262. top:10px;
  5263. left:0;
  5264. float:left;
  5265. width:4px;
  5266. height:4px;
  5267. -moz-border-radius:2px;
  5268. -webkit-border-radius:2px;
  5269. border-radius:2px;
  5270. background:#fff;
  5271. -moz-box-shadow:-1px -1px 2px #004977;
  5272. -webkit-box-shadow:-1px -1px 2px #004977;
  5273. box-shadow:-1px -1px 2px #004977;
  5274. }
  5275.  
  5276. .producttags a:hover{background:#555; text-decoration:none;}
  5277.  
  5278. .producttags a:hover:before{border-color:transparent #555 transparent transparent;}
  5279.  
  5280. .footerInterval {
  5281. display: block;
  5282. width: 100%;
  5283. margin: 0;
  5284. text-align: center;
  5285. padding: 15px;
  5286. height: 40px;
  5287. border: 1px solid #7A7A7A
  5288. border-left: none;
  5289. border-right: none;
  5290. }
  5291. .visa_master {
  5292. display: block;
  5293. background: #FFF;
  5294. width: 150px;
  5295. }
  5296. .blackBlock {
  5297. background: #141414;
  5298. display: block;
  5299. width: 100%;
  5300. height: 20px;
  5301. }
  5302.  
  5303. fb-like-box{
  5304. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement