Advertisement
Guest User

update

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