Advertisement
Guest User

Stylesheet

a guest
Mar 8th, 2012
66
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. Theme Name: WP FlexiShop
  3. Theme URI: http://themeforest.net/item/wp-flexishop-a-versatile-wp-ecommerce-theme/137144
  4. Description: An elegantly flexible, yet powerful wordpress and wp e-commerce theme. Completely brandable. FOR WP E-COMMERCE 3.8+
  5. Version: 1.2.4.1
  6. Author: PrimaThemes
  7. Author URI: http://themeforest.net/user/PrimaThemes
  8. Tags: e-commerce, simple, flexible, shop, store, products
  9. */
  10.  
  11.  
  12. /* RESET BASED ON BLUEPRINT FRAMEWORK */
  13. /* ----------------------------------------- */
  14.  
  15. /* -----------------------------------------------------------------------
  16.  
  17.  
  18. Blueprint CSS Framework 0.9
  19. http://blueprintcss.org
  20.  
  21. * Copyright (c) 2007-Present. See LICENSE for more info.
  22. * See README for instructions on how to use Blueprint.
  23. * For credits and origins, see AUTHORS.
  24. * This is a compressed file. See the sources in the 'src' directory.
  25.  
  26. ----------------------------------------------------------------------- */
  27.  
  28. html {margin:0;padding:0;border:0;}
  29. body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
  30. article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
  31. body {line-height:1.5;background:white;}
  32. table {border-collapse:separate;border-spacing:0;}
  33. caption, th, td {text-align:left;font-weight:normal;float:none !important;}
  34. table, th, td {vertical-align:middle;}
  35. blockquote:before, blockquote:after, q:before, q:after {content:'';}
  36. blockquote, q {quotes:"" "";}
  37. a img {border:none;}
  38. :focus {outline:0;}
  39.  
  40. html {font-size:100.01%;}
  41. body {font-size:75%;color:#878787;background:#fff;font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
  42. h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
  43. h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
  44. h2 {font-size:2em;margin-bottom:0.75em;}
  45. h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
  46. h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
  47. h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
  48. h6 {font-size:1em;font-weight:bold;}
  49. h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
  50. p {margin:0 0 1.5em; line-height:1.7em; font-size:13px;}
  51. .left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
  52. .right {float:right;margin:1.5em 0 1.5em 1.5em;}
  53. a:focus, a:hover {color:#902B2B;}
  54. a {color:#09f;text-decoration:none;}
  55. blockquote {margin-bottom:15px; padding:1.5em;color:#666;font-style:italic; font-family: Georgia; font-size:1.3em; border-top:1px dotted #bbb; border-bottom:1px dotted #bbb;}
  56. blockquote p{font-size:1.3em; margin-bottom:0px;}
  57. strong, dfn {font-weight:bold;}
  58. em, dfn {font-style:italic;}
  59. sup, sub {line-height:0;}
  60. abbr, acronym {border-bottom:1px dotted #666;}
  61. address {margin:0 0 1.5em;font-style:italic;}
  62. del {color:#666;}
  63. pre {margin:1.5em 0;white-space:pre;}
  64. pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
  65. li ul, li ol {margin:0; }
  66. ul, ol {margin:0; padding:0; list-style-type:none;}
  67. ul {list-style-type:none;}
  68. ol {list-style-type:decimal;}
  69. dl {margin:0 0 1.5em 0;}
  70. dl dt {font-weight:bold;}
  71. dd {margin-left:1.5em;}
  72. table {margin-bottom:1.4em;width:100%;}
  73. th {font-weight:bold;}
  74. thead th {background:white; color:#333; padding:15px 10px; font-size:14px; border-bottom:3px solid #ddd;}
  75. th, td, caption {padding:10px; border-bottom:1px solid #ddd; background:none; font-size:13px; color:#777;}
  76. tbody tr:nth-child(even) td, tbody tr.even td {background:#f7f7f7;}
  77. tfoot {font-style:italic;}
  78. caption {background:#eee;}
  79. .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
  80. .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
  81. .hide {display:none;}
  82. .quiet {color:#666;}
  83. .loud {color:#000;}
  84. .highlight {background:#ff0;}
  85. .added {background:#060;color:#fff;}
  86. .removed {background:#900;color:#fff;}
  87. .first {margin-left:0;padding-left:0;}
  88. .last {margin-right:0;padding-right:0;}
  89. .top {margin-top:0;padding-top:0;}
  90. .bottom {margin-bottom:0;padding-bottom:0;}
  91.  
  92. label {font-weight:bold;}
  93. fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
  94. legend {font-weight:bold;font-size:1.2em;}
  95. input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb; padding:5px; font-size:13px; display:block;}
  96. input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
  97. input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
  98. input.text, input.title {width:300px;padding:5px;}
  99. input.title {font-size:1.5em;}
  100. textarea {width:auto;padding:5px;}
  101. form.inline {line-height:3;}
  102. form.inline p {margin-bottom:0;}
  103. .error, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
  104. .error {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
  105. .notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
  106. .success {background:#e6efc2;color:#264409;border-color:#c6d880;}
  107. .info {background:#d5edf8;color:#205791;border-color:#92cae4;}
  108. .error a {color:#8a1f11;}
  109. .notice a {color:#514721;}
  110. .success a {color:#264409;}
  111. .info a {color:#205791;}
  112.  
  113. hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
  114. hr.space {background:#fff;color:#fff;visibility:hidden;}
  115. .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  116. * html .clearfix { zoom: 1; } /* IE6 */
  117. *:first-child+html .clearfix { zoom: 1; } /* IE7 */
  118. .container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  119. * html .container { zoom: 1; } /* IE6 */
  120. *:first-child+html .container { zoom: 1; } /* IE7 */.clear {clear:both;}
  121. .clear {clear:both;}
  122. *:first-child+html #iconautente{ text-indent:0; line-height:0; font-size:0; overflow:hidden}/*ie7 hack */
  123.  
  124.  
  125. /* TYPOGRAPHY */
  126. /* ----------------------------------------- */
  127.  
  128. h1, h2, h3, h4, h5, h6 { font-weight:normal }
  129. .alert { background:red; color:white }
  130.  
  131. p.empty{padding-top:15px;}
  132.  
  133. p{font-size:12px; color:#878787;}
  134.  
  135. p.product-description, p.post-excerpt, .post-excerpt p, p.category-description{font-family:Georgia; font-size:14px; line-height:24px; font-style:italic; text-shadow: 1px 1px white;}
  136.  
  137. #brief p{ font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:18px; line-height:30px; margin:0;}
  138.  
  139. #logo h1 a{font-size:18px; text-decoration: none; }
  140.  
  141. h2.category-title{color:black; line-height:1;}
  142.  
  143. ul.sidebar-widgets li h3{margin-bottom:15px; text-transform: uppercase; font-size:14px; font-weight: normal;}
  144.  
  145. li.categories{font-size:1.5em; margin-bottom:1em; font-weight:bold; line-height:1;}
  146.  
  147. li.categories li{font-size:1em; font-weight:normal; margin-bottom:5px;}
  148.  
  149. #leader h1{font-size:24px; font-weight:bold; text-shadow: 1px 1px white;}
  150.  
  151. #leader h1.page-special-title { padding:40px 0 30px; }
  152.  
  153. /* LAYOUT */
  154. /* ----------------------------------------- */
  155.  
  156. .aligncenter { display:block; margin:0 auto }
  157. .alignleft { float:left; margin-right:20px; margin-bottom:10px;}
  158. .alignright { float:right; margin-left:20px; margin-bottom:10px; }
  159. .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
  160.  
  161. br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
  162. li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 }
  163. .row{clear:both; }
  164.  
  165. /* BASIC STYLES */
  166. /* ----------------------------------------- */
  167.  
  168. a:hover{
  169. color:black;
  170. }
  171.  
  172. body{background:#ebebeb url(images/background.jpg) repeat; }
  173.  
  174.  
  175. /* MAIN STRUCTURE AND COLUMNS */
  176. /* ----------------------------------------- */
  177.  
  178. .col{
  179. float:left;
  180. margin-right:20px;
  181. }
  182.  
  183. .col-1{
  184. width:auto;
  185. }
  186.  
  187. .col-3{
  188. width:32%;
  189. margin-right:1%;
  190. float:left;
  191. }
  192.  
  193. .col-5{
  194. width:19%;
  195. margin-right:1.25%;
  196. float:left;
  197. }
  198.  
  199. .col-4{
  200. width:24%;
  201. margin-right:1%;
  202. float:left;
  203. }
  204.  
  205. .col-9{
  206. width:10%;
  207. margin-right:1%;
  208. float:left;
  209. }
  210.  
  211. .col-2{
  212. width:49%;
  213. margin-right:2%;
  214. float:left;
  215. }
  216.  
  217. .col-4-5{
  218. width:79%;
  219. margin-right:1%;
  220. float:left;
  221. }
  222.  
  223. .col-right{
  224. margin-right:0px !important;
  225. }
  226.  
  227. .full-width{
  228. width:980px;
  229. }
  230.  
  231. #main-col{
  232. width:720px;
  233. float:left;
  234. margin-bottom:-30px;
  235. padding-bottom:30px;
  236. }
  237.  
  238. #full-col{
  239. width:100%;
  240. }
  241.  
  242. #main-col.col-1{
  243. width:auto;
  244. }
  245.  
  246. .product-listing{
  247. width:188px;
  248. margin-right:10px;
  249. float:left;
  250. }
  251.  
  252. #main-content{
  253. padding:0px 0px 30px;
  254. }
  255.  
  256. /* SIDEBAR */
  257. /* ----------------------------------------- */
  258.  
  259.  
  260. #sidebar{
  261. width:259px;
  262. float:right;
  263. color:#aaa;
  264. }
  265.  
  266. #sidebar a{
  267. text-decoration: none;
  268. font-weight: normal;
  269. letter-spacing: .03em;
  270. color:#aaa;
  271. }
  272.  
  273. #sidebar a:hover{
  274. color:black;
  275. }
  276.  
  277. #sidebar li.widget-container{
  278. padding:0px 0px 30px 30px;
  279. margin-bottom:0px;
  280. }
  281.  
  282. #sidebar li.widget-container.widget_recent_entries li, #sidebar li.widget-container.widget_recent_comments li, #sidebar li.widget-container.widget_categories li{
  283. padding-bottom:5px;
  284. margin-bottom:5px;
  285. border-bottom:1px solid #ddd;
  286. }
  287.  
  288. #sidebar h3.widget-title{
  289. font-size:16px;
  290. }
  291.  
  292. ul.sidebar-widgets li{
  293. margin-bottom:20px;
  294. }
  295.  
  296. ul.sidebar-widgets li li{
  297. margin-bottom:5px;
  298. }
  299.  
  300. .widget-container{
  301. margin-bottom:15px;
  302. }
  303.  
  304. /* CONTAINER */
  305. /* ----------------------------------------- */
  306.  
  307. .container{
  308.  
  309. }
  310.  
  311. .margin{
  312. width:980px;
  313. margin:0 auto;
  314. }
  315.  
  316. /* HEADER AND TOP HEADER */
  317. /* ----------------------------------------- */
  318.  
  319. #header{
  320. padding-top:70px;
  321. background-image:url(images/radial-gradient.png);
  322. background-position: center center;
  323. background-repeat:no-repeat;
  324. }
  325.  
  326. body.home #header{
  327. background-image:none;
  328. }
  329.  
  330.  
  331.  
  332. #header.container{
  333. overflow:visible;
  334. position: relative;
  335. z-index: 100;
  336. }
  337.  
  338. #header .margin{
  339. border-bottom:1px solid #d0d0d0;
  340. padding-bottom:20px;
  341. clear:both;
  342. position: relative;
  343. }
  344.  
  345. body.page-template-special #header .margin{
  346. border-bottom:0px;
  347. }
  348.  
  349. #header #logo{
  350. }
  351.  
  352. #header #logo a{
  353. color:black;
  354. font-size:22px;
  355. text-decoration: none;
  356. padding: 0;
  357. margin: 0;
  358. font-weight: normal;
  359. line-height: 1em;
  360. }
  361.  
  362. #header h2 {
  363. padding: 0;
  364. margin: 0;
  365. font-weight: normal;
  366. line-height: 1em;
  367. }
  368.  
  369. #boxed #header h2 {
  370. padding-bottom: 10px;
  371. }
  372.  
  373. #top-header{
  374. clear:both;
  375. background:black;
  376. height:10px;
  377. position: fixed;
  378. top:0px;
  379. left:0px;
  380. width:100%;
  381. z-index: 1000;
  382. margin:0;
  383. }
  384.  
  385. .admin-bar #top-header{
  386. top:28px;
  387. }
  388.  
  389. #top-header .margin{
  390. height:1px;
  391. }
  392.  
  393. #user-nav {
  394. z-index: 999;
  395. display: block;
  396. position: absolute;
  397. top: 0;
  398. left: 0;
  399. height: 50px;
  400. width: 100%;
  401. }
  402.  
  403. .admin-bar #user-nav{
  404. top:28px;
  405. }
  406.  
  407. #user-nav .margin{
  408. position: relative;
  409. }
  410.  
  411. #user-nav ul{
  412. position: absolute;
  413. right:235px;
  414. top:24px;
  415. filter:alpha(opacity=85);
  416. -moz-opacity:0.85;
  417. -khtml-opacity: 0.85;
  418. opacity: 0.85;
  419. }
  420.  
  421. #user-nav ul li{
  422. margin-left:10px;
  423. float:left;
  424. }
  425.  
  426. #header-wrapper{
  427. background:url(images/radial-gradient.png) no-repeat center center;
  428. }
  429.  
  430. #top-header #header-categories{
  431. float:right;
  432. position: relative;
  433. }
  434.  
  435. #top-header #header-categories div.header-categories-drop{
  436. display:none;
  437. position:absolute;
  438. top:40px;
  439. right:-1px;
  440. background:black;
  441. }
  442.  
  443. #top-header #header-categories div.header-categories-drop div.categories-group{
  444. margin-right:30px;
  445. width:125px;
  446. border-right:1px dotted #232323;
  447. }
  448.  
  449. #top-header #header-categories div.header-categories-drop div.categories-group.last{
  450. margin-right:0px;
  451. border-right:0px;
  452. }
  453.  
  454. #top-header #header-categories div.header-categories-drop div.categories-group ul li a{
  455. color:#666 !important;
  456. text-decoration: none;
  457. font-size:11px;
  458. }
  459.  
  460. #top-header #header-categories div.header-categories-drop div.categories-group ul li a:hover{
  461. color:white;
  462. }
  463.  
  464. #top-header #header-categories div.header-categories-drop div.categories-group h4{
  465. margin-bottom:5px;
  466. color:white !important;
  467. padding:0px;
  468. }
  469.  
  470. #top-header #header-categories:hover div.header-categories-drop{
  471. display:block;
  472. }
  473.  
  474. #top-header #header-categories:hover h4{
  475. background:black;
  476. }
  477.  
  478. #top-header #top-header-nav{
  479. float:right;
  480. display: inline-block;
  481. zoom:1;
  482. *display:inline;
  483. width:auto;
  484. position: relative;
  485. top:10px;
  486. }
  487.  
  488. #top-header-nav h4{
  489. font-size:12px;
  490. color:white !important;
  491. line-height: 20px;
  492. margin-bottom:0px;
  493. }
  494.  
  495. #top-header-nav h4.top-nav-header {
  496. padding:10px 15px 15px 20px;
  497. height:18px;
  498. color:white !important;
  499. background:#1f1f1f;
  500. }
  501.  
  502. #top-header-nav h4.top-nav-header:hover{
  503. background:black;
  504. }
  505.  
  506. /* PRIMARY NAVIGATION */
  507. /* ----------------------------------------- */
  508.  
  509. #header #topnav{
  510. position: absolute;
  511. bottom:15px;
  512. right:0px;
  513. z-index: 5002;
  514. }
  515.  
  516. #topnav ul {
  517. float: left;
  518. width: 100%;
  519. }
  520.  
  521. #topnav li {
  522. float: left;
  523. list-style-type: none;
  524. }
  525.  
  526. #topnav li a {
  527. font-size:14px;
  528. text-transform: uppercase;
  529. color:#222;
  530. display: block;
  531. padding: 7px 10px 5px;
  532. position: relative;
  533. text-decoration: none;
  534. }
  535.  
  536. #topnav li a:hover,
  537. #topnav li a:active {
  538. background-color: #000;
  539. color: #fff;
  540. }
  541.  
  542. #topnav li a.sf-with-ul {
  543. padding-right: 25px;
  544. }
  545.  
  546. #topnav li a .sf-sub-indicator {
  547. background: url(images/arrow-down.png) no-repeat;
  548. display: block;
  549. height: 10px;
  550. overflow: hidden;
  551. position: absolute;
  552. right: 10px;
  553. text-indent: -9999px;
  554. top: 12px;
  555. width: 10px;
  556. }
  557.  
  558. #topnav li li a,
  559. #topnav li li a:link,
  560. #topnav li li a:visited {
  561. background-color: #333;
  562. border: 1px solid #666;
  563. border-top-width: 0;
  564. color: #fff;
  565. text-transform: none;
  566. font-size:11px;
  567. padding: 7px 10px;
  568. position: relative;
  569. width: 158px;
  570. }
  571.  
  572. #topnav li li a:hover,
  573. #topnav li li a:active {
  574. background-color: #000;
  575. }
  576.  
  577. #topnav li li a .sf-sub-indicator {
  578. background: url(images/arrow-right.png) no-repeat;
  579. top: 10px;
  580. }
  581.  
  582. #topnav li ul, #topnav li ul.children {
  583. margin: 0;
  584. padding: 0;
  585. height: auto;
  586. left: -9999px;
  587. position: absolute;
  588. width: 180px;
  589. z-index: 9999;
  590. }
  591.  
  592. #topnav li ul a {
  593. width: 160px;
  594. }
  595.  
  596. #topnav li ul ul {
  597. margin: -31px 0 0 179px;
  598. }
  599.  
  600. #topnav li:hover ul,
  601. #topnav li.sfHover ul {
  602. left: auto;
  603. }
  604.  
  605. div.header-categories-drop{
  606. background:black;
  607. padding:20px;
  608. width:auto;
  609. width:100%;
  610. }
  611.  
  612. /* CART */
  613. /* ----------------------------------------- */
  614.  
  615. #small-cart{
  616. position:absolute;
  617. z-index:10;
  618. top:40px;
  619. color:white;
  620. right:0px;
  621. padding:20px;
  622. display:none;
  623. background:black;
  624. width:250px;
  625. }
  626.  
  627. #top-header-nav #cart-top a{
  628. color:white !important;
  629. text-decoration: none;
  630. }
  631.  
  632. #cart-top{
  633. float:right;
  634. position:relative;
  635. border-left:1px solid #333;
  636. padding:10px 20px 15px 15px;
  637. height:18px;
  638. background:#1f1f1f;
  639. }
  640.  
  641. #small-cart p{
  642. color:#666 !important;
  643. float:left;
  644. padding:10px 10px 20px 0px;
  645. margin-bottom: 0;
  646. width:160px;
  647. border-right:1px solid #232323;
  648. }
  649.  
  650. #small-cart p.empty{
  651. border-top:1px solid #232323;
  652. }
  653.  
  654. #small-cart p.visitshop, #small-cart p.empty{
  655. position:relative;
  656. top:0px;
  657. left:0px;
  658. width:auto;
  659. border-right:none;
  660. float:none;
  661. }
  662.  
  663. a.go_to_checkout, #top-header-nav #cart-top span.gocheckout a, #small-cart a.checkout-link{
  664. height:12px;
  665. background:url(images/check.png) no-repeat left;
  666. padding-left:14px;
  667. font-size:11px;
  668. color:#FFDE00 !important;
  669. font-weight: bold;
  670. }
  671.  
  672. a.checkout-link{float:left;}
  673.  
  674. #small-cart p br{
  675. display: none;
  676. }
  677.  
  678. #small-cart span.numberitems{
  679. display:none;
  680. }
  681.  
  682. #small-cart span.cartcount{
  683. line-height:20px;
  684. margin-left:2px;
  685. position: relative;
  686. top:0px;
  687. }
  688.  
  689. #small-cart-header div.cart-items{float:right; font-size:24px; color:#ffde00; height:55px; padding:8px 20px 0px 25px;}
  690. #small-cart span.items{float:right; font-size:24px; color:#ffde00; height:55px; padding:8px 20px 0px 25px;}
  691. #top-header-nav #small-cart-header h4{float:none; font-size:12px; color:white !important; font-weight: bold; bottom:5px; line-height:55px;}
  692. #small-cart-header{clear:both; overflow: hidden; height:auto; position: relative;}
  693. #cart-top table.shoppingcart{border-top:1px solid #232323;}
  694. #small-cart #small-cart-header .cart-message{border-right:1px solid #232323; float:left; width:170px; }
  695. #small-cart p span{
  696. line-height:18px;
  697. }
  698. #small-cart .total{
  699. float:right;
  700. clear:both;
  701. color:#666;
  702. font-size:11px;
  703. font-weight:bold;
  704. display:none;
  705. }
  706.  
  707. #small-cart div.small-cart-links{
  708. clear:both;
  709. }
  710.  
  711. #small-cart td{
  712. border-bottom:1px solid #232323;
  713. background:none;
  714. color:#737373;
  715. font-size:11px;
  716. font-weight: bold;
  717. padding:12px 10px 12px 0px;
  718. }
  719.  
  720. form.wpsc_empty_the_cart{
  721. float:right;
  722. font-size:11px;
  723. font-weight:bold;
  724. text-decoration: underline;
  725. }
  726.  
  727. #top-header-nav #small-cart a.checkout-link, li.feature div.post-meta a{color:#ffde00 !important; font-weight:bold; font-size:11px;}
  728. #small-cart a.checkout-link:hover{text-decoration: underline;}
  729.  
  730. #boxed table.logdisplay strong{
  731. font-size:13px;
  732. }
  733.  
  734.  
  735. #small-cart th{
  736. background:none;
  737. border-bottom:1px solid #232323;
  738. font-size:12px;
  739. font-weight: bold;
  740. color:white;
  741. padding:12px 10px 12px 0px;
  742. }
  743.  
  744. #small-cart:hover{
  745. display:block;
  746. background:black;
  747. }
  748.  
  749. #cart-top:hover{
  750. background:black;
  751. }
  752.  
  753. #cart-top:hover #small-cart{
  754. display:block;
  755. }
  756.  
  757. #cart-top span.cartcount a{
  758.  
  759. }
  760.  
  761. #cart-top a span.cartcount{
  762. font-size:12px;
  763. font-weight: bold;
  764. line-height:20px;
  765. margin-left:8px;
  766. position: relative;
  767. top:-5px;
  768. color:white !important;
  769. }
  770.  
  771. /* LEADER */
  772. /* ----------------------------------------- */
  773.  
  774. #leader{
  775. padding:40px 0px 30px;
  776. }
  777.  
  778. body.page-template-special #leader{
  779. padding:0px; position: relative;
  780. }
  781.  
  782. #brief .margin{
  783. padding:0px 0px 5px 0px;
  784.  
  785. }
  786.  
  787.  
  788. #front-content .margin{
  789. padding:15px 0px;
  790. clear:both;
  791. overflow: hidden;
  792. }
  793.  
  794. #category{
  795. padding:30px 0px;
  796. }
  797.  
  798. #category ul.category-list{
  799. width:188px;
  800. margin-right:10px;
  801. float:left;
  802. }
  803.  
  804. /* FEATURE SLIDER */
  805. /* ----------------------------------------- */
  806.  
  807. #features{
  808. overflow:hidden;
  809. clear:both;
  810. height:375px;
  811. }
  812.  
  813. #featured-slider{
  814. width:100%;
  815. overflow:hidden;
  816. clear:both;
  817. z-index:0;
  818. position:relative;
  819. padding-bottom:34px;
  820. background:url(images/slider-back.png) no-repeat center bottom;
  821. }
  822.  
  823. #feature-wrapper{
  824.  
  825. }
  826.  
  827. div.feature-image{
  828. width:68%;
  829. float:left;
  830. margin-right:30px;
  831. }
  832.  
  833. div.feature-image h2{
  834. font-size:100px;
  835. line-height:100px;
  836. margin:0;
  837. }
  838.  
  839. div.feature-description{
  840. float:left;
  841. width:28%;
  842. }
  843.  
  844. ul.feature-list li div.product-content{
  845. margin-top:60px;
  846. width:35%;
  847. float:left;
  848. padding-right:20px;
  849. }
  850.  
  851. ul.feature-list{
  852. clear:both;
  853. overflow:hidden;
  854. height:375px;
  855. }
  856.  
  857. ul.feature-list li{
  858. height:100%;
  859. width:100%;
  860. }
  861.  
  862. ul.feature-list li.feature-product a.buy-now{
  863. display:block;
  864. width:180px;
  865. height:44px;
  866. background:url(images/buynow.png) no-repeat;
  867. text-indent: -9999px;
  868. line-height: 0;
  869. font-size:0;
  870. border:none;
  871. cursor:pointer;
  872. }
  873.  
  874. ul.feature-list li.feature-product{
  875. background:white url(images/featureprodback.png) repeat-x bottom;
  876. }
  877.  
  878. ul.feature-list li.feature-product h2.prodtitles{
  879. margin-bottom:5px;
  880. }
  881.  
  882. ul.feature-list li.feature-product div.description p{
  883. font-size:14px;
  884. line-height:26px;
  885. }
  886.  
  887. ul.feature-list li.feature-product h2 a.wpsc_product_title{
  888. color:#333;
  889. font-size:22px;
  890. font-weight: normal;
  891. }
  892.  
  893. ul.feature-list li.feature{
  894. padding:0px 0px;
  895. }
  896.  
  897. #slider-controls{
  898. text-align: center;
  899. margin-top:0px;
  900. position: relative;
  901. z-index:100;
  902. }
  903.  
  904. #slider-controls a.pager-link{
  905. display: inline-block;
  906. width:15px;
  907. height:17px;
  908. position: relative;
  909. font-size:0;
  910. line-height: 0;
  911. z-index:100;
  912. background:url(images/slidernav.png) no-repeat top;
  913. margin-right:3px;
  914. }
  915.  
  916. #slider-controls a.pager-link.pager-active{
  917. background-position: 0px -16px;
  918. }
  919.  
  920. div.product-image{
  921. width:59%;
  922. margin:0;
  923. padding-right: 1%;
  924. float:left;
  925. position: relative;
  926. }
  927.  
  928. div.feature-nav{
  929. position:absolute;
  930. right:0px;
  931. bottom:0px;
  932. font-size:11px;
  933. }
  934.  
  935. li.promotion div.promotion-text{
  936. display:none;
  937. }
  938.  
  939. ul.feature-list li{
  940. position: relative;
  941. }
  942.  
  943. li.feature a.featured-blog-image{
  944. z-index:-20;
  945. }
  946.  
  947. li.feature div.feature-post-wrapper h3{
  948. margin-bottom:5px;
  949. }
  950.  
  951. li.feature div.feature-post-wrapper{
  952. background:url(images/transblack.png) repeat;
  953. color:white;
  954. position: absolute;
  955. bottom:0px;
  956. width:100%;
  957. padding-top:5px;
  958. }
  959.  
  960. li.feature div.feature-post-wrapper div.post-header,li.feature div.feature-post-wrapper div.post-excerpt{
  961. padding:10px 20px 0px 20px;
  962. margin-bottom:0px;
  963. }
  964.  
  965. li.feature div.feature-post-wrapper div.post-excerpt{
  966. padding-top:0px;
  967. paddin
  968. }
  969.  
  970. #features li.feature div.post-header h3 a{
  971. color:white !important;
  972. text-decoration: none;
  973. }
  974.  
  975. li.feature div.post-excerpt p{
  976. color:white;
  977. text-shadow: none;
  978. }
  979.  
  980. #features a.bx-prev, #features a.bx-next, #features div.bx-auto{
  981. display:none;
  982. }
  983.  
  984. /* STORE-PANEL */
  985. /* ----------------------------------------- */
  986.  
  987. #store-panel .margin{
  988. padding:0px 0px 30px 0px;
  989. }
  990.  
  991. ul.best-seller-list li, ul.front-category-list li, ul.latest-product-list li{
  992. width:188px;
  993. margin-right:10px;
  994. float:left;
  995. position: relative;
  996. z-index:10;
  997. background:white;
  998. display: inline;
  999. }
  1000. ul.front-category-list li img{
  1001. width:100%;
  1002. position: absolute;
  1003. top:0;
  1004. left:0;
  1005. }
  1006.  
  1007. ul.front-category-list li span.category-name{
  1008. background:black;
  1009. color:white;
  1010. padding:15px 0px ;
  1011. filter:alpha(opacity=85);
  1012. -moz-opacity:0.85;
  1013. -khtml-opacity: 0.85;
  1014. opacity: 0.85;
  1015. position: absolute;
  1016. bottom:0px;
  1017. font-weight:bold;
  1018. display: block;
  1019. width:100%;
  1020. text-align: center;
  1021. }
  1022.  
  1023. ul.best-seller-list li div.padding, ul.front-category-list li div.padding, ul.latest-product-list li div.padding{
  1024. height:186px;
  1025. position:relative;
  1026. overflow:hidden;
  1027. border:1px solid #aaa;
  1028. -webkit-border-radius: 3px;
  1029. -moz-border-radius: 3px;
  1030. border-radius: 3px;
  1031. -webkit-box-shadow: 1px 1px 2px #bdbdbd;
  1032. -moz-box-shadow: 1px 1px 2px #bdbdbd;
  1033. z-index: -1;
  1034. box-shadow: 1px 1px 2px #bdbdbd;
  1035. }
  1036.  
  1037. ul.best-seller-list li div.padding img{
  1038.  
  1039. }
  1040.  
  1041. div.front-categories div.front-category-slider33{
  1042. width:10000px;
  1043. clear:both;
  1044. overflow: hidden;
  1045. }
  1046.  
  1047. div.front-categories a.bx-prev{
  1048. display:block;
  1049. width:33px;
  1050. height:33px;
  1051. background:url(images/prev-arrow.png) no-repeat;
  1052. position: absolute;
  1053. left:15px;
  1054. top:70px;
  1055. text-indent: -9999px;
  1056. z-index:100;
  1057.  
  1058. }
  1059.  
  1060. div.front-categories a.bx-next{
  1061. display:block;
  1062. width:33px;
  1063. height:33px;
  1064. background:url(images/next-arrow.png) no-repeat;
  1065. position: absolute;
  1066. right:15px;
  1067. top:70px;
  1068. text-indent: -9999px;
  1069. z-index:100;
  1070.  
  1071. }
  1072.  
  1073. div.front-categories div.full-width{
  1074.  
  1075. }
  1076.  
  1077. div.front-categories div.slider-mask{
  1078. width:100%;
  1079. overflow: hidden;
  1080. position: relative;
  1081. }
  1082.  
  1083. div.test1{
  1084. width:980px;
  1085. position: relative;
  1086. overflow: hidden;
  1087. }
  1088.  
  1089. div.test2{
  1090. width:10000px;
  1091. position: absolute;
  1092. }
  1093.  
  1094. div.test2 div{
  1095. float:left;
  1096. }
  1097.  
  1098. /* BLOG-PANEL */
  1099. /* ----------------------------------------- */
  1100.  
  1101. #blog-panel{
  1102.  
  1103. }
  1104.  
  1105. img.attachment-post-thumbnail, div.group-thumbnail img, div.single_container div.single-imagecol a img, a.large-blog-image img, div.main_image img{
  1106. border:4px solid white;
  1107. -webkit-border-radius: 3px;
  1108. -moz-border-radius: 3px;
  1109. border-radius: 3px;
  1110. background: white;
  1111. }
  1112.  
  1113. div.group-thumbnail img{
  1114. height:100px;
  1115. }
  1116.  
  1117. #footer-top #blog-panel div.col-wrapper, #footer-top div.footer-top-left div.col-wrapper{
  1118. padding-right:30px;
  1119. padding-left:0px;
  1120. padding-bottom:30px;
  1121. background:url(images/trans-border.png) repeat-y right;
  1122. }
  1123.  
  1124. div.group-thumbnail{
  1125. position: relative;
  1126. }
  1127.  
  1128. a.thumbnail, div.group-thumbnail, div.single_container div.single-imagecol a, a.large-blog-image, div.main_image a{
  1129. float:left;
  1130. margin:0px 15px 0px 0px;
  1131. border:1px solid #ccc;
  1132. display:block;
  1133. line-height:0;
  1134. -webkit-border-radius: 3px;
  1135. -moz-border-radius: 3px;
  1136. border-radius: 3px;
  1137. -webkit-box-shadow: 1px 1px 1px #bdbdbd;
  1138. -moz-box-shadow: 1px 1px 1px #bdbdbd;
  1139. box-shadow: 1px 1px 1px #bdbdbd;
  1140. }
  1141.  
  1142. div.post-meta p{
  1143. margin:0px;
  1144. }
  1145.  
  1146. div.post-header{
  1147. margin-bottom:15px;
  1148. }
  1149.  
  1150. div.post-content p{
  1151. color:#878787;
  1152. }
  1153.  
  1154. #blog-panel ul li.post {
  1155. clear: both;
  1156. }
  1157.  
  1158. #blog-panel ul li.post h3{
  1159. margin-bottom:5px;
  1160. }
  1161.  
  1162. #blog-panel ul li.post h3 a{
  1163. font-size:14px;
  1164. color:black;
  1165. font-weight: bold;
  1166. text-decoration: none;
  1167. text-shadow: 1px 1px white;
  1168. }
  1169.  
  1170. /* FOOTER */
  1171. /* ----------------------------------------- */
  1172.  
  1173. #footer{
  1174.  
  1175. }
  1176.  
  1177. #footer-top{
  1178. background:url(images/trans-border.png) repeat-x top;
  1179. }
  1180.  
  1181. #footer div.margin{
  1182.  
  1183. }
  1184.  
  1185. #footer-top{
  1186. clear:both;
  1187. }
  1188.  
  1189. #footer-top .col-2{
  1190. width:50%;
  1191. margin:0;
  1192. }
  1193.  
  1194. #footer-top .col-2 .col-wrapper{
  1195. padding:0px 20px;
  1196. }
  1197.  
  1198. #footer-top .col-2.col-right div.col-wrapper{
  1199. background:url(images/trans-border.png) repeat-y left;
  1200. }
  1201.  
  1202. #footer-top .col-2.col-right.col-first div.col-wrapper{
  1203. background:none;
  1204. }
  1205.  
  1206. #footer-bottom{
  1207. clear:both;
  1208. padding-bottom:20px;
  1209. padding-top:20px;
  1210. background:url(images/trans-border.png) repeat-x top;
  1211. }
  1212.  
  1213. .widget_wpsc_categorisation ul.wpsc_categories li{
  1214. margin-bottom:5px;
  1215. clear:both;
  1216. overflow: hidden;
  1217. position: relative
  1218. }
  1219.  
  1220. .widget_wpsc_categorisation ul.wpsc_categories li a.wpsc_category_link{
  1221. font-size:12px;
  1222. font-weight:normal;
  1223. position: relative;
  1224.  
  1225. }
  1226. .widget_wpsc_categorisation span.item_no_image span.link_substitute{
  1227. border:1px solid #ccc;
  1228. padding:4px;
  1229. background:white;
  1230. float:left;
  1231. width:45px;
  1232. text-indent: -9999px;
  1233. height:45px;
  1234. margin-right:10px;
  1235. }
  1236.  
  1237. a.wpsc_category_image_link{
  1238. float:left;
  1239. margin:0px;
  1240. }
  1241.  
  1242. img.wpsc_category_image, td.firstcol img{
  1243. border:1px solid #ccc;
  1244. background:white;
  1245. padding:4px;
  1246. line-height:0;
  1247. -webkit-border-radius: 3px;
  1248. -moz-border-radius: 3px;
  1249. border-radius: 3px;
  1250. margin-right:10px;
  1251. }
  1252.  
  1253. a.wpsc_category_image_link img{
  1254.  
  1255. }
  1256.  
  1257. #footer-top .widget_wpsc_categorisation ul li{
  1258.  
  1259. }
  1260.  
  1261. #footer-bottom div.height-wrapper{
  1262.  
  1263. }
  1264.  
  1265. #footer-bottom p{
  1266. font-size:11px;
  1267. }
  1268.  
  1269. #footer-top div.col-wrapper{
  1270.  
  1271. }
  1272. #footer-bottom .widget-container a{
  1273. color:#878787;
  1274. text-decoration: none;
  1275. font-size:11px;
  1276. font-weight: normal;
  1277. }
  1278.  
  1279. #footer-bottom .widget-container a:hover{
  1280. color:black;
  1281. }
  1282.  
  1283. #footer-top h3.widget-title, #store-panel div.best-sellers h2, #store-panel div.front-categories h2, #store-panel div.latest-products h2{
  1284. background:#0e0e0e;
  1285. color:white !important;
  1286. font-weight: normal;
  1287. clear:both;
  1288. font-size:18px;
  1289. padding:9px 20px;
  1290. display: inline-block;
  1291. zoom:1;
  1292. *display:inline;
  1293. margin-left:-25px;
  1294. line-height:24px;
  1295. }
  1296. div.best-sellers h2,div.front-categories h2, div.latest-products h2{
  1297. margin-bottom:0px;
  1298. top:25px;
  1299. position: relative;
  1300. z-index: 1000;
  1301. }
  1302.  
  1303. #footer div.widget-container{
  1304. padding:0px 0px;
  1305. }
  1306.  
  1307. #footer #footer-bottom div.widget-container{
  1308. padding:0px;
  1309. }
  1310.  
  1311. #footer-bottom h3{
  1312. font-size:14px;
  1313. color:#292929;
  1314. text-shadow:1px 1px white;
  1315. }
  1316.  
  1317. p.twitter-message{
  1318. font-family:Georgia;
  1319. font-size:12px;
  1320. color:#878787;
  1321. font-style: italic;
  1322. }
  1323.  
  1324. h4.wpsc_category_title{
  1325. font-size:12px;
  1326. }
  1327.  
  1328. /* COPYRIGHT */
  1329. /* ----------------------------------------- */
  1330.  
  1331. #copyright .margin{
  1332. padding:30px 0px;
  1333. background:url(images/trans-border.png) repeat-x top;
  1334. }
  1335.  
  1336. #copyright{
  1337. padding-top:0px;
  1338. }
  1339.  
  1340. /* PRODUCTS */
  1341. /* ----------------------------------------- */
  1342.  
  1343. #products{
  1344. padding:0px 0px;
  1345. }
  1346.  
  1347. .single_container{
  1348. padding:0px 0px 30px;
  1349. clear:both;
  1350. }
  1351.  
  1352. div.product-meta, .widget_specials img{
  1353. position: relative;
  1354. height:186px;
  1355. margin-bottom:15px;
  1356. background:white;
  1357. border:1px solid #aaa;
  1358. -webkit-border-radius: 3px;
  1359. -moz-border-radius: 3px;
  1360. border-radius: 3px;
  1361. -webkit-box-shadow: 1px 2px 2px #bdbdbd;
  1362. -moz-box-shadow: 1px 2px 2px #bdbdbd;
  1363. box-shadow: 1px 2px 2px #bdbdbd;
  1364. }
  1365.  
  1366. div#main-col div.product-meta{
  1367. height:126px;
  1368. }
  1369.  
  1370. ul.product-list {
  1371. margin-bottom: 20px;
  1372. }
  1373.  
  1374. ul.product-list li.product-listing div.product-meta{
  1375.  
  1376. }
  1377.  
  1378. ul.product-list li div.imagecol{
  1379.  
  1380. position:absolute;
  1381. top:0px;
  1382. left:0px;
  1383. overflow: hidden;
  1384. }
  1385.  
  1386. ul.product-list li div.padding{
  1387.  
  1388. }
  1389.  
  1390. h3.prodtitles a{
  1391. font-size:14px;
  1392. text-decoration: none;
  1393. color:black;
  1394. text-shadow: 1px 1px white;
  1395. }
  1396.  
  1397. div.wpsc_description p{
  1398. font-size:12px;
  1399. color:#878787;
  1400. }
  1401.  
  1402. ul.product-list li div.product-meta:hover input.wpsc_buy_button{
  1403.  
  1404. }
  1405.  
  1406. ul.product-list li div.product-meta input.wpsc_buy_button{
  1407. position: relative;
  1408. top:70px;
  1409. left:50px;
  1410. z-index: 1000;
  1411. display: block;
  1412. width:180px;
  1413. height:43px;
  1414. background:url(images/buynow.png) no-repeat;
  1415. text-indent: -9999px;
  1416. border:none;
  1417. line-height: 0;
  1418. font-size:0;
  1419. cursor: pointer;
  1420. display: none;
  1421. }
  1422.  
  1423. ul.product-list li div.producttext input.wpsc_buy_button{
  1424. position: relative;
  1425. display: block;
  1426. width:180px;
  1427. height:43px;
  1428. background:url(images/buynow.png) no-repeat;
  1429. text-indent: -9999px;
  1430. border:none;
  1431. cursor: pointer;
  1432. margin-left: 0;
  1433. padding-left: 0;
  1434. }
  1435.  
  1436. a.read-more-but{
  1437. position: relative;
  1438. top:70px;
  1439. left:39px;
  1440. z-index: 1000;
  1441. width:109px;
  1442. height:46px;
  1443. background:url(images/read-more-but.png) no-repeat;
  1444. text-indent: -9999px;
  1445. border:none;
  1446. line-height: 0;
  1447. font-size:0;
  1448. cursor: pointer;
  1449. display: none;
  1450. }
  1451.  
  1452. ul.product-list li div.product-meta:hover a.read-more-but{
  1453. display:block;
  1454. }
  1455.  
  1456. ul.product-list li.product-listing.yes-image div.padding div.imagecol, ul.best-seller-list li.best-seller.yes-image div.padding div.imagecol{
  1457.  
  1458. }
  1459.  
  1460. ul.product-list li{
  1461. margin-bottom:0px;
  1462. }
  1463.  
  1464. li.product-listing.yes-image div.producttext,ul.best-seller-list li.best-seller.yes-image div.producttext{
  1465.  
  1466. }
  1467.  
  1468. li.product-listing.yes-image:hover div.producttext,ul.best-seller-list li.best-seller.yes-image:hover div.producttext{
  1469. display:block;
  1470. }
  1471.  
  1472. li.product-listing.yes-image div.product-meta:hover div.imagecol,ul.best-seller-list li.best-seller.yes-image div.product-meta:hover div.imagecol{
  1473.  
  1474. }
  1475.  
  1476. ul.product-list div.row{
  1477. margin-bottom:20px;
  1478. }
  1479.  
  1480. div.single-imagecol{
  1481. width:550px;
  1482. margin-right:30px;
  1483. float:left;
  1484. position: relative;
  1485. }
  1486.  
  1487. div.single-producttext{
  1488. width:40%;
  1489. float:left;
  1490. }
  1491.  
  1492. #top-header-nav div.categories-group{
  1493. float:left;
  1494. height:100%;
  1495. }
  1496.  
  1497. #products-sidebar div.categories-group{
  1498. margin-bottom:20px;
  1499. }
  1500.  
  1501. #products-sidebar div.categories-group ul li ul{
  1502. margin-left:5px;
  1503. }
  1504.  
  1505. #products-sidebar div.categories-group ul li a, #products-sidebar ul.xoxo li ul li a{
  1506. color: #AAA;
  1507. font-weight: normal;
  1508. letter-spacing: 0.03em;
  1509. text-decoration: none;
  1510. }
  1511.  
  1512. #products-sidebar div.categories-group ul li a:hover, #products-sidebar div.categories-group ul li a.wpsc-current-cat, #products-sidebar ul.xoxo li ul li a:hover{
  1513. color:black;
  1514. }
  1515.  
  1516. #products-sidebar h4.wpsc_category_title, #products-sidebar h3.widget-title{
  1517. margin-bottom:3px;
  1518. font-size:14px;
  1519. }
  1520. div.group-thumbnail{
  1521. float:left;
  1522. margin-right:20px;
  1523. }
  1524.  
  1525. div.product_average_vote{
  1526. margin-bottom:10px;
  1527. }
  1528.  
  1529. div.product_footer span.votetext{
  1530. height:auto;
  1531. display:block;
  1532. }
  1533.  
  1534. div.product_footer div.star{
  1535. float:left;
  1536. margin-left:3px;
  1537. }
  1538.  
  1539. form.product_form fieldset{
  1540. padding:0px;
  1541. border:none;
  1542. }
  1543.  
  1544. a#fancy_collapser_link{
  1545. margin-left:5px;
  1546. }
  1547.  
  1548. div#products_page_container{
  1549. clear:both;
  1550. margin-bottom:30px;
  1551. }
  1552.  
  1553. #main-col div#products_page_container{
  1554. padding-top:20px;
  1555. padding-bottom:20px;
  1556. border-top:1px solid #ddd;
  1557. margin-top:30px;
  1558. border-bottom:1px solid #ddd;
  1559. }
  1560.  
  1561. div#products_page_container div.single-product-meta{
  1562. border-top:1px solid #d0d0d0;
  1563. border-bottom:1px solid #d0d0d0;
  1564. padding:15px 0px 5px;
  1565. margin-bottom:20px;
  1566. clear:both;
  1567. overflow: hidden;
  1568. }
  1569.  
  1570. div#products_page_container div.single-product-meta div.wpsc_variation_forms{
  1571. float:left;
  1572. }
  1573.  
  1574. div#products_page_container div.single-product-meta div.wpsc_variation_forms li{
  1575. float:left;
  1576. margin-right:15px;
  1577. }
  1578.  
  1579. div#products_page_container div.single-product-meta div.quantity-meta{
  1580. float:left;
  1581. margin-right:10px;
  1582. }
  1583.  
  1584.  
  1585. h3.prodtitles a.wpsc_edit_product{
  1586. font-size:11px;
  1587. color:#09F;
  1588. }
  1589.  
  1590. li.product-listing div.wpsc_product_price span.pricedisplay{
  1591. background:black;
  1592. color:white;
  1593. padding:7px 10px;
  1594. font-family: Georgia;
  1595. color:white;
  1596. float:right;
  1597. font-size:16px;
  1598. font-weight: normal;
  1599. clear:both;
  1600. position: absolute;
  1601. bottom:0px;
  1602. right:0px;
  1603. filter:alpha(opacity=70);
  1604. -moz-opacity:0.7;
  1605. -khtml-opacity: 0.7;
  1606. opacity: 0.7;
  1607. }
  1608.  
  1609. span.oldprice{
  1610. filter:alpha(opacity=30);
  1611. -moz-opacity:0.3;
  1612. -khtml-opacity: 0.3;
  1613. opacity: 0.3;
  1614. }
  1615.  
  1616. li.product-listing div.wpsc_product_price span.sale-icon, div.front-panel span.sale-icon{
  1617. display:block;
  1618. width:56px;
  1619. height:56px;
  1620. background:url(images/sale.png) no-repeat;
  1621. text-indent: -9999px;
  1622. position: absolute;
  1623. top:-20px;
  1624. right:-20px;
  1625. z-index:50;
  1626. }
  1627.  
  1628. div#products_page_container.single_container div.single-imagecol span.sale-icon-single{
  1629. display:block;
  1630. width:93px;
  1631. height:93px;
  1632. background:url(images/salebig.png) no-repeat;
  1633. text-indent: -9999px;
  1634. position: absolute;
  1635. top:-20px;
  1636. right:-20px;
  1637. z-index:20;
  1638. }
  1639.  
  1640. li.product-listing div.wpsc_product_price span.sale-price{
  1641. color:#FFDE00;
  1642. }
  1643.  
  1644. div#products_page_container.single_container input.wpsc_buy_button{
  1645. display:block;
  1646. width:180px;
  1647. height:44px;
  1648. background:url(images/buynow.png) no-repeat;
  1649. text-indent: -9999px;
  1650. line-height: 0;
  1651. font-size:0;
  1652. border:none;
  1653. margin-left:-2px;
  1654. float:left;
  1655. cursor:pointer;
  1656. margin-right:20px;
  1657. }
  1658.  
  1659. div#products_page_container.single_container form.product_form{
  1660. clear:both;
  1661. overflow: hidden;
  1662. padding-bottom:10px;
  1663. margin-bottom:15px;
  1664. }
  1665.  
  1666. div#products_page_container.single_container h4.shipping{
  1667. float:left;
  1668. font-size:14px;
  1669. position: relative;
  1670. top:-7px;
  1671. }
  1672.  
  1673. div.wpsc_page_numbers{
  1674. border-top:1px dotted #ddd;
  1675. padding-top:10px;
  1676. padding-bottom:20px;
  1677. clear:both;
  1678. overflow: hidden;
  1679. color:#999;
  1680. font-size:11px;
  1681. }
  1682.  
  1683. div.products-sidebar div.wpsc_page_numbers{
  1684. clear:none;
  1685. }
  1686.  
  1687. div.wpsc_page_numbers a, div.wpsc_page_numbers span{
  1688. font-size:13px;
  1689. }
  1690.  
  1691. div.wpsc_page_numbers a.selected{
  1692. color:black;
  1693. font-weight: bold;
  1694.  
  1695. }
  1696.  
  1697. ul.product-list li.product-listing .padding{
  1698.  
  1699. }
  1700.  
  1701. ul.product-list li.product-listing img.product_image{
  1702. width:100%;
  1703. }
  1704.  
  1705. a.wpsc_edit_product{
  1706. font-size:11px;
  1707. display:block;
  1708. margin-top:10px;
  1709. }
  1710.  
  1711. div.wpsc_categorisation_group{
  1712. margin-bottom:10px;
  1713. }
  1714.  
  1715. div.wpsc_categorisation_group h4{
  1716. margin-bottom:5px;
  1717. }
  1718.  
  1719. #wpsc_akst_form{
  1720. top:40%;
  1721. left:35%;
  1722. }
  1723.  
  1724.  
  1725. /* CHECKOUT */
  1726. /* ----------------------------------------- */
  1727.  
  1728. #checkout{
  1729. padding:0px 0px 50px;
  1730. }
  1731.  
  1732. #checkout #checkout-slider-mask{
  1733. position: relative;
  1734. width:980px;
  1735. overflow:hidden;
  1736. clear:both;
  1737. }
  1738.  
  1739. #checkout #checkout-slider{
  1740. width:3000px;
  1741. }
  1742.  
  1743. #checkout #shopping-cart, #checkout #shopping-cart-form{
  1744. float:left;
  1745. margin-right:30px;
  1746. width:980px;
  1747. }
  1748.  
  1749. #checkout #shopping-cart-form{
  1750. display:none;
  1751. }
  1752.  
  1753. #totals{
  1754. margin:40px 0px 10px;
  1755. }
  1756.  
  1757. #totals h2{
  1758. margin-bottom:5px;
  1759. }
  1760.  
  1761. #totals h3{
  1762. font-size:14px;
  1763. }
  1764.  
  1765. #totals table.productcart tr.total_price td{
  1766. color:black;
  1767. font-weight:bold;
  1768. }
  1769.  
  1770. span.checkout_totals{
  1771. color:#999;
  1772. }
  1773.  
  1774. #shopping-cart h2.review-order, #shopping-cart-form h2.checking-out{
  1775. background:#0e0e0e;
  1776. color:white !important;
  1777. font-weight: normal;
  1778. clear:both;
  1779. font-size:18px;
  1780. padding:9px 20px;
  1781. display: inline-block;
  1782. line-height:24px;
  1783. zoom:1;
  1784. *display:inline;
  1785. }
  1786.  
  1787. p.required, p.validation-error{
  1788. font-style: italic;
  1789. color:red;
  1790. display:inline;
  1791. margin-left:10px;
  1792. }
  1793.  
  1794. tr.validation-error td{
  1795. background:#ffecec;
  1796. }
  1797.  
  1798. tr.firstrow td{
  1799. font-size:16px;
  1800. font-weight: bold;
  1801. color:black;
  1802. text-shadow: 1px 1px white;
  1803. }
  1804.  
  1805. tr.product_row td.firstcol a{
  1806. font-weight: bold;
  1807. font-size:14px;
  1808. text-decoration: none;
  1809. }
  1810.  
  1811. table.wpsc_checkout_table label{
  1812. color:black;
  1813. }
  1814.  
  1815. table.wpsc_checkout_table h4{
  1816. margin-top:20px;
  1817. }
  1818.  
  1819. a#checkout-next{
  1820. display:block;
  1821. float:right;
  1822. width:150px;
  1823. height:50px;
  1824. background:url(images/proceed.png) no-repeat;
  1825. line-height: 0;
  1826. text-indent: -9999px;
  1827. font-size:0;
  1828. cursor: pointer;
  1829. }
  1830.  
  1831. a#checkout-back{
  1832. display:block;
  1833. width:102px;
  1834. height:50px;
  1835. background:url(images/back.png) no-repeat;
  1836. line-height: 0;
  1837. text-indent: -9999px;
  1838. font-size:0;
  1839. cursor: pointer;
  1840. }
  1841.  
  1842. input.make_purchase{
  1843. display:block;
  1844. width:150px;
  1845. float:right;
  1846. height:50px;
  1847. background:url(images/checkout.png) no-repeat;
  1848. line-height: 0;
  1849. text-indent: -9999px;
  1850. font-size:0;
  1851. cursor: pointer;
  1852. border:none;
  1853. }
  1854.  
  1855. #checkout-progress{
  1856. float:right;
  1857. margin-bottom:-30px;
  1858. }
  1859.  
  1860. #checkout-bar-out{
  1861. background:#b2b2b2;
  1862. width:245px;
  1863. border-top:1px solid #808080;
  1864. height:6px;
  1865. }
  1866.  
  1867. #checkout-bar-in{
  1868. background:black;
  1869. width:20%;
  1870. height:6px;
  1871. }
  1872.  
  1873. #checkout-progress h4{
  1874. font-size:14px;
  1875. color:#545454;
  1876. margin-bottom:10px;
  1877. }
  1878.  
  1879. #checkout button.remove_button, input.regular-button, input#searchsubmit, #sidebar input[type=submit], #footer input[type=submit]{
  1880. background:url(images/regularbutton.png) repeat-x;
  1881. border:none;
  1882. height:30px;
  1883. border-left:1px solid #999;
  1884. border-right:1px solid #999;
  1885. color:black;
  1886. cursor: pointer;
  1887. }
  1888.  
  1889.  
  1890. /* BLOG */
  1891. /* ----------------------------------------- */
  1892.  
  1893. div.blog-post{
  1894. margin-bottom:40px;
  1895. padding-bottom:30px;
  1896. border-bottom:1px solid #ddd;
  1897. }
  1898.  
  1899. div.blog-overview div.post-meta{
  1900. font-size:11px;
  1901. color:black;
  1902. border-top:1px dotted #ddd;
  1903. border-bottom:1px dotted #ddd;
  1904. padding:5px 0px;
  1905. clear:both;
  1906. margin-bottom: 15px;
  1907. position: relative;
  1908. }
  1909.  
  1910. div.post-meta p{
  1911. color:#666;
  1912. font-size:11px;
  1913. }
  1914.  
  1915. a.large-blog-image{
  1916. display: block;
  1917. margin-bottom:15px;
  1918. }
  1919.  
  1920. div.blog-post.blog-overview div.post-header{
  1921. clear:both;
  1922. margin-bottom:10px;
  1923. }
  1924.  
  1925. div.blog-post.blog-overview h2{
  1926. margin-bottom: 5px;
  1927. }
  1928.  
  1929. div.blog-post.blog-overview h2.post-title a{
  1930. font-size:24px;
  1931. font-weight: normal;
  1932. text-shadow:1px 1px white;
  1933. color:black;
  1934. text-decoration: none;
  1935. }
  1936.  
  1937. a.comment-count{
  1938. display:block;
  1939. width:190px;
  1940. height:40px;
  1941. background:url(images/comment.png) no-repeat;
  1942. color:#333 !important;
  1943. text-decoration: none;
  1944. font-weight:bold;
  1945. text-align: center;
  1946. font-size:12px;
  1947. line-height: 37px;
  1948. margin-left:5px;
  1949. position: absolute;
  1950. top: -5px;
  1951. right: 0;
  1952. }
  1953.  
  1954. div.pagination{
  1955. font-weight: bold;
  1956. padding:5px;
  1957. font-size:14px;
  1958. }
  1959.  
  1960. div.pagination a{
  1961. padding:5px;
  1962. border-left:1px solid #ddd;
  1963. }
  1964.  
  1965. div.pagination span{
  1966. padding:5px;
  1967. }
  1968.  
  1969.  
  1970. /* SINGLE POST */
  1971. /* ----------------------------------------- */
  1972.  
  1973. div#single-post{
  1974. margin-bottom:20px;
  1975. clear:both;
  1976. overflow: hidden;
  1977. }
  1978.  
  1979. div#single-post div.post-excerpt{
  1980.  
  1981. }
  1982.  
  1983. div#single-post div.post-excerpt p{
  1984. font-style: normal;
  1985. font-size:16px;
  1986. color:#666;
  1987. margin-top:10px;
  1988. }
  1989.  
  1990. div#single-post a.large-blog-image{
  1991. margin-bottom:25px;
  1992. }
  1993.  
  1994. div#single-post div.post-meta{
  1995. float:none;
  1996. clear:both;
  1997. position: relative;
  1998. top:-37px;
  1999. right:0px;
  2000. color:#666;
  2001. margin-bottom:-20px;
  2002. }
  2003.  
  2004. div#single-post div.post-meta p{
  2005. font-size:12px;
  2006. color:#666;
  2007. }
  2008.  
  2009. img.alignnone, img.size-thumbnail, p.attachment img, img.size-medium{
  2010. padding:3px;
  2011. border:1px solid #ccc;
  2012. display: block;
  2013. margin-bottom:5px;
  2014. }
  2015.  
  2016. div.entry-attachment div.nav-next{
  2017. float:right;
  2018. }
  2019. div.entry-attachment div.nav-previous{
  2020. float:left;
  2021. }
  2022.  
  2023. div#main-col ul{
  2024. list-style-type:circle;
  2025. margin-left:10px;
  2026. padding-left:10px;
  2027. }
  2028.  
  2029. div#main-col ul li{
  2030. margin-bottom:5px;
  2031. }
  2032.  
  2033. /* COMMENTS */
  2034. /* ----------------------------------------- */
  2035.  
  2036. ul.children{
  2037. margin-left:20px;
  2038. }
  2039.  
  2040. li.comment{
  2041. border-bottom:1px solid #ddd;
  2042. padding-left:106px;
  2043. clear:both;
  2044. overflow: hidden;
  2045. display: block;
  2046. position: relative;
  2047. }
  2048.  
  2049. div#products-sidebar ul.children{
  2050. margin-left:0px;
  2051. padding-left:10px;
  2052. }
  2053.  
  2054. ul.children{
  2055. margin-left:-106px;
  2056. padding-left:20px;
  2057. }
  2058.  
  2059. ul.children li{
  2060. border-top:1px solid #ddd;
  2061. padding-bottom:0px;
  2062. border-bottom:none;
  2063. margin-bottom:0px;
  2064. }
  2065.  
  2066. img.avatar{
  2067. padding:3px;
  2068. border:1px solid #ddd;
  2069. display: block;
  2070. margin-bottom:5px;
  2071. }
  2072.  
  2073. div.comment-author{
  2074. float:left;
  2075. padding-right:20px;
  2076. border-right:1px solid #ddd;
  2077. margin-right:20px;
  2078. padding-bottom:15px;
  2079. padding-top:15px;
  2080. color:#666;
  2081. width:65px;
  2082. margin-left:-106px;
  2083. }
  2084.  
  2085. div.comment-body{
  2086. float:left;
  2087. padding-bottom:15px;
  2088. padding-top:15px;
  2089. width:100%;
  2090. }
  2091.  
  2092. cite.fn{
  2093. text-transform: uppercase;
  2094. font-style: normal;
  2095. font-size:10px;
  2096. font-weight: bold;
  2097. }
  2098.  
  2099. div.comment-meta{
  2100. float:right;
  2101. font-size:11px;
  2102. margin-left:5px;
  2103. }
  2104.  
  2105. ul.comments-list{
  2106. margin-bottom:25px;
  2107. }
  2108.  
  2109. div.comment-meta a{
  2110. font-size:11px;
  2111. text-transform: uppercase;
  2112. text-decoration: none;
  2113. color:black;
  2114. }
  2115.  
  2116. a.comment-reply-link{
  2117. font-size:11px;
  2118. text-transform: uppercase;
  2119. text-decoration: none;
  2120. color:black;
  2121. }
  2122.  
  2123. p.comment-form-comment{
  2124. width:100%;
  2125. }
  2126.  
  2127. p.comment-form-comment textarea{
  2128. width:100%;
  2129. }
  2130.  
  2131. .form-submit input#submit{
  2132. display:block;
  2133. font-size:0;
  2134. line-height: 0;
  2135. width:159px;
  2136. height:50px;
  2137. background:url(images/postcomment.png) no-repeat;
  2138. cursor: pointer;
  2139. text-indent: -9999px;
  2140. border:none;
  2141. }div#single-post
  2142.  
  2143. p.form-allowed-tags{
  2144. display: none;
  2145. }
  2146.  
  2147. #comments{
  2148. border-top:3px double #D0D0D0;
  2149. margin-top:30px;
  2150. clear:both;
  2151. overflow: hidden;
  2152. padding-top:30px;
  2153. }
  2154.  
  2155.  
  2156. /* BREADCRUMBS */
  2157. /* ----------------------------------------- */
  2158.  
  2159. div.breadcrumb{
  2160. padding:0px 7px 7px;
  2161. padding-left:0px;
  2162. margin-bottom:5px;
  2163. font-size:11px;
  2164. position: relative;
  2165. top:0px;
  2166. }
  2167.  
  2168. div.breadcrumb a{
  2169. text-decoration: none;
  2170. }
  2171.  
  2172. /* WIDGETS */
  2173. /* ----------------------------------------- */
  2174.  
  2175. #calendar_wrap td{
  2176. font-size:11px;
  2177. padding:5px 4px;
  2178. background:white;
  2179. margin:0;
  2180. }
  2181.  
  2182. .widget_calendar th{
  2183. font-size:12px;
  2184. padding:5px 4px;
  2185. border-bottom:1px dotted #ddd;
  2186. }
  2187.  
  2188. .widget_calendar caption{
  2189. text-align: center;
  2190. border:1px solid #ddd;
  2191. }
  2192.  
  2193. .widget_calendar table{
  2194. border:1px solid #ddd;
  2195. }
  2196.  
  2197. #sidebar input#s{
  2198. width:217px;
  2199. }
  2200.  
  2201. .widget_specials br{
  2202. display: none;
  2203. }
  2204.  
  2205. .widget_specials img{
  2206. width:100%;
  2207. height:auto;
  2208. margin-bottom:10px;
  2209. display:block;
  2210. }
  2211.  
  2212. .widget_specials strong{
  2213. margin-bottom: 5px;
  2214. display: block;
  2215. }
  2216.  
  2217. .widget_specials strong a{
  2218. color:black;
  2219. font-size:13px;
  2220. }
  2221.  
  2222. .widget_specials span.oldprice span.pricedisplay{
  2223. font-size:11px;
  2224. text-decoration: line-through;
  2225. }
  2226.  
  2227. .widget_specials span.pricedisplay{
  2228. font-size:14px;
  2229. color:black;
  2230. clear:both;
  2231. overflow: hidden;
  2232. font-weight: bold;
  2233. display: block;
  2234. }
  2235.  
  2236. .widget_specials form{
  2237. margin-top:10px;
  2238. }
  2239.  
  2240. div.widget-container ul.children{
  2241. margin-left:-10px;
  2242. }
  2243.  
  2244. /* GOLD CART FEATURES */
  2245. /* ----------------------------------------- */
  2246.  
  2247. #content-wrapper #products div.wpsc_product_search{
  2248. float:right;
  2249. position: relative;
  2250. display: inline;
  2251. z-index:100;
  2252. width:659px;
  2253. border-top:none;
  2254. padding:0;
  2255. margin:-30px 0 15px 0;
  2256. background:none;
  2257. height:auto;
  2258. }
  2259.  
  2260. #content-wrapper #products div.wpsc_product_search div{
  2261. float:left;
  2262. width:175px;
  2263. margin-left:-20px;
  2264. }
  2265.  
  2266. #content-wrapper #products div.wpsc_product_search div div{
  2267. width:auto;
  2268. margin-left:0px;
  2269. }
  2270.  
  2271. #content-wrapper #products div.wpsc_product_search select{
  2272. padding:0;
  2273. }
  2274.  
  2275. #products div.blind_down{
  2276. padding:20px;
  2277. background: white;
  2278. border:3px solid #ddd;
  2279. }
  2280.  
  2281. #products div.blind_down ul li a{
  2282. color:#777 !important;
  2283. }
  2284.  
  2285. #products div.blind_down ul li a strong{
  2286. color:black;
  2287. }
  2288.  
  2289. #products div.blind_down ul li a:hover{
  2290. background:#eee !important;
  2291. color:#333 !important;
  2292. }
  2293.  
  2294. #content-wrapper #products input.wpsc_product_search{
  2295. display: block;
  2296. float:right;
  2297. margin:0px 2px 0px 15px;
  2298. top:-7px;
  2299. position: relative;
  2300.  
  2301. padding:7px;
  2302. font-size:14px;
  2303. color:#666;
  2304. width:150px;
  2305. }
  2306.  
  2307. #content-wrapper #products #wpsc_show, #wpsc_sort{
  2308. padding:15px;
  2309. background:#ffffff;
  2310. left:57px;
  2311. top:16px;
  2312. z-index:1000;
  2313. }
  2314.  
  2315. #content-wrapper #products #wpsc_sort{
  2316. left:42px;
  2317. }
  2318.  
  2319. div.search_drop_down ul li a{
  2320. color:#666 !important;
  2321. }
  2322.  
  2323. div.main_image{
  2324. margin-bottom:10px;
  2325. clear:both;
  2326. }
  2327.  
  2328. div.image_thumb{
  2329. clear:both;
  2330. overflow: hidden;
  2331. }
  2332.  
  2333. div.image_thumb ul li{
  2334. float:left;
  2335. margin-right:10px;
  2336. margin-bottom:10px;
  2337. }
  2338.  
  2339. div.single_container div.single-imagecol div.image_thumb ul li a{
  2340. margin-right:0px;
  2341. }
  2342.  
  2343. /* TEMPORARY FIX */
  2344. #content-wrapper .margin {
  2345. padding-top: 20px;
  2346. }
  2347.  
  2348. /* TEMPORARY FIX CHILDREN UNORDERED LIST */
  2349. ul.children{
  2350. margin-left:10px;
  2351. padding-left:0px;
  2352. }
  2353. ul.children li{
  2354. border:none;
  2355. padding-bottom:0px;
  2356. margin-bottom:0px;
  2357. }
  2358. #comments ul.children{
  2359. margin-left:-106px;
  2360. padding-left:20px;
  2361. }
  2362. #comments ul.children li{
  2363. border-top:1px solid #ddd;
  2364. padding-bottom:0px;
  2365. border-bottom:none;
  2366. margin-bottom:0px;
  2367. }
  2368. div.widget-container ul.children{
  2369. margin-left:10px;
  2370. }
  2371. .widget-container div.categories-group {
  2372. margin-bottom: 20px;
  2373. }
  2374.  
  2375. /* TEMPORARY FIX PRODUCT SEARCH POSITION */
  2376. #content-wrapper #products div.wpsc_product_search{
  2377. float:right;
  2378. display: inline;
  2379. position: relative;
  2380. width:659px;
  2381. border-top:none;
  2382. padding: 15px 0;
  2383. margin: 0;
  2384. background:none;
  2385. height:auto;
  2386. }
  2387.  
  2388. /* WPEC 3.8 ADDITIONAL CSS */
  2389. /* ----------------------------------------- */
  2390.  
  2391. /* PRODUCTS PAGE */
  2392. /* ----------------------------------------- */
  2393.  
  2394. #main-col div#products_page_container{
  2395. margin: 20px 0 0 0;
  2396. padding: 20px 0 0 0;
  2397. border-top:1px solid #ddd;
  2398. border-bottom:none;
  2399. }
  2400.  
  2401. /* CATEGORY GRID VIEW */
  2402. /* ----------------------------------------- */
  2403. #products_page_container .flexi_category_grid .wpsc_category_grid_item {
  2404. padding: 0;
  2405. margin: 0 0 8px 7px;
  2406. background: url(images/cat-image.png) no-repeat center center;
  2407. border:1px solid #aaa;
  2408. -webkit-border-radius: 3px;
  2409. -moz-border-radius: 3px;
  2410. border-radius: 3px;
  2411. -webkit-box-shadow: 1px 2px 2px #bdbdbd;
  2412. -moz-box-shadow: 1px 2px 2px #bdbdbd;
  2413. box-shadow: 1px 2px 2px #bdbdbd;
  2414. position: relative;
  2415. float: left;
  2416. display: block;
  2417. }
  2418. #products_page_container .flexi_category_grid .wpsc_category_grid_item img.wpsc_category_image {
  2419. padding:0;
  2420. margin:0;
  2421. border:none;
  2422. position: relative;
  2423. }
  2424. #products_page_container .flexi_category_grid .wpsc_category_grid_item .category-name{
  2425. display: block;
  2426. background:black;
  2427. color:white;
  2428. padding:7px 10px;
  2429. color:white;
  2430. font-size:14px;
  2431. font-weight: normal;
  2432. clear:both;
  2433. position: absolute;
  2434. top: auto;
  2435. bottom:0px;
  2436. left:0px;
  2437. right:0px;
  2438. filter:alpha(opacity=70);
  2439. -moz-opacity:0.7;
  2440. -khtml-opacity: 0.7;
  2441. opacity: 0.7;
  2442. }
  2443. #products_page_container .additional_description p {
  2444. margin-bottom: 0;
  2445. }
  2446.  
  2447. /* INLINE CATEGORIES */
  2448. /* ----------------------------------------- */
  2449. ul.wpsc_inline_categories {
  2450. margin-bottom: 20px;
  2451. display: inline;
  2452. }
  2453. ul.wpsc_inline_categories li {
  2454. display: inline;
  2455. padding-right: 15px;
  2456. }
  2457. #leader ul.wpsc_inline_categories {
  2458. margin-bottom: 0;
  2459. }
  2460.  
  2461. /* PRODUCT PAGINATION */
  2462. /* ----------------------------------------- */
  2463. .wpsc_page_numbers_top {
  2464. margin-bottom: 20px;
  2465. }
  2466. .wpsc_page_numbers_top a {
  2467. padding: 0 5px 0 5px;
  2468. }
  2469. .wpsc_page_numbers_top span.current {
  2470. padding: 0 5px 0 5px;
  2471. }
  2472. .wpsc_page_numbers_bottom {
  2473. margin-bottom: 20px;
  2474. }
  2475. .wpsc_page_numbers_bottom a {
  2476. padding: 0 5px 0 5px;
  2477. }
  2478. .wpsc_page_numbers_bottom span.current {
  2479. padding: 0 5px 0 5px;
  2480. }
  2481.  
  2482. /* SINGLE PRODUCTS PAGE */
  2483. /* ----------------------------------------- */
  2484. h2.wpsc_also_bought {
  2485. font-size: 1.4em;
  2486. padding-top: 20px;
  2487. }
  2488. .wpsc_also_bought .wpsc_also_bought_item {
  2489. float: left;
  2490. display: inline;
  2491. padding-right: 10px;
  2492. }
  2493. .st_sharethis {
  2494. padding-bottom: 20px;
  2495. }
  2496. .FB_like {
  2497. padding-bottom: 20px;
  2498. }
  2499.  
  2500. /* CHECKOUT */
  2501. /* ----------------------------------------- */
  2502. #checkout_page_container input[type=submit] {
  2503. background:url(images/regularbutton.png) repeat-x;
  2504. border:none;
  2505. height:30px;
  2506. border-left:1px solid #999;
  2507. border-right:1px solid #999;
  2508. color:black;
  2509. cursor: pointer;
  2510. margin: 0.5em 0;
  2511. }
  2512.  
  2513. #checkout_page_container input.make_purchase{
  2514. display:block;
  2515. width:150px;
  2516. float:right;
  2517. height:50px;
  2518. background:url(images/checkout.png) no-repeat;
  2519. line-height: 0;
  2520. text-indent: -9999px;
  2521. font-size:0;
  2522. cursor: pointer;
  2523. border:none;
  2524. }
  2525. #checkout_page_container table.checkout_cart tr.header th {
  2526. font-size:16px;
  2527. font-weight: bold;
  2528. color:black;
  2529. text-shadow: 1px 1px white;
  2530. }
  2531. #checkout_page_container td.wpsc_product_image {
  2532. width: 45px;
  2533. }
  2534. #checkout_page_container td.wpsc_product_image img.product_image {
  2535. width: 35px;
  2536. height: 35px;
  2537. }
  2538. #checkout_page_container td.wpsc_product_name {
  2539. font-weight: bold;
  2540. }
  2541. #checkout_page_container td.wpsc_product_quantity {
  2542. width: 150px;
  2543. }
  2544. #checkout_page_container td.wpsc_product_quantity input {
  2545. float: left;
  2546. display: inline;
  2547. margin-right: 10px;
  2548. text-align: center;
  2549. }
  2550. #checkout_page_container td.wpsc_single_product_price {
  2551. width: 75px;
  2552. }
  2553. #checkout_page_container td.wpsc_product_price {
  2554. width: 75px;
  2555. }
  2556. #checkout_page_container td.wpsc_product_remove {
  2557. width: 75px;
  2558. }
  2559. #checkout_page_container tr.wpsc_coupon_row td input {
  2560. float: left;
  2561. display: inline;
  2562. margin-right: 10px;
  2563. }
  2564. #checkout_page_container tr.wpsc_coupon_row td .wpsc_coupon_error_row {
  2565. color: red;
  2566. font-style: italic;
  2567. }
  2568. #checkout_page_container tr.wpsc_total_before_shipping td {
  2569. font-size: 120%;
  2570. font-weight: bold;
  2571. }
  2572.  
  2573. #checkout_page_container table.wpsc_review_and_purchase td.wpsc_totals {
  2574. text-align: right;
  2575. }
  2576.  
  2577. #checkout_page_container table.wpsc_review_and_purchase tr.total_before_shipping td {
  2578. font-weight: bold;
  2579. }
  2580.  
  2581. #checkout_page_container table.wpsc_review_and_purchase tr.total_purchase td {
  2582. text-transform: uppercase;
  2583. font-size: 120%;
  2584. font-weight: bold;
  2585. }
  2586.  
  2587. #checkout_page_container tr.wpsc_tnc td {
  2588. text-align: right;
  2589. }
  2590.  
  2591. /* v1.2.1 add space between main image and thumbnail gallery */
  2592. div.image_thumb {
  2593. padding-top: 10px;
  2594. }
  2595.  
  2596. /* v1.2.1 add product personalization style */
  2597.  
  2598. #single_product_page_container form.product_form fieldset legend {
  2599. font-size: inherit;
  2600. font-weight: bold;
  2601. padding-bottom: 10px;
  2602. }
  2603.  
  2604. #single_product_page_container form.product_form fieldset p {
  2605. font-size: inherit;
  2606. }
  2607.  
  2608. #single_product_page_container form.product_form .custom_text textarea {
  2609. width: 95%;
  2610. }
  2611.  
  2612. /* v1.2.1 add quantity update spacing */
  2613.  
  2614. #single_product_page_container .wpsc_quantity_update input {
  2615. margin: 0.5em 0;
  2616. }
  2617.  
  2618. /* v1.2.1 multicurrency style */
  2619.  
  2620. #single_product_page_container .wpsc_multicurrency {
  2621. padding-top: 1em;
  2622. font-size: 90%;
  2623. }
  2624.  
  2625. /* v1.2.1 display product text for frontpage best seller and latest product */
  2626.  
  2627. ul.best-seller-list li .producttext h3 a, ul.latest-product-list li .producttext h3 a {
  2628. background:black;
  2629. color:white;
  2630. padding:15px 0px ;
  2631. filter:alpha(opacity=85);
  2632. -moz-opacity:0.85;
  2633. -khtml-opacity: 0.85;
  2634. opacity: 0.85;
  2635. position: absolute;
  2636. left:0px;
  2637. bottom:0px;
  2638. font-weight:bold;
  2639. display: block;
  2640. width:100%;
  2641. text-align: center;
  2642. font-size: 12px;
  2643. height: 1em;
  2644. }
  2645.  
  2646. /* v1.2.1 added */
  2647.  
  2648. #top-header-nav h4.top-nav-header a { color: #FFFFFF !important; font-weight: bold; }
  2649. #top-header #header-categories div.header-categories-drop div.categories-group h4 a { color: #FFFFFF !important; }
  2650.  
  2651. /* Contact Page Template - since v1.2.3 */
  2652.  
  2653. #prima_contact_name, #prima_contact_email {
  2654. width: 450px;
  2655. }
  2656. #prima_contact_message {
  2657. width: 450px;
  2658. height: 200px;
  2659. }
  2660. .contactform-error {
  2661. color: red;
  2662. font-style: italic;
  2663. }
  2664. #prima_contact_button {
  2665. background:url(images/regularbutton.png) repeat-x;
  2666. border:none;
  2667. height:30px;
  2668. border-left:1px solid #999;
  2669. border-right:1px solid #999;
  2670. color:black;
  2671. cursor: pointer;
  2672. }
  2673.  
  2674. /* Search Form - since v1.2.3 */
  2675. .searchbox {
  2676. width: 217px;
  2677. }
  2678. #products-sidebar .searchbox {
  2679. width: 176px;
  2680. }
  2681. .searchsubmit {
  2682. display: none;
  2683. }
  2684. #leader .productsearchform {
  2685. float: right;
  2686. padding-right: 5px;
  2687. }
  2688. #leader .productsearchform .searchbox {
  2689. margin: 0;
  2690. }
  2691.  
  2692. /* Feedburner Form - since v1.2.3 */
  2693. .feedburnertext {
  2694. width: 217px;
  2695. }
  2696.  
  2697. /* Testimonials Page - since v1.2.3 */
  2698. div#main-col ul.testimonials, div#sidebar ul.testimonials, div#footer ul.testimonials {
  2699. margin: 0;
  2700. padding: 0;
  2701. list-style: none;
  2702. position: relative;
  2703. }
  2704. div#main-col ul.testimonials li, div#sidebar ul.testimonials li, div#footer ul.testimonials li {
  2705. padding-bottom: 20px;
  2706. margin-bottom: 20px;
  2707. list-style: none;
  2708. position: relative;
  2709. }
  2710. div#main-col ul.testimonials li blockquote, div#sidebar ul.testimonials li blockquote, div#footer ul.testimonials li blockquote {
  2711. font-family: Georgia, sans-serif;
  2712. font-size:13px;
  2713. margin-bottom:0px;
  2714. margin-top:0px;
  2715. line-height:24px;
  2716. padding-top:0px;
  2717. color:#666;
  2718. font-style:italic;
  2719. border: none;
  2720. padding:0 0 10px 45px;
  2721. background: url(images/blockquote.png) no-repeat left top;
  2722. }
  2723. div#main-col ul.testimonials li .testimonial-meta, div#sidebar ul.testimonials li .testimonial-meta, div#footer ul.testimonials li .testimonial-meta {
  2724. font-size:12px;
  2725. font-weight: normal;
  2726. margin-right:4px;
  2727. color:#b6b6b6;
  2728. padding-left: 45px;
  2729. }
  2730.  
  2731. /* Flickr Widget - since v1.2.3 */
  2732.  
  2733. .prima_flickr div.flickr_badge_image {
  2734. float: left;
  2735. margin-bottom: 10px;
  2736. margin-right: 10px;
  2737. }
  2738.  
  2739. .prima_flickr div.flickr_badge_image a img {
  2740. background: white;
  2741. border: 1px solid #DDDDDD;
  2742. display: block;
  2743. line-height: 0;
  2744. padding: 3px;
  2745. }
  2746.  
  2747. /* Recent Comments Widget - since v1.2.3 */
  2748.  
  2749. .prima_recent_comments li.group {
  2750. clear: both;
  2751. padding: 0;
  2752. }
  2753.  
  2754. .prima_recent_comments li.group a img {
  2755. background: white;
  2756. border: 1px solid #DDDDDD;
  2757. float: left;
  2758. padding: 3px;
  2759. margin: 5px 15px 0 0;
  2760. }
  2761.  
  2762. /* New Default Style for WPEC Widgets - since v1.2.3 */
  2763.  
  2764. .widget_wpsc_shopping_cart:after {
  2765. content:"\0020";
  2766. display:block;
  2767. height:0;
  2768. clear:both;
  2769. visibility:hidden;
  2770. overflow:hidden;
  2771. }
  2772.  
  2773. .widget_wpsc_shopping_cart #small-cart-header {
  2774. display: none
  2775. }
  2776.  
  2777. #main-content .widget_wpsc_shopping_cart .remove_button, #footer .widget_wpsc_shopping_cart .remove_button {
  2778. background:url(images/delete.png) no-repeat scroll 0 4px transparent;
  2779. width:14px;
  2780. text-indent:-9999px;
  2781. border:none;
  2782. outline:none;
  2783. *line-height:1;
  2784. cursor:pointer
  2785. }
  2786.  
  2787. /* Promotion Slider Details - since v1.2.4 */
  2788.  
  2789. li.promotion div.promotion-text{
  2790. background:url(images/transblack.png) repeat;
  2791. color:white;
  2792. position: absolute;
  2793. bottom:0px;
  2794. left: 0px;
  2795. width:100%;
  2796. padding-top:5px;
  2797. display: block;
  2798. }
  2799.  
  2800. li.promotion div.promotion-text div.promotion-header {
  2801. padding:10px 20px 0px 20px;
  2802. margin-bottom:0px;
  2803. }
  2804.  
  2805. li.promotion div.promotion-text div.promotion-header h3 {
  2806. color:white !important;
  2807. margin-bottom: 10px;
  2808. text-decoration: none;
  2809. }
  2810.  
  2811. li.promotion div.promotion-text div.promotion-excerpt {
  2812. padding:0 20px 0px 20px;
  2813. margin-bottom:0px;
  2814. }
  2815.  
  2816. li.promotion div.promotion-text div.promotion-excerpt p{
  2817. font-family:Georgia;
  2818. font-size:14px;
  2819. line-height:24px;
  2820. font-style:italic;
  2821. color:white;
  2822. text-shadow: none;
  2823. }
  2824.  
  2825. li.promotion div.promotion-text div.promotion-meta {
  2826. padding:0 20px 10px 20px;
  2827. margin-bottom:0px;
  2828. font-size:16px;
  2829. }
  2830.  
  2831. li.promotion div.promotion-text div.promotion-meta span {
  2832. font-size:18px;
  2833. color: #FFDE00;
  2834. padding-right: 15px;
  2835. }
  2836.  
  2837. /* Post/Page Slider Details - since v1.2.4 */
  2838.  
  2839. li.feature div.feature-post-wrapper {
  2840. display: block;
  2841. }
  2842.  
  2843. /* Featured Product Slider at Products Page - since v1.2.4 */
  2844.  
  2845. #productspage-featured-slider {
  2846. padding: 10px 0 30px;
  2847. }
  2848.  
  2849. /* Top Product Categories support Vertical/Horizontal Mode - since v1.2.4 */
  2850.  
  2851. #top-header #header-categories div.header-categories-drop {
  2852. width: 125px;
  2853. }
  2854.  
  2855. #top-header #header-categories div.header-categories-drop div.categories-group {
  2856. margin:0;
  2857. width:125px;
  2858. border:none;
  2859. float: none;
  2860. }
  2861.  
  2862. #top-header #header-categories div.header-categories-drop.header-categories-horz div.categories-group {
  2863. margin:0;
  2864. width:125px;
  2865. border:none;
  2866. float: left;
  2867. padding-right:19px;
  2868. margin-right:20px;
  2869. border-right:1px dotted #232323;
  2870. }
  2871.  
  2872. #top-header #header-categories div.header-categories-drop.header-categories-horz div.categories-group.categories-group-first {
  2873. clear: both;
  2874. }
  2875.  
  2876. #top-header #header-categories div.header-categories-drop.header-categories-horz div.categories-group.categories-group-last {
  2877. padding-right:0;
  2878. margin-right:0;
  2879. border-right:none;
  2880. }
  2881.  
  2882. #top-header #header-categories div.header-categories-drop div.categories-group ul {
  2883. margin: 0 0 5px 0;
  2884. }
  2885.  
  2886. /* New Main Products Sidebar Positioning - since v1.2.4 */
  2887.  
  2888. div#products_page_container.products-sidebar {
  2889. width: 100%;
  2890. margin: 0;
  2891. padding: 0;
  2892. }
  2893.  
  2894. div#products_page_container.products-sidebar #main_products_page_container {
  2895. width: 782px;
  2896. float: right;
  2897. margin: 0;
  2898. padding: 0;
  2899. }
  2900.  
  2901. div#products-sidebar.main-products-sidebar {
  2902. width: 188px;
  2903. float: left;
  2904. margin: 0;
  2905. padding: 0;
  2906. }
  2907.  
  2908. /* New Single Products Sidebar Positioning - since v1.2.4 */
  2909.  
  2910. div#products_page_container.products-sidebar {
  2911. width: 100%;
  2912. margin: 0;
  2913. padding: 0;
  2914. }
  2915.  
  2916. div#products_page_container.products-sidebar #single_product_page_container {
  2917. width: 772px;
  2918. float: right;
  2919. margin: 0;
  2920. padding: 0;
  2921. }
  2922.  
  2923. div#products-sidebar.single-products-sidebar {
  2924. width: 188px;
  2925. float: left;
  2926. margin: 0;
  2927. padding: 0;
  2928. }
  2929.  
  2930. /* Thumbnail Spacing on Products Page - since v1.2.4 */
  2931.  
  2932. div.single_container div.single-imagecol {
  2933. padding-bottom: 20px;
  2934. }
  2935.  
  2936. div.single_container div.single-imagecol .single_image_thumb a {
  2937. display: block;
  2938. margin: 0 10px 10px 0;
  2939. }
  2940.  
  2941. /* Price Range Widget - since v1.2.4 */
  2942.  
  2943. .widget_wpsc_price_range li {
  2944. padding-bottom:8px;
  2945. margin-bottom:8px;
  2946. border-bottom:1px solid #ddd;
  2947. }
  2948.  
  2949. /* Recent Post Widget */
  2950.  
  2951. .widget-container.widget_recent_entries li {
  2952. padding-bottom:8px;
  2953. margin-bottom:8px;
  2954. border-bottom:1px solid #ddd;
  2955. }
  2956.  
  2957. /* Recent Comments Widget */
  2958.  
  2959. .widget-container.widget_recent_comments li {
  2960. padding-bottom:8px;
  2961. margin-bottom:8px;
  2962. border-bottom:1px solid #ddd;
  2963. }
  2964.  
  2965. /* Categories Widget */
  2966.  
  2967. .widget-container.widget_categories li{
  2968. padding-bottom:8px;
  2969. margin-bottom:8px;
  2970. border-bottom:1px solid #ddd;
  2971. }
  2972.  
  2973. /* Archive Widget */
  2974.  
  2975. .widget-container.widget_archive li{
  2976. padding-bottom:8px;
  2977. margin-bottom:8px;
  2978. border-bottom:1px solid #ddd;
  2979. }
  2980.  
  2981. /* Meta Widget */
  2982.  
  2983. .widget-container.widget_meta li{
  2984. padding-bottom:8px;
  2985. margin-bottom:8px;
  2986. border-bottom:1px solid #ddd;
  2987. }
  2988.  
  2989. /* Prima Flickr Widget */
  2990.  
  2991. .widget-container.prima_flickr div.flickr_badge_image {
  2992. float: left;
  2993. margin-bottom: 10px;
  2994. margin-right: 10px;
  2995. }
  2996.  
  2997. .widget-container.prima_flickr div.flickr_badge_image a img {
  2998. background: white;
  2999. border: 1px solid #DDDDDD;
  3000. display: block;
  3001. line-height: 0;
  3002. padding: 3px;
  3003. }
  3004.  
  3005. /* Prima Recent Comments Widget */
  3006.  
  3007. .widget-container.prima_recent_comments li.group {
  3008. clear: both;
  3009. padding: 0;
  3010. }
  3011.  
  3012. .widget-container.prima_recent_comments li.group a img {
  3013. background: white;
  3014. border: 1px solid #DDDDDD;
  3015. float: left;
  3016. padding: 3px;
  3017. margin: 5px 15px 0 0;
  3018. }
  3019.  
  3020. /* Prima Feedburner Widget */
  3021.  
  3022. .feedburnertext {
  3023. width: 217px;
  3024. }
  3025.  
  3026. .widget-container.prima_feedburnerform .feedburner-subscribe {
  3027. margin-bottom:10px;
  3028. }
  3029.  
  3030. /* Prima Multislider Widget */
  3031.  
  3032. .widget-container .prima-multislider {
  3033. margin-bottom:0;
  3034. }
  3035.  
  3036. /* Prima Twitter Widget */
  3037.  
  3038. p.twitter-message{
  3039. font-family:Georgia;
  3040. font-size:12px;
  3041. color:#878787;
  3042. font-style: italic;
  3043. }
  3044.  
  3045. /* Calendar Widget */
  3046.  
  3047. #calendar_wrap td{
  3048. font-size:11px;
  3049. padding:5px 4px;
  3050. background:white;
  3051. margin:0;
  3052. }
  3053.  
  3054. .widget_calendar th{
  3055. font-size:12px;
  3056. padding:5px 4px;
  3057. border-bottom:1px dotted #ddd;
  3058. }
  3059.  
  3060. .widget_calendar caption{
  3061. text-align: center;
  3062. border:1px solid #ddd;
  3063. }
  3064.  
  3065. .widget_calendar table{
  3066. border:1px solid #ddd;
  3067. }
  3068.  
  3069. /* Links Widget */
  3070.  
  3071. .widget-container.widget_links li{
  3072. padding-bottom:8px;
  3073. margin-bottom:8px;
  3074. border-bottom:1px solid #ddd;
  3075. }
  3076.  
  3077. /* Latest Products Widget */
  3078.  
  3079. .widget_wpsc_latest_products li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  3080. * html .widget_wpsc_latest_products li { zoom: 1; } /* IE6 */
  3081. *:first-child+html .widget_wpsc_latest_products li { zoom: 1; } /* IE7 */
  3082.  
  3083. .widget-container.widget_wpsc_latest_products li a img {
  3084. background: white;
  3085. border: 1px solid #DDDDDD;
  3086. float: left;
  3087. padding: 3px;
  3088. margin: 0 15px 10px 0;
  3089. }
  3090.  
  3091. /* Top User Navigation Positioning - since v1.2.4 */
  3092.  
  3093. #user-nav ul {
  3094. right: 10px;
  3095. }
  3096.  
  3097. #user-nav .topcategories-active ul {
  3098. right: 110px;
  3099. }
  3100.  
  3101. #user-nav .topcart-active ul {
  3102. right: 140px;
  3103. }
  3104.  
  3105. #user-nav .topcategories-active.topcart-active ul {
  3106. right: 235px;
  3107. }
  3108.  
  3109.  
  3110.  
  3111.  
  3112.  
  3113. #brief p {
  3114. text-align: center;
  3115. font-size: 24px;
  3116. }
  3117.  
  3118.  
  3119.  
  3120.  
  3121.  
  3122.  
  3123. table.forum {
  3124. margin: 0 !important;
  3125. }
  3126. table.forum tr > td:first-child, table.forum tr > th:first-child {
  3127. padding: 1115px !important;
  3128. }
  3129. div#item-header h2,
  3130. form#whats-new-form h5 {
  3131. clear: none !important;
  3132. }
  3133. div#item-header ul {
  3134. list-style-type: none;
  3135. }
  3136. div.dir-search {
  3137. margin: -20px 0 0 !important;
  3138. }
  3139. div.item-list-tabs {
  3140. margin: 25px 0 20px !important;
  3141. }
  3142. div.item-list-tabs ul,
  3143. div#object-nav.item-list-tabs ul,
  3144. div#subnav.item-list-tabs ul {
  3145. font-size: 13px;
  3146. margin-left: 0 !important;
  3147. }
  3148. div.item-list-tabs ul li:first-child {
  3149. margin-left: 15px !important;
  3150. }
  3151. div#subnav.item-list-tabs {
  3152. margin: -15px 0 15px !important;
  3153. }
  3154. #activity-stream {
  3155. margin-left: 0;
  3156. }
  3157. .padder div.pagination {
  3158. margin: -20px 0 0 !important;
  3159. }
  3160. ul.item-list {
  3161. list-style-type: none;
  3162. margin-left: 0;
  3163. }
  3164. body.activity-permalink div.activity {
  3165. padding: 20px;
  3166. }
  3167. body.activity-permalink .activity-content {
  3168. padding: 0 !important;
  3169. }
  3170. body.directory #primary {
  3171. float: left;
  3172. margin: 0 -26.4% 0 0 !important;
  3173. width: 100%;
  3174. }
  3175. body.directory #content {
  3176. margin: 0 34% 0 7.6%;
  3177. width: 58.4% !important;
  3178. }
  3179.  
  3180. div#sidebar {
  3181. margin-left: -352px;
  3182. width: 350px;
  3183. }
  3184.  
  3185. div#content .padder {
  3186. margin-right: 351px;
  3187. }
  3188.  
  3189.  
  3190.  
  3191.  
  3192.  
  3193.  
  3194.  
  3195.  
  3196.  
  3197.  
  3198. <?php if(is_user_logged_in()) : ?>
  3199. <?php
  3200. global $current_user; // Get user's information
  3201.  
  3202. get_currentuserinfo();
  3203.  
  3204. $user_level=$current_user->user_level;
  3205.  
  3206. $user_id=$current_user->ID;
  3207.  
  3208. $user_login=$current_user->user_login;
  3209.  
  3210. $user_email =$current_user->user_email;
  3211.  
  3212. $user_firstname=$current_user->user_firstname;
  3213.  
  3214. $user_lastname=$current_user->user_lastname;
  3215.  
  3216. $home_link = get_option('home');
  3217. ?>
  3218.  
  3219. div#subnav.item-list-tabs {
  3220. margin: -15px 0 15px !important;
  3221. }
Advertisement
RAW Paste Data Copied
Advertisement