Version Notes
New stable
Download this release
Release Info
Developer | mukesh kumar saini |
Extension | Mks_Responsivebannerslider |
Version | 1.1.3 |
Comparing to | |
See all releases |
Code changes from version 1.1.2 to 1.1.3
- app/code/community/Mks/Responsivebannerslider/sql/responsivebannerslider_setup/mysql4-install-1.1.1.php +4 -3
- app/design/adminhtml/default/default/layout/responsivebannerslider.xml +0 -13
- app/design/adminhtml/default/default/template/responsivebannerslider/responsivebannersliderbackend.phtml +3 -1
- app/design/frontend/base/default/template/responsivebannerslider/config.phtml +9 -0
- app/design/frontend/base/default/template/responsivebannerslider/index.phtml +7 -24
- package.xml +8 -8
- skin/frontend/base/default/responsiveslider/css/grid12.css +5 -2
- skin/frontend/base/default/responsiveslider/css/styles.css +0 -3174
app/code/community/Mks/Responsivebannerslider/sql/responsivebannerslider_setup/mysql4-install-1.1.1.php
CHANGED
@@ -2,10 +2,11 @@
|
|
2 |
$installer = $this;
|
3 |
$installer->startSetup();
|
4 |
$sql=<<<SQLTEXT
|
5 |
-
create table mksresponsivebannerslider(id int not null auto_increment, title varchar(255),image varchar(255),description varchar(255),status varchar(255), primary key(id));
|
6 |
|
7 |
-
|
8 |
-
|
|
|
|
|
9 |
|
10 |
SQLTEXT;
|
11 |
|
2 |
$installer = $this;
|
3 |
$installer->startSetup();
|
4 |
$sql=<<<SQLTEXT
|
|
|
5 |
|
6 |
+
create table {$this->getTable('mksresponsivebannerslider')} (id int not null auto_increment, title varchar(255),image varchar(255),description varchar(255),status varchar(255), primary key(id));
|
7 |
+
|
8 |
+
INSERT INTO {$this->getTable('mksresponsivebannerslider')} (`title`,`image`,`description`,`status`) VALUES ('Responsive Banner Slider 1','responsivebannerslider/bannerslider/banner-1.jpg','Responsive Banner Slider 1','0'),('Responsive Banner Slider 2','responsivebannerslider/bannerslider/banner-2.jpg','Responsive Banner Slider 2','0'),
|
9 |
+
('Responsive Banner Slider 3','responsivebannerslider/bannerslider/banner-3.jpg','Responsive Banner Slider 3','0');
|
10 |
|
11 |
SQLTEXT;
|
12 |
|
app/design/adminhtml/default/default/layout/responsivebannerslider.xml
DELETED
@@ -1,13 +0,0 @@
|
|
1 |
-
<?xml version="1.0"?>
|
2 |
-
<layout version="0.1.0">
|
3 |
-
<responsivebannerslider_adminhtml_responsivebannersliderbackend_index>
|
4 |
-
<reference name="content">
|
5 |
-
<block type="responsivebannerslider/adminhtml_responsivebannersliderbackend" name="responsivebannersliderbackend" template="responsivebannerslider/responsivebannersliderbackend.phtml"/>
|
6 |
-
</reference>
|
7 |
-
</responsivebannerslider_adminhtml_responsivebannersliderbackend_index>
|
8 |
-
<responsivebannerslider_adminhtml_bannerslider_index>
|
9 |
-
<reference name="content">
|
10 |
-
<block type="responsivebannerslider/adminhtml_bannerslider" name="bannerslider" />
|
11 |
-
</reference>
|
12 |
-
</responsivebannerslider_adminhtml_bannerslider_index>
|
13 |
-
</layout>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
app/design/adminhtml/default/default/template/responsivebannerslider/responsivebannersliderbackend.phtml
CHANGED
@@ -1 +1,3 @@
|
|
1 |
-
|
|
|
|
1 |
+
|
2 |
+
<iframe src="http://www.magentocommerce.com/magento-connect/developer/mukeshsaini" width="100%" height="1000"></iframe>
|
3 |
+
|
app/design/frontend/base/default/template/responsivebannerslider/config.phtml
ADDED
@@ -0,0 +1,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php $cssurl = str_replace('index.php/','',$this->getUrl());?>
|
2 |
+
<link rel="stylesheet" type="text/css" href="<?php echo $cssurl.'skin/frontend/base/default/responsiveslider/css/generic-nav.css'; ?>" media="all">
|
3 |
+
<link rel="stylesheet" type="text/css" href="<?php echo $cssurl.'skin/frontend/base/default/responsiveslider/css/grid12.css'; ?>" media="all">
|
4 |
+
<script type="text/javascript" src="<?php echo $cssurl.'skin/frontend/base/default/responsiveslider/js/jquery-1.js'; ?>"></script>
|
5 |
+
<script type="text/javascript" src="<?php echo $cssurl.'skin/frontend/base/default/responsiveslider/js/jquery-noconflict.js'; ?>"></script>
|
6 |
+
<script type="text/javascript" src="<?php echo $cssurl.'skin/frontend/base/default/responsiveslider/js/jquery_004.js'; ?>"></script>
|
7 |
+
<script type="text/javascript" src="<?php echo $cssurl.'skin/frontend/base/default/responsiveslider/js/jquery_003.js'; ?>"></script>
|
8 |
+
|
9 |
+
|
app/design/frontend/base/default/template/responsivebannerslider/index.phtml
CHANGED
@@ -1,22 +1,16 @@
|
|
1 |
-
|
2 |
-
<link rel="stylesheet" type="text/css" href="<?php echo $this->getSkinUrl('responsiveslider/css/generic-nav.css'); ?>" media="all">
|
3 |
-
<link rel="stylesheet" type="text/css" href="<?php echo $this->getSkinUrl('responsiveslider/css/grid12.css'); ?>" media="all">
|
4 |
-
<script type="text/javascript" src="<?php echo $this->getSkinUrl('responsiveslider/js/jquery-1.js'); ?>"></script>
|
5 |
-
<script type="text/javascript" src="<?php echo $this->getSkinUrl('responsiveslider/js/jquery-noconflict.js'); ?>"></script>
|
6 |
-
<script type="text/javascript" src="<?php echo $this->getSkinUrl('responsiveslider/js/jquery_004.js'); ?>"></script>
|
7 |
-
<script type="text/javascript" src="<?php echo $this->getSkinUrl('responsiveslider/js/jquery_003.js'); ?>"></script>
|
8 |
-
|
9 |
-
|
10 |
<!-- BEGIN GOOGLE ANALYTICS CODEs -->
|
11 |
-
|
12 |
-
|
13 |
<div class="the-slideshow-wrapper nested-container clearer">
|
14 |
<div style="height: 428px;" class="the-slideshow gen-slider-arrows2 gen-slider-pager1 gen-slider-pager1-pos-bottom-right grid12-9 ">
|
15 |
|
16 |
<ul class="slides">
|
17 |
<?php
|
18 |
$connection = Mage::getSingleton('core/resource')->getConnection('core_write');
|
19 |
-
$
|
|
|
|
|
20 |
while($row1 = $sql->fetch())
|
21 |
{
|
22 |
$title = $row1["title"];
|
@@ -38,18 +32,7 @@ $imgurl=$media_url.$urlx;
|
|
38 |
|
39 |
<?php } ?>
|
40 |
</ul>
|
41 |
-
|
42 |
-
<ol class="control-nav control-paging" style="display:none;">
|
43 |
-
<li><a class="active">1</a></li>
|
44 |
-
<li><a class="">2</a></li>
|
45 |
-
<li><a class="">3</a></li>
|
46 |
-
<li><a class="">4</a></li>
|
47 |
-
</ol>
|
48 |
-
<?php */ ?>
|
49 |
-
<ul class="direction-nav">
|
50 |
-
<li><a class="prev" href="#">Previous</a></li>
|
51 |
-
<li><a class="next disabled" href="#">Next</a></li>
|
52 |
-
</ul>
|
53 |
</div>
|
54 |
</div>
|
55 |
|
1 |
+
<?php require_once 'app/design/frontend/base/default/template/responsivebannerslider/config.phtml'; ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2 |
<!-- BEGIN GOOGLE ANALYTICS CODEs -->
|
3 |
+
|
4 |
+
|
5 |
<div class="the-slideshow-wrapper nested-container clearer">
|
6 |
<div style="height: 428px;" class="the-slideshow gen-slider-arrows2 gen-slider-pager1 gen-slider-pager1-pos-bottom-right grid12-9 ">
|
7 |
|
8 |
<ul class="slides">
|
9 |
<?php
|
10 |
$connection = Mage::getSingleton('core/resource')->getConnection('core_write');
|
11 |
+
$prefix = Mage::getConfig()->getTablePrefix();
|
12 |
+
$tblname=$prefix.'mksresponsivebannerslider';
|
13 |
+
$sql = $connection->query("select * from $tblname where status='0'");
|
14 |
while($row1 = $sql->fetch())
|
15 |
{
|
16 |
$title = $row1["title"];
|
32 |
|
33 |
<?php } ?>
|
34 |
</ul>
|
35 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
36 |
</div>
|
37 |
</div>
|
38 |
|
package.xml
CHANGED
@@ -1,18 +1,18 @@
|
|
1 |
<?xml version="1.0"?>
|
2 |
<package>
|
3 |
<name>Mks_Responsivebannerslider</name>
|
4 |
-
<version>1.1.
|
5 |
<stability>stable</stability>
|
6 |
<license>OSL</license>
|
7 |
<channel>community</channel>
|
8 |
<extends/>
|
9 |
-
<summary>Responsive
|
10 |
-
<description>Responsive
|
11 |
-
<notes>
|
12 |
-
<authors><author><name>Mukesh Kumar
|
13 |
-
<date>2014-
|
14 |
-
<time>
|
15 |
-
<contents><target name="mageetc"><dir name="modules"><file name="Mks_Responsivebannerslider.xml" hash="a04e883ef005844c7a1f11d7fec7e848"/></dir></target><target name="magecommunity"><dir name="Mks"><dir name="Responsivebannerslider"><dir name="Block"><dir name="Adminhtml"><dir name="Bannerslider"><dir name="Edit"><file name="Form.php" hash="1f10dccbc5e4edcc90ea3ac5366f57be"/><dir name="Tab"><file name="Form.php" hash="b876cf8d67286b29ddd2c50708eb5c4d"/></dir><file name="Tabs.php" hash="9bc44dafb937cbba749b524774d60db9"/></dir><file name="Edit.php" hash="43d560427c5c71cef9941147cebaa993"/><file name="Grid.php" hash="08b5c4cb74f39a625d6f33d0ad63d84a"/></dir><file name="Bannerslider.php" hash="f34ef00e533391b3bea2b46b19306f24"/><file name="Responsivebannersliderbackend.php" hash="492c6c1c9897c51b987a1acadcc42a5c"/></dir><file name="Index.php" hash="c5f0965e5010398c0f65cf1362f3b136"/></dir><dir name="Helper"><file name="Data.php" hash="54fb6015b45224292e5e47f0004633b6"/></dir><dir name="Model"><file name="Bannerslider.php" hash="9a90f66e05379c7a2ff04dbd95626e8d"/><dir name="Mysql4"><dir name="Bannerslider"><file name="Collection.php" hash="e67814d8806485a9fae33cd3ba88212f"/></dir><file name="Bannerslider.php" hash="39ec20c65650737b829f646fc02df11b"/></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="BannersliderController.php" hash="d54d8c12a9deab4dd6cecbe17db76ad4"/><file name="ResponsivebannersliderbackendController.php" hash="f095780b42f66f229d8bb76b69bb8f08"/></dir><file name="IndexController.php" hash="617399f39b6bdb8a88cd939405f4a455"/></dir><dir name="etc"><file name="config.xml" hash="1cd622d64348032aefde23aa6e871184"/></dir><dir name="sql"><dir name="responsivebannerslider_setup"><file name="mysql4-install-1.1.1.php" hash="
|
16 |
<compatible/>
|
17 |
<dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
|
18 |
</package>
|
1 |
<?xml version="1.0"?>
|
2 |
<package>
|
3 |
<name>Mks_Responsivebannerslider</name>
|
4 |
+
<version>1.1.3</version>
|
5 |
<stability>stable</stability>
|
6 |
<license>OSL</license>
|
7 |
<channel>community</channel>
|
8 |
<extends/>
|
9 |
+
<summary>Responsive Banner slider without any jQuery conflict issue Responsive Banner slider . Always use Responsive Banner slider.</summary>
|
10 |
+
<description>Responsive Banner slider without any jQuery conflict issue Responsive Banner slider . Always use Responsive Banner slider.</description>
|
11 |
+
<notes>New stable</notes>
|
12 |
+
<authors><author><name>Mukesh Kumar saini</name><user>mukeshbagri</user><email>in.mukeshsaini@gmail.com</email></author></authors>
|
13 |
+
<date>2014-02-19</date>
|
14 |
+
<time>06:13:16</time>
|
15 |
+
<contents><target name="mageetc"><dir name="modules"><file name="Mks_Responsivebannerslider.xml" hash="a04e883ef005844c7a1f11d7fec7e848"/></dir></target><target name="magecommunity"><dir name="Mks"><dir name="Responsivebannerslider"><dir name="Block"><dir name="Adminhtml"><dir name="Bannerslider"><dir name="Edit"><file name="Form.php" hash="1f10dccbc5e4edcc90ea3ac5366f57be"/><dir name="Tab"><file name="Form.php" hash="b876cf8d67286b29ddd2c50708eb5c4d"/></dir><file name="Tabs.php" hash="9bc44dafb937cbba749b524774d60db9"/></dir><file name="Edit.php" hash="43d560427c5c71cef9941147cebaa993"/><file name="Grid.php" hash="08b5c4cb74f39a625d6f33d0ad63d84a"/></dir><file name="Bannerslider.php" hash="f34ef00e533391b3bea2b46b19306f24"/><file name="Responsivebannersliderbackend.php" hash="492c6c1c9897c51b987a1acadcc42a5c"/></dir><file name="Index.php" hash="c5f0965e5010398c0f65cf1362f3b136"/></dir><dir name="Helper"><file name="Data.php" hash="54fb6015b45224292e5e47f0004633b6"/></dir><dir name="Model"><file name="Bannerslider.php" hash="9a90f66e05379c7a2ff04dbd95626e8d"/><dir name="Mysql4"><dir name="Bannerslider"><file name="Collection.php" hash="e67814d8806485a9fae33cd3ba88212f"/></dir><file name="Bannerslider.php" hash="39ec20c65650737b829f646fc02df11b"/></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="BannersliderController.php" hash="d54d8c12a9deab4dd6cecbe17db76ad4"/><file name="ResponsivebannersliderbackendController.php" hash="f095780b42f66f229d8bb76b69bb8f08"/></dir><file name="IndexController.php" hash="617399f39b6bdb8a88cd939405f4a455"/></dir><dir name="etc"><file name="config.xml" hash="1cd622d64348032aefde23aa6e871184"/></dir><dir name="sql"><dir name="responsivebannerslider_setup"><file name="mysql4-install-1.1.1.php" hash="13ebc2f67330bee2a19714beebf4907b"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="template"><dir name="responsivebannerslider"><file name="responsivebannersliderbackend.phtml" hash="c78b53b275cfeff357c7720666f77295"/></dir></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="template"><dir name="responsivebannerslider"><file name="config.phtml" hash="63418dfde53be897a57aa85d196926a4"/><file name="index.phtml" hash="f212f297f8e301ff7a35f9bddecbf9f9"/></dir></dir><dir name="layout"><file name="responsivebannerslider.xml" hash="223b3947d796209f85c010b4e2bc92bf"/></dir></dir></dir></dir></target><target name="magemedia"><dir name="responsivebannerslider"><dir name="bannerslider"><file name="banner-1.jpg" hash="973491deb872911a69f7bb1f6138036b"/><file name="banner-2.jpg" hash="92372dc0f2a9454851bed073a3d164a4"/><file name="banner-3.jpg" hash="f0b4946e792dc573b8b76b5aa8935d3d"/></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="responsiveslider"><dir name="css"><file name="generic-nav.css" hash="f0ea48a8ce441ad10e5c631da5b0ae46"/><file name="grid12.css" hash="4cf760c5e87d6ff6e85f653928cbed07"/></dir><dir name="img"><file name="01.jpg" hash="49dcb5cee2b86a14b80b6ef59e467bc3"/><file name="01_002.jpg" hash="edc7eff6b3c0b38a429c44c656398358"/><file name="02.jpg" hash="0ec3768570d3774c1805a90d615172b2"/><file name="1.jpg" hash="cb627e40504b966d04a1ab52e0ab749e"/><file name="2.jpg" hash="cb627e40504b966d04a1ab52e0ab749e"/><file name="3.jpg" hash="cb627e40504b966d04a1ab52e0ab749e"/><file name="info.png" hash="43d666757fb907b2ee8f44352d80e9ff"/><file name="logo.png" hash="ec59af60870fe42a62debe4721fdf529"/><file name="pager.png" hash="58b23f4350365ca08912ac608f6d2d9e"/><file name="payment.gif" hash="a8daa18fcb3e3845c56ffbca6d140276"/><file name="slider-arrows.png" hash="4f71b34c53eedc49a534566557dddbef"/></dir><dir name="js"><file name="jquery-1.js" hash="a13f7f208ba534681deadb1ec7a2e54a"/><file name="jquery-noconflict.js" hash="3179f2255b046d5f2e9a71e365287bef"/><file name="jquery_003.js" hash="af24b4669a06656c13457625030ec2b8"/><file name="jquery_004.js" hash="a6f75e0c043a2a087837e5c113cc6f7a"/></dir></dir></dir></dir></dir></target></contents>
|
16 |
<compatible/>
|
17 |
<dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
|
18 |
</package>
|
skin/frontend/base/default/responsiveslider/css/grid12.css
CHANGED
@@ -61,7 +61,7 @@
|
|
61 |
.grid12-7 { width:56.33%; }
|
62 |
.grid12-8 { width:64.67%; }
|
63 |
.grid12-9,
|
64 |
-
.grid4-3 { width:
|
65 |
.grid12-10 { width:81.33%; }
|
66 |
.grid12-11 { width:89.67%; }
|
67 |
.grid12-12,
|
@@ -140,4 +140,7 @@
|
|
140 |
/* Remove padding (which is added in media queries for mobile layouts) from basic grid containers.
|
141 |
Stretch inner grid unit (full width) */
|
142 |
.container.stretched { width:96%; padding-left:0; padding-right:0; }
|
143 |
-
.container.stretched .grid-full { width:100%; margin-left:0; margin-right:0; }
|
|
|
|
|
|
61 |
.grid12-7 { width:56.33%; }
|
62 |
.grid12-8 { width:64.67%; }
|
63 |
.grid12-9,
|
64 |
+
.grid4-3 { width:100%; }
|
65 |
.grid12-10 { width:81.33%; }
|
66 |
.grid12-11 { width:89.67%; }
|
67 |
.grid12-12,
|
140 |
/* Remove padding (which is added in media queries for mobile layouts) from basic grid containers.
|
141 |
Stretch inner grid unit (full width) */
|
142 |
.container.stretched { width:96%; padding-left:0; padding-right:0; }
|
143 |
+
.container.stretched .grid-full { width:100%; margin-left:0; margin-right:0; }
|
144 |
+
|
145 |
+
|
146 |
+
.the-slideshow-wrapper ul li img{ width:100%!important;}
|
skin/frontend/base/default/responsiveslider/css/styles.css
DELETED
@@ -1,3174 +0,0 @@
|
|
1 |
-
/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
3 |
-
|
4 |
-
* { margin:0; padding:0; }
|
5 |
-
html { font-size:16px; /* Fix for Opera */ }
|
6 |
-
body { font:75%/150% 'Signika', Helvetica, sans-serif; background-color:#fff; color:#333; text-align:center; }
|
7 |
-
#root-wrapper {}
|
8 |
-
|
9 |
-
img { border:0; vertical-align:top; max-width:100%; }
|
10 |
-
|
11 |
-
a { color:#888; text-decoration:none; }
|
12 |
-
a:hover { text-decoration:none; color:#ca0413; }
|
13 |
-
:focus { outline:0; }
|
14 |
-
|
15 |
-
/* Headings */
|
16 |
-
h1,h2,h3,
|
17 |
-
h4,h5,h6 { margin:0 0 10px; font-weight:normal; }
|
18 |
-
h1 { font-size:2.6666em; line-height:1.25em; /*32px, 40px*/ }
|
19 |
-
h2 { font-size:2em; line-height:1.25em; /*24px, 30px*/ }
|
20 |
-
h3 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }
|
21 |
-
h4 { font-size:1.3333em; line-height:1.25em /*16px, 20px*/ }
|
22 |
-
h5 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ }
|
23 |
-
h6 { font-size:1em; }
|
24 |
-
|
25 |
-
/* Forms */
|
26 |
-
form { display:inline; }
|
27 |
-
fieldset { border:0; }
|
28 |
-
legend { display:none; }
|
29 |
-
|
30 |
-
/* Table */
|
31 |
-
table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
|
32 |
-
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }
|
33 |
-
|
34 |
-
/* Content */
|
35 |
-
strong { font-weight:bold; }
|
36 |
-
address { font-style:normal; }
|
37 |
-
cite { font-style:normal; }
|
38 |
-
q,
|
39 |
-
blockquote { quotes:none; }
|
40 |
-
q:before,
|
41 |
-
q:after { content:''; }
|
42 |
-
small,big { font-size:1em; }
|
43 |
-
sup { font-size:1em; vertical-align:top; }
|
44 |
-
|
45 |
-
/* Lists */
|
46 |
-
ul,ol { list-style:none; }
|
47 |
-
|
48 |
-
/* Tools */
|
49 |
-
.hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
|
50 |
-
.nobr { white-space:nowrap !important; }
|
51 |
-
.wrap { white-space:normal !important; }
|
52 |
-
.a-left { text-align:left !important; }
|
53 |
-
.a-center { text-align:center !important; }
|
54 |
-
.a-right { text-align:right !important; }
|
55 |
-
.v-top { vertical-align:top; }
|
56 |
-
.v-middle { vertical-align:middle; }
|
57 |
-
.f-left,
|
58 |
-
.left { float:left !important; }
|
59 |
-
.f-right,
|
60 |
-
.right { float:right !important; }
|
61 |
-
.f-none { float:none !important; }
|
62 |
-
.f-fix { float:left; width:100%; min-height:147px; position:relative; }
|
63 |
-
.no-display { display:none; }
|
64 |
-
.no-margin { margin:0 !important; }
|
65 |
-
.no-padding { padding:0 !important; }
|
66 |
-
.no-bg { background:none !important; }
|
67 |
-
|
68 |
-
|
69 |
-
|
70 |
-
/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
71 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
72 |
-
|
73 |
-
/* Fix for the following problem: different browsers calculate the viewport width in different ways (not following the standards), some include vertical scrollbar, and some don't. It can be fixed with this CSS. Unfortunately this CSS has a side effect on ipad: page scrolling will not be smooth. */
|
74 |
-
/*
|
75 |
-
html, body { height:100%; overflow:hidden; }
|
76 |
-
#root-wrapper { height:100%; overflow:auto; }
|
77 |
-
*/
|
78 |
-
|
79 |
-
.wrapper { border-top:5px solid #333; }
|
80 |
-
.page { text-align:left; background-repeat:repeat; background-position:center top; }
|
81 |
-
.page-print { background:#fff; padding:20px; text-align:left; }
|
82 |
-
.page-empty { background:#fff; padding:20px; text-align:left; }
|
83 |
-
.page-popup { padding:20px; text-align:left; background:#fff; }
|
84 |
-
|
85 |
-
.main-container { background-repeat:repeat; background-position:center top; }
|
86 |
-
.main { padding:0; padding:40px 0; min-height:370px; }
|
87 |
-
/* Decrease padding on home page */
|
88 |
-
body.cms-index-index .main,
|
89 |
-
body.cms-index-defaultindex .main { padding-top:20px; padding-bottom:20px; }
|
90 |
-
|
91 |
-
/* Base Columns */
|
92 |
-
.col-left { float:left; }
|
93 |
-
.col-main { float:left; }
|
94 |
-
.col-right { float:right; }
|
95 |
-
|
96 |
-
/* 1 Column Layout */
|
97 |
-
.col1-layout .col-main { }
|
98 |
-
|
99 |
-
/* 2 Columns Layout */
|
100 |
-
.col2-left-layout .col-main { float:right; }
|
101 |
-
.col2-right-layout .col-main { }
|
102 |
-
|
103 |
-
/* 3 Columns Layout */
|
104 |
-
.col3-layout .col-main { }
|
105 |
-
.col3-layout .col-wrapper { float:left; }
|
106 |
-
.col3-layout .col-wrapper .col-main { float:right; }
|
107 |
-
|
108 |
-
/* Content Columns */
|
109 |
-
.col2-set .col-1 { float:left; width:49%; }
|
110 |
-
.col2-set .col-2 { float:right; width:49%; }
|
111 |
-
.col2-set .col-narrow { width:33%; }
|
112 |
-
.col2-set .col-wide { width:65%; }
|
113 |
-
|
114 |
-
.col3-set .col-1 { float:left; width:32%; }
|
115 |
-
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
|
116 |
-
.col3-set .col-3 { float:right; width:32%; }
|
117 |
-
|
118 |
-
.col4-set .col-1 { float:left; width:23.5%; }
|
119 |
-
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
|
120 |
-
.col4-set .col-3 { float:left; width:23.5%; }
|
121 |
-
.col4-set .col-4 { float:right; width:23.5%; }
|
122 |
-
|
123 |
-
|
124 |
-
|
125 |
-
/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
126 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
127 |
-
|
128 |
-
/* Form Elements
|
129 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
130 |
-
*/
|
131 |
-
input, select, textarea, button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; }
|
132 |
-
/* Fix: remove default formatting on iOS (e.g. rounded corners) */
|
133 |
-
input.input-text, textarea { -webkit-appearance:none; }
|
134 |
-
input.input-text, select, textarea {
|
135 |
-
background:#fff;
|
136 |
-
border:1px solid #ddd;
|
137 |
-
|
138 |
-
/* Remove default formatting, fix for iOS (rounded corners and shadow) */
|
139 |
-
-webkit-border-radius:0px;
|
140 |
-
border-radius:0px;
|
141 |
-
-webkit-box-shadow:none;
|
142 |
-
box-shadow:none;
|
143 |
-
}
|
144 |
-
input.input-text, textarea { padding:7px 2px; }
|
145 |
-
select { padding:6px 6px 6px 2px; }
|
146 |
-
select option { padding-right:10px; }
|
147 |
-
select.multiselect option { border-bottom:1px solid #e5e5e5; padding:2px 5px; }
|
148 |
-
select.multiselect option:last-child { border-bottom:0; }
|
149 |
-
textarea { overflow:auto; }
|
150 |
-
input.radio { margin-right:3px; }
|
151 |
-
input.checkbox { margin-right:3px; }
|
152 |
-
input.qty { width:2.5em !important; }
|
153 |
-
|
154 |
-
input.input-text:hover, select:hover, textarea:hover { border-color:#999; }
|
155 |
-
input.input-text:focus, select:focus, textarea:focus {
|
156 |
-
border-color:#000;
|
157 |
-
outline:none;
|
158 |
-
/*-moz-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2);
|
159 |
-
-webkit-box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2);
|
160 |
-
box-shadow:inset 0 0 4px rgba(0, 0, 0, 0.2);*/
|
161 |
-
}
|
162 |
-
input.input-text:disabled,
|
163 |
-
select:disabled,
|
164 |
-
textarea:disabled {}
|
165 |
-
|
166 |
-
|
167 |
-
/* Buttons
|
168 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
169 |
-
*/
|
170 |
-
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
|
171 |
-
button.button {
|
172 |
-
-webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */
|
173 |
-
overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;
|
174 |
-
}
|
175 |
-
button.button span {
|
176 |
-
float:left;
|
177 |
-
display:block;
|
178 |
-
padding:0;
|
179 |
-
font-size:12px;
|
180 |
-
text-align:center;
|
181 |
-
white-space:nowrap;
|
182 |
-
background-color:#ddd;
|
183 |
-
color:#333;
|
184 |
-
|
185 |
-
transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
|
186 |
-
-moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
|
187 |
-
-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
|
188 |
-
-o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
|
189 |
-
}
|
190 |
-
button.button:hover span { background-color:#333; color:#fff; }
|
191 |
-
button.button span span { padding:0 25px; height:45px; line-height:45px; }
|
192 |
-
|
193 |
-
/* Smaller button - for inline display with input boxes
|
194 |
-
-------------------------------------------------------------- */
|
195 |
-
button.button.btn-inline span span,
|
196 |
-
.product-view .box-tags .form-add button.button span span { padding:0 10px; line-height:32px; height:32px; }
|
197 |
-
|
198 |
-
/* Big button: Add to cart (product view) & Proceed to checkout
|
199 |
-
-------------------------------------------------------------- */
|
200 |
-
/*.product-view .btn-cart span,
|
201 |
-
button.btn-checkout span {}*/
|
202 |
-
.product-view .btn-cart span span,
|
203 |
-
button.btn-checkout span span { padding:5px 25px; font-size:1.1666em; /*14px*/ }
|
204 |
-
|
205 |
-
/* Add to cart only */
|
206 |
-
.product-view .btn-cart span span { padding:5px 40px; }
|
207 |
-
|
208 |
-
/* Add to cart - all */
|
209 |
-
/*button.button.btn-cart span {}
|
210 |
-
button.button.btn-cart:hover span {}*/
|
211 |
-
|
212 |
-
|
213 |
-
/* Form
|
214 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
215 |
-
*/
|
216 |
-
p.control input.checkbox,
|
217 |
-
p.control input.radio { margin-right:6px; }
|
218 |
-
/* Form Highlight */
|
219 |
-
/*input.input-text:focus,select:focus,textarea:focus {}*/
|
220 |
-
/*.highlight { background:#efefef; }*/
|
221 |
-
|
222 |
-
/* Form lists */
|
223 |
-
/* Grouped fields */
|
224 |
-
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
|
225 |
-
.form-list li { margin:0 0 8px; }
|
226 |
-
.form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; }
|
227 |
-
.form-list label.required {}
|
228 |
-
.form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; }
|
229 |
-
.form-list li.control label { float:none; }
|
230 |
-
.form-list li.control input.radio,
|
231 |
-
.form-list li.control input.checkbox { margin-right:6px; }
|
232 |
-
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
|
233 |
-
/*.form-list li.fields { margin-right:-15px; }*/
|
234 |
-
.form-list .input-box { display:block; clear:both; }
|
235 |
-
.form-list .field { float:left; width:275px; margin-bottom:5px; }
|
236 |
-
.form-list input.input-text { width:254px; }
|
237 |
-
.form-list textarea { width:254px; height:10em; }
|
238 |
-
.form-list select { width:260px; }
|
239 |
-
.form-list li.wide .input-box { /*width:535px;*/ }
|
240 |
-
.form-list li.wide input.input-text { /*width:529px;*/ }
|
241 |
-
.form-list li.wide textarea { /*width:529px;*/ }
|
242 |
-
.form-list li.wide select { /*width:535px;*/ }
|
243 |
-
.form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; }
|
244 |
-
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
|
245 |
-
.form-list .input-range input.input-text { width:74px; }
|
246 |
-
/* Customer */
|
247 |
-
.form-list .customer-name-prefix .input-box,
|
248 |
-
.form-list .customer-name-suffix .input-box,
|
249 |
-
.form-list .customer-name-prefix-suffix .input-box,
|
250 |
-
.form-list .customer-name-prefix-middlename .input-box,
|
251 |
-
.form-list .customer-name-middlename-suffix .input-box,
|
252 |
-
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }
|
253 |
-
|
254 |
-
.form-list .name-prefix { width:65px; }
|
255 |
-
.form-list .name-prefix select { width:55px; }
|
256 |
-
.form-list .name-prefix input.input-text { width:49px; }
|
257 |
-
|
258 |
-
.form-list .name-suffix { width:65px; }
|
259 |
-
.form-list .name-suffix select { width:55px; }
|
260 |
-
.form-list .name-suffix input.input-text { width:49px; }
|
261 |
-
|
262 |
-
.form-list .name-middlename { width:70px; }
|
263 |
-
.form-list .name-middlename input.input-text { width:49px; }
|
264 |
-
|
265 |
-
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
|
266 |
-
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
|
267 |
-
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
|
268 |
-
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
|
269 |
-
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
|
270 |
-
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }
|
271 |
-
|
272 |
-
.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
|
273 |
-
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
|
274 |
-
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
|
275 |
-
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }
|
276 |
-
|
277 |
-
.form-list .customer-name-prefix .name-firstname,
|
278 |
-
.form-list .customer-name-middlename .name-firstname { width:210px; }
|
279 |
-
|
280 |
-
.form-list .customer-name-suffix .name-lastname,
|
281 |
-
.form-list .customer-name-middlename .name-firstname,
|
282 |
-
.form-list .customer-name-middlename-suffix .name-firstname,
|
283 |
-
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }
|
284 |
-
|
285 |
-
.form-list .customer-name-prefix .name-firstname input.input-text,
|
286 |
-
.form-list .customer-name-suffix .name-lastname input.input-text,
|
287 |
-
.form-list .customer-name-middlename .name-firstname input.input-text,
|
288 |
-
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
|
289 |
-
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }
|
290 |
-
|
291 |
-
.form-list .customer-dob .dob-month,
|
292 |
-
.form-list .customer-dob .dob-day,
|
293 |
-
.form-list .customer-dob .dob-year { float:left; width:85px; }
|
294 |
-
.form-list .customer-dob input.input-text { display:block; width:74px; }
|
295 |
-
.form-list .customer-dob label { font-size:10px; font-weight:normal; }
|
296 |
-
.form-list .customer-dob .dob-day,
|
297 |
-
.form-list .customer-dob .dob-month { width:60px; }
|
298 |
-
.form-list .customer-dob .dob-day input.input-text,
|
299 |
-
.form-list .customer-dob .dob-month input.input-text { width:46px; }
|
300 |
-
.form-list .customer-dob .dob-year { width:140px; }
|
301 |
-
.form-list .customer-dob .dob-year input.input-text { width:134px; }
|
302 |
-
|
303 |
-
/* Orders and Returns form
|
304 |
-
-------------------------------------------------------------- */
|
305 |
-
#oar_widget_orders_and_returns_form ul li { margin:0 0 5px; height:30px; }
|
306 |
-
|
307 |
-
/* Buttons set
|
308 |
-
-------------------------------------------------------------- */
|
309 |
-
.buttons-set { clear:both; margin:10px 0; }
|
310 |
-
.buttons-set button.button { float:right; margin-left:5px; margin-bottom:5px; }
|
311 |
-
.buttons-set p.required { margin:0 0 5px; }
|
312 |
-
|
313 |
-
.contacts-index-index .buttons-set { float:left; margin-top:-10px; }
|
314 |
-
.contacts-index-index .buttons-set .required { text-align:left; }
|
315 |
-
.contacts-index-index .buttons-set .button { margin-left:0; }
|
316 |
-
|
317 |
-
.buttons-set .back-link { float:left; margin-bottom:5px; }
|
318 |
-
.buttons-set .back-link a { display:block; line-height:36px; /* Icon size */ }
|
319 |
-
.buttons-set .back-link small {
|
320 |
-
display:inline-block;
|
321 |
-
margin-right:5px;
|
322 |
-
width:36px;
|
323 |
-
height:36px;
|
324 |
-
text-indent:-9999px;
|
325 |
-
background-image:url(../images/sprite.png);
|
326 |
-
background-position:-107px -107px;
|
327 |
-
}
|
328 |
-
.buttons-set .back-link:hover small {
|
329 |
-
background-image:url(../images/sprite.png);
|
330 |
-
background-position:-107px -157px;
|
331 |
-
}
|
332 |
-
|
333 |
-
/* Fieldset
|
334 |
-
-------------------------------------------------------------- */
|
335 |
-
/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
|
336 |
-
.fieldset,
|
337 |
-
.multiple-checkout .col2-set,
|
338 |
-
.multiple-checkout .col3-set,
|
339 |
-
.info-set {
|
340 |
-
border-top:1px solid #e5e5e5;
|
341 |
-
margin:30px 0 0;
|
342 |
-
padding:30px 30px 10px;
|
343 |
-
}
|
344 |
-
.fieldset .legend,
|
345 |
-
.multiple-checkout .col2-set h2.legend,
|
346 |
-
.info-set h2.legend {
|
347 |
-
background-color:#fff;
|
348 |
-
float:left;
|
349 |
-
margin:-42px 0 0 -10px;
|
350 |
-
padding:0 10px;
|
351 |
-
}
|
352 |
-
|
353 |
-
/* Form Validation
|
354 |
-
-------------------------------------------------------------- */
|
355 |
-
.validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; }
|
356 |
-
.validation-failed { border:1px solid #ee001c !important; background:#fff !important; }
|
357 |
-
.validation-passed {}
|
358 |
-
|
359 |
-
/* Required */
|
360 |
-
p.required { font-size:0.8333em; /*10px*/ text-align:right; }
|
361 |
-
p.required,
|
362 |
-
.product-options dt label.required em,
|
363 |
-
.form-list label.required em { color:#D90000; }
|
364 |
-
|
365 |
-
/* Expiration date and CVV number validation fix */
|
366 |
-
.v-fix { float:left; }
|
367 |
-
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }
|
368 |
-
|
369 |
-
|
370 |
-
/* Global Messages
|
371 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
372 |
-
*/
|
373 |
-
.success { color:#3d6611; font-weight:bold; }
|
374 |
-
.error { color:#ee001c; font-weight:bold; }
|
375 |
-
.notice { color:#ccc; }
|
376 |
-
|
377 |
-
.messages,
|
378 |
-
.messages ul { list-style:none !important; margin:0; padding:0; }
|
379 |
-
.messages { overflow:hidden; margin:0 0 10px; }
|
380 |
-
.messages li { margin:0 0 1%; }
|
381 |
-
.messages li li { margin:0; }
|
382 |
-
.messages a { text-decoration:underline; }
|
383 |
-
.catalog-category-view .messages { margin-top:15px; }
|
384 |
-
|
385 |
-
.error-msg,
|
386 |
-
.success-msg,
|
387 |
-
.note-msg,
|
388 |
-
.notice-msg {
|
389 |
-
background-position:25px center !important;
|
390 |
-
background-repeat:no-repeat !important;
|
391 |
-
padding:25px 25px 25px 80px !important;
|
392 |
-
font-size:12px !important;
|
393 |
-
}
|
394 |
-
.error-msg {
|
395 |
-
border-color:#c02230;
|
396 |
-
background-color:#F5DAD3;
|
397 |
-
background-image:url(../images/i_msg-error.png);
|
398 |
-
color:#c02230;
|
399 |
-
}
|
400 |
-
.success-msg {
|
401 |
-
border-color:#296a23;
|
402 |
-
background-color:#e9ffca;
|
403 |
-
background-image:url(../images/i_msg-success.png);
|
404 |
-
color:#296a23;
|
405 |
-
}
|
406 |
-
.note-msg,
|
407 |
-
.notice-msg {
|
408 |
-
border-color:#7c622a;
|
409 |
-
background-color:#FDEDA4;
|
410 |
-
background-image:url(../images/i_msg-note.png);
|
411 |
-
color:#7c622a;
|
412 |
-
}
|
413 |
-
|
414 |
-
.note-msg.empty-catalog {
|
415 |
-
background:url(../images/img/empty-catalog.png) 10px 10px no-repeat transparent !important;
|
416 |
-
color:inherit;
|
417 |
-
min-height:70px;
|
418 |
-
padding:40px 20px 40px 160px !important;
|
419 |
-
}
|
420 |
-
|
421 |
-
|
422 |
-
/* BreadCrumbs
|
423 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
424 |
-
*/
|
425 |
-
.breadcrumbs { line-height:1.5em; /*18px*/ margin:-0.5em 0 5px; }
|
426 |
-
|
427 |
-
/* Breadcrumbs on product page */
|
428 |
-
.catalog-product-view .breadcrumbs { margin-bottom:10px; }
|
429 |
-
|
430 |
-
.breadcrumbs ul {}
|
431 |
-
.breadcrumbs li { display:inline; font-size:0.9166em; /*11px*/ }
|
432 |
-
.breadcrumbs a { display:block; float:left; }
|
433 |
-
.breadcrumbs li span {
|
434 |
-
background:url(../images/img/pix.png) 0 -129px no-repeat;
|
435 |
-
width:7px;
|
436 |
-
height:5px;
|
437 |
-
margin:6px 4px 0;
|
438 |
-
display:block;
|
439 |
-
float:left;
|
440 |
-
text-indent:-9999px;
|
441 |
-
overflow:hidden;
|
442 |
-
}
|
443 |
-
.breadcrumbs li strong { font-weight:normal; display:block; }
|
444 |
-
|
445 |
-
|
446 |
-
/* Page Heading
|
447 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
448 |
-
*/
|
449 |
-
.page-title { padding:0; margin:0 0 15px; }
|
450 |
-
.my-account .page-title,
|
451 |
-
.category-title { border-bottom:1px solid #e5e5e5; }
|
452 |
-
|
453 |
-
.page-title h1,
|
454 |
-
.page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ }
|
455 |
-
.page-title .separator { margin:0 3px; }
|
456 |
-
.page-title .link-rss { float:right; margin-top:10px; }
|
457 |
-
.title-buttons { text-align:right; }
|
458 |
-
.title-buttons button { margin-left:1em; }
|
459 |
-
.title-buttons h1,
|
460 |
-
.title-buttons h2,
|
461 |
-
.title-buttons h3,
|
462 |
-
.title-buttons h4,
|
463 |
-
.title-buttons h5,
|
464 |
-
.title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ }
|
465 |
-
|
466 |
-
/* Buttons - adjust the height of heading buttons in customer account (needed for the Address Book) */
|
467 |
-
.my-account .title-buttons button span span {
|
468 |
-
height:35px;
|
469 |
-
line-height:35px;
|
470 |
-
}
|
471 |
-
|
472 |
-
|
473 |
-
/* Toolbar: pager and sorter
|
474 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
475 |
-
*/
|
476 |
-
|
477 |
-
/* Sorter
|
478 |
-
-------------------------------------------------------------- */
|
479 |
-
.sorter { padding:5px 0; }
|
480 |
-
|
481 |
-
/* View mode */
|
482 |
-
.sorter .view-mode { float:right; }
|
483 |
-
.sorter .view-mode label { margin-right:5px; }
|
484 |
-
.sorter .view-mode .grid,
|
485 |
-
.sorter .view-mode .list {
|
486 |
-
display:inline-block;
|
487 |
-
vertical-align:middle;
|
488 |
-
|
489 |
-
margin:0 0 0 1px;
|
490 |
-
background-image:url(../images/img/pix.png);
|
491 |
-
background-repeat:no-repeat;
|
492 |
-
text-indent:-9999px;
|
493 |
-
overflow:hidden;
|
494 |
-
}
|
495 |
-
.sorter .view-mode .grid { background-position:0 -207px; }
|
496 |
-
.sorter .view-mode .list { background-position:-30px -207px; margin-left:-5px; }
|
497 |
-
.sorter .view-mode a.grid:hover { background-position:0 -237px; }
|
498 |
-
.sorter .view-mode a.list:hover { background-position:-30px -237px; }
|
499 |
-
|
500 |
-
/*.sorter .view-mode .grid { background-position:0 -277px; }
|
501 |
-
.sorter .view-mode .list { background-position:-30px -277px; margin-left:-5px; }
|
502 |
-
.sorter .view-mode a.grid:hover { background-position:0 -307px; }
|
503 |
-
.sorter .view-mode a.list:hover { background-position:-30px -307px; }*/
|
504 |
-
/* Currently selected mode icon */
|
505 |
-
/*.sorter .view-mode span.grid,
|
506 |
-
.sorter .view-mode span.list {}*/
|
507 |
-
|
508 |
-
/* Sort by */
|
509 |
-
.sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(../images/img/link-separator.png) right center no-repeat; }
|
510 |
-
.sorter .sort-by .category-asc,
|
511 |
-
.sorter .sort-by .category-desc {
|
512 |
-
display:inline-block;
|
513 |
-
text-indent:-9999px;
|
514 |
-
overflow:hidden;
|
515 |
-
}
|
516 |
-
.sorter .sort-by .category-asc { background:url(../images/img/pix.png) 0 -87px no-repeat transparent; }
|
517 |
-
.sorter .sort-by .category-desc { background:url(../images/img/pix.png) -60px -87px no-repeat transparent; }
|
518 |
-
.sorter .sort-by .category-asc:hover { background-position:-30px -87px; }
|
519 |
-
.sorter .sort-by .category-desc:hover { background-position:-90px -87px; }
|
520 |
-
|
521 |
-
/* Pager
|
522 |
-
-------------------------------------------------------------- */
|
523 |
-
.pager { margin:10px 0; padding:5px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
|
524 |
-
.pager .pages { float:right; vertical-align:middle; /* Vertical align to fix positionning issue */ }
|
525 |
-
.pager .pages strong,
|
526 |
-
.pager .pages span { float:left; margin-right:5px; font-weight:normal; }
|
527 |
-
.pager .pages ol { display:inline; }
|
528 |
-
.pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; }
|
529 |
-
.pager .pages li a { display:block; background-color:transparent; color:inherit; }
|
530 |
-
|
531 |
-
.pager .pages li a.previous,
|
532 |
-
.pager .pages li a.next {
|
533 |
-
text-indent:-9999px;
|
534 |
-
overflow:hidden;
|
535 |
-
/*Deprecated:*/
|
536 |
-
/*background-image:url(../images/img/pix.png);
|
537 |
-
background-repeat:no-repeat;*/
|
538 |
-
}
|
539 |
-
/*Deprecated:*/
|
540 |
-
/*.pager .pages li a.previous { background-position:0px -55px; }
|
541 |
-
.pager .pages li:hover a.previous {}
|
542 |
-
.pager .pages li a.next { background-position:-30px -55px; }
|
543 |
-
.pager .pages li:hover a.next {}*/
|
544 |
-
|
545 |
-
/* Toolbar. Pager and sorter inside toolbar
|
546 |
-
-------------------------------------------------------------- */
|
547 |
-
.toolbar {
|
548 |
-
border-top:1px solid #e5e5e5;
|
549 |
-
border-bottom:1px solid #e5e5e5;
|
550 |
-
margin-bottom:-1px; /* To cover the top line of the products grid/list */
|
551 |
-
|
552 |
-
/* Move up to cover adjacent lines/elements */
|
553 |
-
position:relative;
|
554 |
-
z-index:1;
|
555 |
-
}
|
556 |
-
|
557 |
-
/* Pager inside toolbar - align center */
|
558 |
-
.toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; }
|
559 |
-
.toolbar .pager .pages { display:inline-block; float:none; }
|
560 |
-
|
561 |
-
/* Bottom toolbar */
|
562 |
-
.toolbar-bottom { margin-top:10px; }
|
563 |
-
.toolbar-bottom .toolbar { border-bottom:none; }
|
564 |
-
.toolbar-bottom .toolbar .pager { border-top:none; }
|
565 |
-
.toolbar-bottom .sorter { display:none; }
|
566 |
-
|
567 |
-
/* Common styles for toolbar elements
|
568 |
-
-------------------------------------------------------------- */
|
569 |
-
|
570 |
-
/* Size */
|
571 |
-
.sorter,
|
572 |
-
.pager { line-height:30px; }
|
573 |
-
.sorter .view-mode .grid,
|
574 |
-
.sorter .view-mode .list,
|
575 |
-
.sorter .sort-by .category-asc,
|
576 |
-
.sorter .sort-by .category-desc,
|
577 |
-
.pager .pages li { width:30px; height:30px; }
|
578 |
-
|
579 |
-
/* Amount */
|
580 |
-
.pager .amount,
|
581 |
-
.sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(../images/img/link-separator.png) right center no-repeat; }
|
582 |
-
|
583 |
-
/* Limiter */
|
584 |
-
.pager .limiter,
|
585 |
-
.sorter .limiter { float:left; margin-right:15px; }
|
586 |
-
|
587 |
-
/* All elements - vertical spacing */
|
588 |
-
.pager .amount,
|
589 |
-
.pager .limiter,
|
590 |
-
.pager .pages,
|
591 |
-
.sorter .amount,
|
592 |
-
.sorter .limiter,
|
593 |
-
.sorter .view-mode,
|
594 |
-
.sorter .sort-by { padding-top:5px; padding-bottom:5px; }
|
595 |
-
|
596 |
-
|
597 |
-
/* Data Table
|
598 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
599 |
-
*/
|
600 |
-
.data-table { width:100%; }
|
601 |
-
.data-table th,
|
602 |
-
.data-table td { padding:10px; }
|
603 |
-
.data-table thead { background:none; border-bottom:1px solid #e5e5e5; }
|
604 |
-
.data-table thead th { font-weight:bold; vertical-align:bottom; }
|
605 |
-
.data-table thead th.wrap { white-space:normal; }
|
606 |
-
|
607 |
-
.data-table tr.odd td,
|
608 |
-
.data-table tr.odd th { border-right:1px solid #f5f5f5;}
|
609 |
-
.data-table tr.odd td.last { border-right:none; }
|
610 |
-
.data-table tr.odd.last { border-bottom:#eee solid 1px; }
|
611 |
-
|
612 |
-
.data-table tr.even { background-color:#fbfbfb; }
|
613 |
-
.data-table tr.even td,
|
614 |
-
.data-table tr.even th { border-right:1px solid #f1f1f1; }
|
615 |
-
.data-table tr.even td.last { border-right:none; }
|
616 |
-
|
617 |
-
.data-table tbody tr:hover {}
|
618 |
-
.data-table tbody tr.product-shop-row:hover { background-color:#FFF; } /*TODO:needed?*/
|
619 |
-
.data-table tbody.odd {}
|
620 |
-
.data-table tbody.odd td { border-width:0 1px; }
|
621 |
-
.data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; }
|
622 |
-
.data-table tbody.even { background-color:#f1f1f1; }
|
623 |
-
.data-table tbody.even td { border-width:0 1px; }
|
624 |
-
.data-table tbody.odd tr.border td,
|
625 |
-
.data-table tbody.even tr.border td {}
|
626 |
-
.data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; }
|
627 |
-
|
628 |
-
/* Additional classes for mobile devices
|
629 |
-
-------------------------------------------------------------- */
|
630 |
-
/* Cell title */
|
631 |
-
.data-table .cell-label { display:none; }
|
632 |
-
|
633 |
-
|
634 |
-
/* Shopping cart total summary row expandable to details
|
635 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
636 |
-
*/
|
637 |
-
tr.summary-total { cursor:pointer; }
|
638 |
-
tr.summary-total td {}
|
639 |
-
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
|
640 |
-
tr.show-details .summary-collapse { background-position:0 -53px; }
|
641 |
-
tr.show-details td {}
|
642 |
-
tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; }
|
643 |
-
tr.summary-details-first td { border-top:1px solid #d5d5d5; }
|
644 |
-
tr.summary-details-excluded { font-style:italic; }
|
645 |
-
|
646 |
-
|
647 |
-
/* Shopping cart tax info
|
648 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
649 |
-
*/
|
650 |
-
.cart-tax-info { display:block; }
|
651 |
-
.cart-tax-info,
|
652 |
-
.cart-tax-info .cart-price { padding-right:20px; }
|
653 |
-
.cart-tax-total { display:block; padding-right:20px; background:url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
|
654 |
-
.cart-tax-info .price,
|
655 |
-
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
|
656 |
-
.cart-tax-total-expanded { background-position:100% -53px; }
|
657 |
-
|
658 |
-
|
659 |
-
/* Misc
|
660 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
661 |
-
*/
|
662 |
-
.link-cart { font-weight:bold; }
|
663 |
-
.link-reorder { font-weight:bold; }
|
664 |
-
.link-print { background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; }
|
665 |
-
.link-rss { background:url(../images/i_rss.gif) 0 3px no-repeat; padding-left:18px; white-space:nowrap; }
|
666 |
-
|
667 |
-
.cards-list dt { margin:5px 0 0; }
|
668 |
-
.cards-list .offset { padding:2px 0 2px 20px; }
|
669 |
-
|
670 |
-
.separator { margin:0 3px; font-weight:normal; color:#e5e5e5; }
|
671 |
-
.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; }
|
672 |
-
|
673 |
-
/* Global site notices
|
674 |
-
-------------------------------------------------------------- */
|
675 |
-
.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#f5f5f5; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
|
676 |
-
.global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(../images/i_notice.gif) 20px 25px no-repeat; text-align:left; }
|
677 |
-
.global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; }
|
678 |
-
.global-site-notice .notice-inner .actions { padding-top:10px; }
|
679 |
-
|
680 |
-
/* Cookie Notice */
|
681 |
-
.notice-cookie {}
|
682 |
-
|
683 |
-
/* Noscript Notice */
|
684 |
-
.noscript {}
|
685 |
-
|
686 |
-
/* Demo Notice */
|
687 |
-
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; }
|
688 |
-
.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }
|
689 |
-
.demo-notice .notice-inner p { padding:0; border:0; }
|
690 |
-
|
691 |
-
|
692 |
-
/* Buttons remove/close and edit
|
693 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
694 |
-
*/
|
695 |
-
|
696 |
-
/* Common styles for buttons
|
697 |
-
-------------------------------------------------------------- */
|
698 |
-
.btn-remove,
|
699 |
-
.btn-remove2,
|
700 |
-
.btn-edit,
|
701 |
-
.tool-tip .btn-close a {
|
702 |
-
display:block;
|
703 |
-
width:17px;
|
704 |
-
height:17px;
|
705 |
-
font-size:0;
|
706 |
-
line-height:0;
|
707 |
-
text-indent:-999em;
|
708 |
-
overflow:hidden;
|
709 |
-
}
|
710 |
-
|
711 |
-
.btn-remove,
|
712 |
-
.btn-remove2,
|
713 |
-
.tool-tip .btn-close a {
|
714 |
-
background:url(../images/img/pix.png) 0 -150px no-repeat;
|
715 |
-
}
|
716 |
-
.btn-remove:hover,
|
717 |
-
.btn-remove2:hover,
|
718 |
-
.tool-tip .btn-close a:hover { background-position: -17px -150px; }
|
719 |
-
.btn-remove:active,
|
720 |
-
.btn-remove2:active,
|
721 |
-
.tool-tip .btn-close a:focus { background-position: -34px -150px; }
|
722 |
-
|
723 |
-
/* Button edit
|
724 |
-
-------------------------------------------------------------- */
|
725 |
-
.btn-edit { background:url(../images/img/pix.png) 0 -167px no-repeat; margin:0 5px 0 0; }
|
726 |
-
.btn-edit:hover { background-position: -17px -167px; }
|
727 |
-
.btn-edit:active { background-position: -34px -167px; }
|
728 |
-
|
729 |
-
|
730 |
-
|
731 |
-
/* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
732 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
733 |
-
/* Styles for admin-controlled content */
|
734 |
-
|
735 |
-
.std .subtitle { padding:0; }
|
736 |
-
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
|
737 |
-
.std dl dt { font-weight:bold; }
|
738 |
-
.std dl dd { margin:0 0 10px; }
|
739 |
-
.std dl,
|
740 |
-
.std p,
|
741 |
-
.std address,
|
742 |
-
.std blockquote { margin:0 0 1em; padding:0; }
|
743 |
-
|
744 |
-
|
745 |
-
/* Lists
|
746 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
747 |
-
*/
|
748 |
-
|
749 |
-
/* Unordered lists
|
750 |
-
-------------------------------------------------------------- */
|
751 |
-
|
752 |
-
/* Common basic styling */
|
753 |
-
ul.bullet,
|
754 |
-
ul.disc { margin:1em 0; padding:0; }
|
755 |
-
|
756 |
-
/* Disc */
|
757 |
-
ul.disc { list-style:disc outside none; padding-left:1.5em; }
|
758 |
-
ul.disc li { background-image:none; padding-left:0; }
|
759 |
-
|
760 |
-
/* Bullet */
|
761 |
-
ul.bullet { list-style:none outside none; }
|
762 |
-
ul.bullet li {
|
763 |
-
background:url(../images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
|
764 |
-
padding-left:25px;
|
765 |
-
transition: background-position 150ms ease-out;
|
766 |
-
-moz-transition: background-position 150ms ease-out;
|
767 |
-
-webkit-transition: background-position 150ms ease-out;
|
768 |
-
-o-transition: background-position 150ms ease-out;
|
769 |
-
}
|
770 |
-
ul.bullet li:hover { background-position:3px 0; }
|
771 |
-
|
772 |
-
/* Different bullets. IMPORTANT: use together with class "bullet" */
|
773 |
-
ul.list1 li { background-image:url(../images/infortis/_shared/cck/list/list1.png); }
|
774 |
-
ul.list2 li { background-image:url(../images/infortis/_shared/cck/list/list2.png); }
|
775 |
-
ul.list11 li { background-image:url(../images/infortis/_shared/cck/list/list11.png); }
|
776 |
-
ul.list12 li { background-image:url(../images/infortis/_shared/cck/list/list12.png); }
|
777 |
-
ul.list13 li { background-image:url(../images/infortis/_shared/cck/list/list13.png); }
|
778 |
-
|
779 |
-
/* No bullets */
|
780 |
-
/*.std ul.no-bullets { list-style:none outside none; padding-left:0; }
|
781 |
-
.std ul.no-bullets li { background-image:none; padding-left:0; }*/
|
782 |
-
|
783 |
-
|
784 |
-
|
785 |
-
/* Separator */
|
786 |
-
ul .separator {
|
787 |
-
border-bottom:1px solid #fff;
|
788 |
-
margin:8px 1px;
|
789 |
-
overflow:hidden;
|
790 |
-
}
|
791 |
-
|
792 |
-
/* Nested unordered lists
|
793 |
-
-------------------------------------------------------------- */
|
794 |
-
ul.bullet ul,
|
795 |
-
ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; }
|
796 |
-
ul.bullet ul li,
|
797 |
-
ul.disc ul li { background:url(../images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; }
|
798 |
-
|
799 |
-
/* Ordered lists
|
800 |
-
-------------------------------------------------------------- */
|
801 |
-
.std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; }
|
802 |
-
.std ol ol,
|
803 |
-
.std ul ol,
|
804 |
-
.std ol ul { margin:0.5em 0; }
|
805 |
-
|
806 |
-
|
807 |
-
/* Misc
|
808 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
809 |
-
*/
|
810 |
-
.std dt { font-weight:bold; }
|
811 |
-
.std dd { padding:0 0 0 1.5em; }
|
812 |
-
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
|
813 |
-
.std address { font-style:normal; }
|
814 |
-
.std b,
|
815 |
-
.std strong { font-weight:bold; }
|
816 |
-
.std i,
|
817 |
-
.std em { font-style:italic; }
|
818 |
-
|
819 |
-
|
820 |
-
/* Override std styles for selected elements
|
821 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
822 |
-
*/
|
823 |
-
.std .products-grid p { margin-bottom:0; }
|
824 |
-
|
825 |
-
|
826 |
-
|
827 |
-
/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
828 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
829 |
-
|
830 |
-
/* Header
|
831 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
832 |
-
*/
|
833 |
-
.header-container { background-repeat:repeat; background-position:center top; }
|
834 |
-
.header { padding:0; }
|
835 |
-
|
836 |
-
/* Basic header sections
|
837 |
-
-------------------------------------------------------------- */
|
838 |
-
.header-top {}
|
839 |
-
.header-main {}
|
840 |
-
|
841 |
-
/* Misc header elements
|
842 |
-
-------------------------------------------------------------- */
|
843 |
-
.header .welcome-msg {}
|
844 |
-
.header .login-msg {}
|
845 |
-
.header .login-msg a {}
|
846 |
-
.header .login-msg a:hover {}
|
847 |
-
|
848 |
-
|
849 |
-
/* Header top
|
850 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
851 |
-
*/
|
852 |
-
.header-top .item {}
|
853 |
-
.header-top .item-left { float:left; margin-right:20px; }
|
854 |
-
.header-top .item-right { float:right; margin-left:20px; }
|
855 |
-
|
856 |
-
.header-top .lang-switcher,
|
857 |
-
.header-top .currency-switcher { margin:0; }
|
858 |
-
|
859 |
-
|
860 |
-
|
861 |
-
|
862 |
-
/* Logo
|
863 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
864 |
-
*/
|
865 |
-
.header .logo-wrapper { margin:10px 0; }
|
866 |
-
.header .logo { display:inline-block; max-width:220px; margin:0; text-decoration:none !important; }
|
867 |
-
.header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; }
|
868 |
-
|
869 |
-
|
870 |
-
/* User menu, top links
|
871 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
872 |
-
*/
|
873 |
-
.user-menu {
|
874 |
-
float:right;
|
875 |
-
margin:10px 0 10px 10px;
|
876 |
-
}
|
877 |
-
#mini-cart { float:right; }
|
878 |
-
.top-links { float:right; }
|
879 |
-
|
880 |
-
/* Set floating because there can be more than one list of links. */
|
881 |
-
.top-links ul { float:right; }
|
882 |
-
|
883 |
-
|
884 |
-
/* Quick search
|
885 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
886 |
-
*/
|
887 |
-
.header-top-search-wrapper { float:left; margin:10px 0; }
|
888 |
-
/*.header-top-search-wrapper .advanced-search-link { display:none; position:absolute; }
|
889 |
-
.header-top-search-wrapper:hover .advanced-search-link { display:block; }*/
|
890 |
-
|
891 |
-
#search_mini_form { clear:both; display:block; }
|
892 |
-
.header .form-search {
|
893 |
-
position:relative;
|
894 |
-
margin:0 auto;
|
895 |
-
width:80%;
|
896 |
-
}
|
897 |
-
.header .form-search label { float:left; margin:3px 4px 0 0; display:none; }
|
898 |
-
.header .form-search .input-text {
|
899 |
-
float:right;
|
900 |
-
width:83%; /*98%;*/
|
901 |
-
height:32px;
|
902 |
-
line-height:32px; /*IE8*/
|
903 |
-
padding:0px 35px 0 7px; /*0 0 0 5px;*/
|
904 |
-
color:#bbb;
|
905 |
-
background-color:#fff;
|
906 |
-
overflow:hidden;
|
907 |
-
text-overflow:ellipsis;
|
908 |
-
}
|
909 |
-
.header .form-search .input-text::-ms-clear { display:none; }
|
910 |
-
.header .form-search .button {
|
911 |
-
background-color:#fff;
|
912 |
-
width:32px;
|
913 |
-
height:32px;
|
914 |
-
position:absolute;
|
915 |
-
right:1px;
|
916 |
-
top:1px;
|
917 |
-
}
|
918 |
-
.header .form-search .button span {
|
919 |
-
background:url(../images/sprite.png) no-repeat transparent;
|
920 |
-
background-position:-59px -109px; /* -57px -107px; */
|
921 |
-
width:32px;
|
922 |
-
height:32px;
|
923 |
-
opacity:0.3;
|
924 |
-
filter:alpha(opacity=30);
|
925 |
-
}
|
926 |
-
.header .form-search .button:hover span { opacity:1; filter:alpha(opacity=100); }
|
927 |
-
.header .form-search .button span span { background:none; display:none; }
|
928 |
-
|
929 |
-
/* Search autocomplete */
|
930 |
-
.header .form-search .search-autocomplete {
|
931 |
-
left:0 !important;
|
932 |
-
top:42px !important;
|
933 |
-
position:relative;
|
934 |
-
z-index:3900 !important; /* Less than drop-down buttons */
|
935 |
-
}
|
936 |
-
.header .form-search .search-autocomplete ul {
|
937 |
-
background-color:#fff;
|
938 |
-
text-align:left;
|
939 |
-
margin-top:-2px;
|
940 |
-
padding:7px;
|
941 |
-
}
|
942 |
-
.header .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; }
|
943 |
-
.header .form-search .search-autocomplete li:hover { background-color:#f5f5f5; }
|
944 |
-
.header .form-search .search-autocomplete li .amount { float:right; padding-left:5px; }
|
945 |
-
|
946 |
-
|
947 |
-
/* Mini-cart
|
948 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
949 |
-
*/
|
950 |
-
#mini-cart { position:relative; margin-bottom:-8px; }
|
951 |
-
.after-mini-cart { clear:both; }
|
952 |
-
|
953 |
-
/* Mini-cart Heading
|
954 |
-
-------------------------------------------------------------- */
|
955 |
-
#mini-cart .dropdown-toggle {}
|
956 |
-
|
957 |
-
#mini-cart .dropdown-toggle .icon-cart {
|
958 |
-
width:14px;
|
959 |
-
max-height:32px;
|
960 |
-
background:url(../images/img/pix.png) 0px -205px no-repeat;
|
961 |
-
}
|
962 |
-
#mini-cart .dropdown-toggle .summary {}
|
963 |
-
#mini-cart .dropdown-toggle .amount {}
|
964 |
-
#mini-cart .dropdown-toggle .subtotal {}
|
965 |
-
/* Fix icon positioning */
|
966 |
-
#mini-cart .dropdown-toggle .icon { padding:0; width:36px; height:36px; }
|
967 |
-
|
968 |
-
/* Mini-cart content
|
969 |
-
-------------------------------------------------------------- */
|
970 |
-
#mini-cart .dropdown-menu {
|
971 |
-
width:300px;
|
972 |
-
padding:25px;
|
973 |
-
text-align:left; /* Because cart can be aligned center */
|
974 |
-
}
|
975 |
-
|
976 |
-
#mini-cart .dropdown-menu .inner {}
|
977 |
-
#mini-cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; }
|
978 |
-
#mini-cart .dropdown-menu .empty { padding:10px 0; }
|
979 |
-
#mini-cart .block-subtitle { padding:0; margin:0 0 10px; font-weight:normal; }
|
980 |
-
#mini-cart .product-name {}
|
981 |
-
#mini-cart .btn-remove,
|
982 |
-
#mini-cart .btn-edit { float:right; }
|
983 |
-
#mini-cart .product-details strong { font-weight:normal; }
|
984 |
-
#mini-cart .actions { margin:10px 0 0; padding:0; border:none; text-align:left; }
|
985 |
-
#mini-cart .actions button { float:left; margin-right:1px; }
|
986 |
-
|
987 |
-
|
988 |
-
/* Mini-cart on hover
|
989 |
-
-------------------------------------------------------------- */
|
990 |
-
/* TODO
|
991 |
-
#mini-cart:hover .block-content { display:block; }
|
992 |
-
#mini-cart.hover:hover .block-content { display:none; }*/ /*Override (remove) default :hover behavior, if JS is enabled*/
|
993 |
-
|
994 |
-
|
995 |
-
/* Block: Recently Compared (dropdown)
|
996 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
997 |
-
*/
|
998 |
-
.quick-compare {
|
999 |
-
float:right;
|
1000 |
-
position:relative;
|
1001 |
-
margin:0;
|
1002 |
-
padding:0;
|
1003 |
-
border:none;
|
1004 |
-
}
|
1005 |
-
.quick-compare .dropdown-toggle {}
|
1006 |
-
.quick-compare .dropdown-menu {
|
1007 |
-
width:300px;
|
1008 |
-
padding:25px;
|
1009 |
-
text-align:left; /* Because cart can be aligned center */
|
1010 |
-
}
|
1011 |
-
|
1012 |
-
.quick-compare .dropdown-menu .empty { padding:10px 0; }
|
1013 |
-
.quick-compare .dropdown-menu .item { padding:3px 0; }
|
1014 |
-
.quick-compare .dropdown-menu .item .product-name { padding-right:20px; }
|
1015 |
-
.quick-compare .btn-remove { float:right; }
|
1016 |
-
.quick-compare .actions {
|
1017 |
-
border-top:1px dotted #e5e5e5;
|
1018 |
-
margin:5px 0 0;
|
1019 |
-
padding:5px 0 0;
|
1020 |
-
text-align:right;
|
1021 |
-
}
|
1022 |
-
.quick-compare .actions a { float:right; }
|
1023 |
-
.quick-compare .actions button { float:left; }
|
1024 |
-
|
1025 |
-
/* Block on hover
|
1026 |
-
-------------------------------------------------------------- */
|
1027 |
-
.header .block-compare:hover .block-content { display:block; }
|
1028 |
-
|
1029 |
-
|
1030 |
-
|
1031 |
-
/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1032 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
1033 |
-
|
1034 |
-
/* Blocks
|
1035 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1036 |
-
*/
|
1037 |
-
.block { margin:0 0 10px; }
|
1038 |
-
.block .block-title {}
|
1039 |
-
.block .block-title strong { font-weight:inherit; }
|
1040 |
-
.block .block-title a { text-decoration:none !important; }
|
1041 |
-
.block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; }
|
1042 |
-
.block .block-content { padding:10px; }
|
1043 |
-
.block .block-content li.item { padding:5px 0; }
|
1044 |
-
.block .block-content li.item .product-name {}
|
1045 |
-
.block .btn-remove { float:right; }
|
1046 |
-
.block .btn-edit { float:right; }
|
1047 |
-
.block .actions { margin:5px 0 0 0; padding:5px 0 0; border-top:1px dotted #e5e5e5; text-align:right; }
|
1048 |
-
.block .actions a { float:left; }
|
1049 |
-
|
1050 |
-
/* Mini Products List
|
1051 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1052 |
-
*/
|
1053 |
-
.mini-products-list li { padding:5px 0; }
|
1054 |
-
.mini-products-list .product-image { float:left; width:50px; }
|
1055 |
-
.mini-products-list .product-details { margin-left:69px; }
|
1056 |
-
.mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; }
|
1057 |
-
|
1058 |
-
/* Common styling for mini list and cross-sell list */
|
1059 |
-
.mini-products-list .product-image,
|
1060 |
-
.cart .crosssell .product-image { padding:3px; border:1px solid #e5e5e5; }
|
1061 |
-
.mini-products-list .product-image:hover,
|
1062 |
-
.cart .crosssell .product-image:hover { border-color:#999; }
|
1063 |
-
|
1064 |
-
|
1065 |
-
/* Block: Account
|
1066 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1067 |
-
*/
|
1068 |
-
.block-account .block-title { background:url(../images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; }
|
1069 |
-
.block-account .block-content { padding:10px 0 0 10px; }
|
1070 |
-
.block-account li.current { padding:4px 2px 4px 33px; background:url(../images/img/arrow-menu.png) 2px -48px no-repeat; }
|
1071 |
-
.block-account li.current strong { font-weight:normal; }
|
1072 |
-
.block-account li.last { border-bottom:none; }
|
1073 |
-
.block-account li a {
|
1074 |
-
padding:3px 2px 3px 33px;
|
1075 |
-
background:url(../images/img/arrow-menu.png) 2px 1px no-repeat;
|
1076 |
-
display:block;
|
1077 |
-
}
|
1078 |
-
.block-account li a:hover { background-position:2px -48px; }
|
1079 |
-
|
1080 |
-
|
1081 |
-
|
1082 |
-
/* Block: Layered Navigation
|
1083 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1084 |
-
*/
|
1085 |
-
|
1086 |
-
.block-layered-nav .block-content { padding:0; }
|
1087 |
-
.block-layered-nav .block-title {}
|
1088 |
-
.block-layered-nav .block-title strong { text-transform:none; }
|
1089 |
-
.block-layered-nav .block-subtitle { display:none; margin-bottom:0; }
|
1090 |
-
|
1091 |
-
/* List of filters */
|
1092 |
-
.block-layered-nav dl { padding-left:10px; padding-top:10px; }
|
1093 |
-
.block-layered-nav dt { font-weight:bold; padding:0; }
|
1094 |
-
.block-layered-nav dd { padding:5px 0 10px 5px; }
|
1095 |
-
.block-layered-nav dd.last { border-bottom:none; }
|
1096 |
-
|
1097 |
-
/* Current filters */
|
1098 |
-
.block-layered-nav .currently { margin:10px 0; }
|
1099 |
-
.block-layered-nav .currently .block-subtitle { display:block; padding:10px 10px 0; font-weight:normal; }
|
1100 |
-
.block-layered-nav .currently ol { padding:10px; }
|
1101 |
-
.block-layered-nav .currently ol li { margin-bottom:4px; }
|
1102 |
-
.block-layered-nav .currently .label { margin-right:4px; color:#d90000; }
|
1103 |
-
.block-layered-nav .currently .btn-remove { float:right; margin-left:5px; }
|
1104 |
-
.block-layered-nav .actions { margin:0; }
|
1105 |
-
.block-layered-nav .actions a { float:right; }
|
1106 |
-
|
1107 |
-
/* List items */
|
1108 |
-
.block-layered-nav dd li,
|
1109 |
-
.block-layered-nav .currently ol li {
|
1110 |
-
line-height:1.5em;
|
1111 |
-
background:url(../images/img/bullet.png) 3px 5px no-repeat;
|
1112 |
-
padding-left:15px;
|
1113 |
-
transition: background-position 150ms ease-out;
|
1114 |
-
-moz-transition: background-position 150ms ease-out;
|
1115 |
-
-webkit-transition: background-position 150ms ease-out;
|
1116 |
-
-o-transition: background-position 150ms ease-out;
|
1117 |
-
}
|
1118 |
-
.block-layered-nav dd li:hover,
|
1119 |
-
.block-layered-nav .currently ol li:hover { background-position:6px 5px; }
|
1120 |
-
|
1121 |
-
|
1122 |
-
/* Block: Wishlist
|
1123 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1124 |
-
*/
|
1125 |
-
.block-wishlist li.item .btn-remove { margin-left:5px; }
|
1126 |
-
|
1127 |
-
|
1128 |
-
/* Block: Related
|
1129 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1130 |
-
*/
|
1131 |
-
|
1132 |
-
/* Ccommon styles for all types of the block */
|
1133 |
-
.block-related .block-subtitle {
|
1134 |
-
display:none;
|
1135 |
-
position:absolute;
|
1136 |
-
padding:1em 0;
|
1137 |
-
margin:-20px 0 0;
|
1138 |
-
border-top:1px solid #e5e5e5;
|
1139 |
-
border-bottom:1px solid #e5e5e5;
|
1140 |
-
font-weight:normal;
|
1141 |
-
z-index:1;
|
1142 |
-
}
|
1143 |
-
.block-related:hover .block-subtitle { display:block; }
|
1144 |
-
|
1145 |
-
/* Block: Related. Single product slider
|
1146 |
-
-------------------------------------------------------------- */
|
1147 |
-
.block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; }
|
1148 |
-
|
1149 |
-
|
1150 |
-
/* Block: Related. Simple thumbnails slider
|
1151 |
-
-------------------------------------------------------------- */
|
1152 |
-
.block-related-thumbnails .itemslider .slides { margin-top:10px; }
|
1153 |
-
.block-related-thumbnails .product {}
|
1154 |
-
.block-related-thumbnails .product-image {
|
1155 |
-
float:left;
|
1156 |
-
margin-bottom:10px;
|
1157 |
-
}
|
1158 |
-
.block-related-thumbnails .product-details {
|
1159 |
-
margin-left:110px;
|
1160 |
-
}
|
1161 |
-
.block-related-thumbnails .product-details > * { margin-bottom:5px; }
|
1162 |
-
.block-related-thumbnails .product-name {
|
1163 |
-
font-size:12px;
|
1164 |
-
font-family:inherit;
|
1165 |
-
}
|
1166 |
-
.block-related-thumbnails .price-box { font-size: 1em; }
|
1167 |
-
.block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; }
|
1168 |
-
|
1169 |
-
|
1170 |
-
/* Block: Compare Products
|
1171 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1172 |
-
*/
|
1173 |
-
.compare-table { border:0; }
|
1174 |
-
.compare-table .btn-remove { float:right; }
|
1175 |
-
.compare-table tbody tr:hover { background-color:#e5e5e5; }
|
1176 |
-
|
1177 |
-
.compare-table .product-shop-row { border-bottom:1px solid #ccc; }
|
1178 |
-
.compare-table .product-shop-row th,
|
1179 |
-
.compare-table .product-shop-row td { border-color:#eee !important; }
|
1180 |
-
.compare-table tr.add-to-row { background-color:#fff; border-top:1px solid #ccc; }
|
1181 |
-
.compare-table tr.add-to-row:hover { background-color:#fff; } /* Cover background applied on tr hover */
|
1182 |
-
.compare-table tr.add-to-row td { text-align:left; }
|
1183 |
-
.compare-table tr.first td { text-align:left; }
|
1184 |
-
.compare-table tr.first td .product-name { font-family:inherit; font-size:1.1666em; font-weight:bold; margin:10px 0; }
|
1185 |
-
.compare-table tr.first td .ratings { width:145px; margin:10px 0; }
|
1186 |
-
.compare-table .price-box { margin:10px 0; line-height:15px; }
|
1187 |
-
|
1188 |
-
/* Changes after setting text-align:left */
|
1189 |
-
.compare-table .product-image img { display:block; margin:0 auto; }
|
1190 |
-
.compare-table .add-to-links { margin-top:5px; }
|
1191 |
-
.compare-table .add-to-links li { float:none; }
|
1192 |
-
.compare-table a.link-wishlist { overflow:visible; text-indent:0; background:none; display:inline; border:none; }
|
1193 |
-
|
1194 |
-
|
1195 |
-
/* Block: Recently Viewed
|
1196 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1197 |
-
*/
|
1198 |
-
.block-viewed .block-content li.item {
|
1199 |
-
background:url(../images/img/bullet.png) no-repeat 0 10px;
|
1200 |
-
padding-left:10px;
|
1201 |
-
}
|
1202 |
-
|
1203 |
-
|
1204 |
-
/* Block: Recently Compared
|
1205 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1206 |
-
*/
|
1207 |
-
.block-compared {}
|
1208 |
-
|
1209 |
-
|
1210 |
-
/* Block: Poll
|
1211 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1212 |
-
*/
|
1213 |
-
.block-poll .block-subtitle { font-weight:normal; }
|
1214 |
-
.block-poll input.radio { float:left; margin:1px -18px 0 0; }
|
1215 |
-
.block-poll .label { display:block; margin-left:18px; }
|
1216 |
-
.block-poll li { padding:3px 9px; }
|
1217 |
-
.block-poll .answer { font-weight:bold; }
|
1218 |
-
.block-poll .votes { float:right; margin-left:10px; }
|
1219 |
-
|
1220 |
-
|
1221 |
-
/* Block: Tags
|
1222 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1223 |
-
*/
|
1224 |
-
.block-tags .block-content .tags-list { background:none; border:0; font-size:12px; }
|
1225 |
-
.block-tags .tags-list a {}
|
1226 |
-
.block-tags .tags-list a:hover {}
|
1227 |
-
.block-tags .actions { text-align:right; }
|
1228 |
-
.block-tags .actions a { float:none; }
|
1229 |
-
|
1230 |
-
|
1231 |
-
/* Block: Subscribe
|
1232 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1233 |
-
*/
|
1234 |
-
.block-subscribe .input-box { margin-top: 5px; }
|
1235 |
-
.block-subscribe input { width:155px; }
|
1236 |
-
.block-subscribe .actions button.button { float:none; }
|
1237 |
-
|
1238 |
-
|
1239 |
-
/* Block: Reorder
|
1240 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1241 |
-
*/
|
1242 |
-
.block-reorder input.checkbox { float:left; margin:2px -20px 0 0; }
|
1243 |
-
.block-reorder .product-name { margin-left:20px; }
|
1244 |
-
.block-reorder .validation-advice { margin:3px 9px 7px; }
|
1245 |
-
|
1246 |
-
|
1247 |
-
/* Block: Banner
|
1248 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1249 |
-
*/
|
1250 |
-
.block-banner {}
|
1251 |
-
.block-banner .block-content { text-align:center; }
|
1252 |
-
|
1253 |
-
|
1254 |
-
/* Block: Login
|
1255 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1256 |
-
*/
|
1257 |
-
.block-login label { font-weight:bold; color:#666; }
|
1258 |
-
.block-login input.input-text { display:block; width:167px; margin:3px 0; }
|
1259 |
-
|
1260 |
-
/* Paypal
|
1261 |
-
-------------------------------------------------------------- */
|
1262 |
-
.sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; }
|
1263 |
-
.sidebar .paypal-logo a { float:none; }
|
1264 |
-
|
1265 |
-
|
1266 |
-
/* Block: vertical main menu
|
1267 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1268 |
-
*/
|
1269 |
-
.block-vertnav .block-content {
|
1270 |
-
padding-left:0;
|
1271 |
-
padding-right:0;
|
1272 |
-
}
|
1273 |
-
|
1274 |
-
|
1275 |
-
|
1276 |
-
/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1277 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
1278 |
-
|
1279 |
-
.category-title { margin-bottom:0; }
|
1280 |
-
.category-title h1 {}
|
1281 |
-
.category-image { width:100%; overflow:hidden; margin:10px 0; text-align:center; }
|
1282 |
-
.category-image img {}
|
1283 |
-
.category-description { margin:20px 0; position:relative; }
|
1284 |
-
|
1285 |
-
/* Negative top margin: to cover bottom border of the category title */
|
1286 |
-
.category-products { margin:-1px 0 10px; }
|
1287 |
-
|
1288 |
-
|
1289 |
-
/* Common styles for products on product listings
|
1290 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1291 |
-
*/
|
1292 |
-
.products-list .product-name,
|
1293 |
-
.products-grid .product-name,
|
1294 |
-
h3.product-name {
|
1295 |
-
/* Sizes are modified for different number of columns */
|
1296 |
-
font-size:1.3333em; line-height:1.25em; /*16px 20px*/
|
1297 |
-
}
|
1298 |
-
|
1299 |
-
|
1300 |
-
/* Common styles for View Types: List & Grid
|
1301 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1302 |
-
*/
|
1303 |
-
.products-list .price-box.map-info a,
|
1304 |
-
.products-grid .price-box.map-info a { margin-left:3px; }
|
1305 |
-
|
1306 |
-
.products-list .alt-img,
|
1307 |
-
.products-grid .alt-img {
|
1308 |
-
position:absolute;
|
1309 |
-
top:0;
|
1310 |
-
left:0;
|
1311 |
-
opacity:0;
|
1312 |
-
filter:alpha(opacity=0);
|
1313 |
-
}
|
1314 |
-
.products-list .item:hover .alt-img,
|
1315 |
-
.products-grid .item:hover .alt-img {
|
1316 |
-
opacity:1;
|
1317 |
-
filter:alpha(opacity=100);
|
1318 |
-
}
|
1319 |
-
|
1320 |
-
|
1321 |
-
/* View Type: List
|
1322 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1323 |
-
*/
|
1324 |
-
.products-list li.item {
|
1325 |
-
border-top:1px solid #e5e5e5;
|
1326 |
-
padding-top:20px;
|
1327 |
-
padding-bottom:20px;
|
1328 |
-
|
1329 |
-
transition: all 300ms ease-in-out;
|
1330 |
-
-moz-transition: all 300ms ease-in-out;
|
1331 |
-
-webkit-transition: all 300ms ease-in-out;
|
1332 |
-
-o-transition: all 300ms ease-in-out;
|
1333 |
-
}
|
1334 |
-
.products-list .product-shop {}
|
1335 |
-
.products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px }
|
1336 |
-
.products-list .right-column { float:right; }
|
1337 |
-
|
1338 |
-
.products-list .product-name { margin:0 0 15px; }
|
1339 |
-
.products-list .product-image { position:relative; text-align:center; }
|
1340 |
-
.products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; }
|
1341 |
-
.products-list .ratings { margin:10px 0; }
|
1342 |
-
.products-list .desc { margin:15px 0px; }
|
1343 |
-
.products-list .link-learn {}
|
1344 |
-
.products-list .btn-cart { width:100%; max-width:180px; }
|
1345 |
-
.products-list .button span { float:none; }
|
1346 |
-
.products-list .availability { float:none; margin:15px 0; }
|
1347 |
-
.products-list .add-to-links { margin:15px 0 0; }
|
1348 |
-
|
1349 |
-
/* Hover effect */
|
1350 |
-
.products-list.hover-effect .item:hover {
|
1351 |
-
margin-left:-1%;
|
1352 |
-
margin-right:-1%;
|
1353 |
-
padding-left:1%;
|
1354 |
-
padding-right:1%;
|
1355 |
-
z-index:10;
|
1356 |
-
box-shadow:0 0 20px rgba(0,0,0,0.2);
|
1357 |
-
background-color:#fff;
|
1358 |
-
}
|
1359 |
-
|
1360 |
-
|
1361 |
-
/* View Type: Grid
|
1362 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1363 |
-
*/
|
1364 |
-
|
1365 |
-
/* Products grid: basic styles
|
1366 |
-
(common for all types of product grids)
|
1367 |
-
-------------------------------------------------------------- */
|
1368 |
-
.products-grid {}
|
1369 |
-
.products-grid .item {
|
1370 |
-
padding-top:20px;
|
1371 |
-
padding-bottom:20px;
|
1372 |
-
position:relative; /* For labels positionning (e.g. "new" and "sale") */
|
1373 |
-
}
|
1374 |
-
.products-grid .product-name { margin:15px 0 0; }
|
1375 |
-
.products-grid .product-image-wrapper { position:relative; margin:0 auto; }
|
1376 |
-
.products-grid .product-image { display:block; /*text-align:center;*/ }
|
1377 |
-
.products-grid .price-box { margin:5px 0 15px; font-size:1em; }
|
1378 |
-
.products-grid .ratings { margin:10px 0; }
|
1379 |
-
.products-grid .actions { margin:15px 0 0; }
|
1380 |
-
.products-grid .btn-cart { margin-right:10px; }
|
1381 |
-
.products-grid .availability { float:none; margin:15px 0; }
|
1382 |
-
.products-grid .add-to-links { margin:15px 0 0; }
|
1383 |
-
|
1384 |
-
/* Items of equal height - buttons and links displayed at the bottom of item
|
1385 |
-
-------------------------------------------------------------- */
|
1386 |
-
.products-grid.equal-height .item .actions { position:absolute; bottom:15px; }
|
1387 |
-
|
1388 |
-
/* Remove equal height */
|
1389 |
-
.products-grid.auto-height .item .actions { position:static; bottom:auto; }
|
1390 |
-
|
1391 |
-
/* Visibility of the grid item elements
|
1392 |
-
-------------------------------------------------------------- */
|
1393 |
-
/* Fade-in on hover */
|
1394 |
-
.products-grid .item .visible-onhover {
|
1395 |
-
visibility:hidden;
|
1396 |
-
opacity:0;
|
1397 |
-
transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
|
1398 |
-
-moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
|
1399 |
-
-webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
|
1400 |
-
-o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
|
1401 |
-
}
|
1402 |
-
.products-grid .item:hover .visible-onhover {
|
1403 |
-
visibility:visible;
|
1404 |
-
opacity:1;
|
1405 |
-
transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
|
1406 |
-
-moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
|
1407 |
-
-webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
|
1408 |
-
-o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
|
1409 |
-
|
1410 |
-
}
|
1411 |
-
|
1412 |
-
/* Display only on hover */
|
1413 |
-
.products-grid .item .display-onhover { display:none; }
|
1414 |
-
|
1415 |
-
/* Products grid: in category view
|
1416 |
-
-------------------------------------------------------------- */
|
1417 |
-
.category-products-grid .item {
|
1418 |
-
border-top:1px solid #e5e5e5;
|
1419 |
-
border-left:none;
|
1420 |
-
border-right:none;
|
1421 |
-
zoom:1;
|
1422 |
-
/*margin-bottom:10px;*/
|
1423 |
-
}
|
1424 |
-
|
1425 |
-
/* Hover effect */
|
1426 |
-
.category-products-grid.hover-effect .item:hover {
|
1427 |
-
margin-left:-1%;
|
1428 |
-
margin-right:-1%;
|
1429 |
-
padding-left:2%;
|
1430 |
-
padding-right:2%;
|
1431 |
-
z-index:10;
|
1432 |
-
box-shadow:0 0 20px rgba(0,0,0,0.2);
|
1433 |
-
background-color:#fff;
|
1434 |
-
border-color:transparent;
|
1435 |
-
}
|
1436 |
-
|
1437 |
-
|
1438 |
-
/* Override itemgrid in category view
|
1439 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1440 |
-
*/
|
1441 |
-
|
1442 |
-
/* Font sizes
|
1443 |
-
-------------------------------------------------------------- */
|
1444 |
-
/* 4 columns */
|
1445 |
-
.category-products-grid.itemgrid-4col .product-name {
|
1446 |
-
font-size:1.25em; /*15px*/
|
1447 |
-
line-height:1.2em; /*18px*/
|
1448 |
-
}
|
1449 |
-
/* 5 columns */
|
1450 |
-
.category-products-grid.itemgrid-5col .product-name {
|
1451 |
-
font-size:1.0833em; /*13px*/
|
1452 |
-
line-height:1.2307em; /*16px*/
|
1453 |
-
}
|
1454 |
-
/* 6, 7, 8 columns */
|
1455 |
-
.category-products-grid.itemgrid-6col .product-name,
|
1456 |
-
.category-products-grid.itemgrid-7col .product-name,
|
1457 |
-
.category-products-grid.itemgrid-8col .product-name {
|
1458 |
-
font-size:1em; /*12px*/
|
1459 |
-
line-height:1.25em;/*15px*/
|
1460 |
-
}
|
1461 |
-
|
1462 |
-
/* Make button smaller
|
1463 |
-
-------------------------------------------------------------- */
|
1464 |
-
/* 5 columns */
|
1465 |
-
.category-products-grid.itemgrid-5col .item button.btn-cart span span {
|
1466 |
-
padding:7px 15px;
|
1467 |
-
height:auto;
|
1468 |
-
line-height:2em;
|
1469 |
-
}
|
1470 |
-
/* 6, 7, 8 columns */
|
1471 |
-
.category-products-grid.itemgrid-6col .item button.btn-cart span span,
|
1472 |
-
.category-products-grid.itemgrid-7col .item button.btn-cart span span,
|
1473 |
-
.category-products-grid.itemgrid-8col .item button.btn-cart span span {
|
1474 |
-
padding:3px 8px;
|
1475 |
-
height:auto;
|
1476 |
-
line-height:2em;
|
1477 |
-
}
|
1478 |
-
|
1479 |
-
|
1480 |
-
|
1481 |
-
/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1482 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
1483 |
-
|
1484 |
-
/* Product labels
|
1485 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1486 |
-
*/
|
1487 |
-
|
1488 |
-
/* Positionning
|
1489 |
-
-------------------------------------------------------------- */
|
1490 |
-
.sticker-wrapper {
|
1491 |
-
position:absolute;
|
1492 |
-
transition: all 150ms ease-in-out;
|
1493 |
-
-moz-transition: all 150ms ease-in-out;
|
1494 |
-
-webkit-transition: all 150ms ease-in-out;
|
1495 |
-
-o-transition: all 150ms ease-in-out;
|
1496 |
-
}
|
1497 |
-
.product-view .sticker-wrapper { z-index:99; /* On product page z-index gteater than Cloud Zoom image */ }
|
1498 |
-
|
1499 |
-
.sticker-wrapper.top-right { top:-3px; right:-3px; }
|
1500 |
-
.sticker-wrapper.bottom-right { bottom:-3px; right:-3px; }
|
1501 |
-
.sticker-wrapper.bottom-left { bottom:-3px; left:-3px; }
|
1502 |
-
.sticker-wrapper.top-left { top:-3px; left:-3px; }
|
1503 |
-
|
1504 |
-
/* Appearence
|
1505 |
-
-------------------------------------------------------------- */
|
1506 |
-
.sticker {
|
1507 |
-
width:60px;
|
1508 |
-
height:60px;
|
1509 |
-
border-radius:50%;
|
1510 |
-
|
1511 |
-
font-size:1.1666em;
|
1512 |
-
font-weight:bold;
|
1513 |
-
text-align:center;
|
1514 |
-
|
1515 |
-
display:table-cell;
|
1516 |
-
vertical-align:middle;
|
1517 |
-
|
1518 |
-
transition: all 150ms ease-in-out;
|
1519 |
-
-moz-transition: all 150ms ease-in-out;
|
1520 |
-
-webkit-transition: all 150ms ease-in-out;
|
1521 |
-
-o-transition: all 150ms ease-in-out;
|
1522 |
-
}
|
1523 |
-
.sticker.new {
|
1524 |
-
background-color:#5BD2EC;
|
1525 |
-
color:#fff;
|
1526 |
-
}
|
1527 |
-
.sticker.sale {
|
1528 |
-
background-color:#F12B63;
|
1529 |
-
color:#fff;
|
1530 |
-
}
|
1531 |
-
|
1532 |
-
/* Effects */
|
1533 |
-
.item:hover .sticker { width:70px; height:70px; }
|
1534 |
-
.item:hover .sticker-wrapper.top-right,
|
1535 |
-
.item:hover .sticker-wrapper.top-left { top:-8px; }
|
1536 |
-
.item:hover .sticker-wrapper.top-right { right:-8px; }
|
1537 |
-
.item:hover .sticker-wrapper.top-left { left:-8px; }
|
1538 |
-
|
1539 |
-
|
1540 |
-
/* Rating
|
1541 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1542 |
-
*/
|
1543 |
-
.ratings,
|
1544 |
-
.no-rating { line-height:1.0833em; margin:15px 0 15px; }
|
1545 |
-
.ratings a { line-height:1.0833em; }
|
1546 |
-
.ratings strong { float:left; margin:1px 5px 0 0; }
|
1547 |
-
.ratings .rating-links .separator {
|
1548 |
-
display:inline-block;
|
1549 |
-
text-indent:-9999px;
|
1550 |
-
width:1px;
|
1551 |
-
background:url(../images/img/bg-separator1.gif) no-repeat;
|
1552 |
-
}
|
1553 |
-
.ratings dt {}
|
1554 |
-
.ratings dd {}
|
1555 |
-
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/img/rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; }
|
1556 |
-
.rating-box .rating { float:left; height:13px; background:url(../images/img/rating.png) 0 100% repeat-x; }
|
1557 |
-
.ratings .rating-box { float:left; margin-right:8px; }
|
1558 |
-
.ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; }
|
1559 |
-
|
1560 |
-
.ratings-table th,
|
1561 |
-
.ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; }
|
1562 |
-
.ratings-table th { padding-right:8px; }
|
1563 |
-
|
1564 |
-
|
1565 |
-
/* Availability
|
1566 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1567 |
-
*/
|
1568 |
-
.availability { float:right; margin:15px 0; }
|
1569 |
-
|
1570 |
-
/* Availability - with details */
|
1571 |
-
.availability-only { margin:15px 0; }
|
1572 |
-
a.availability-only { cursor:pointer; }
|
1573 |
-
.availability-only strong { font-weight:normal; }
|
1574 |
-
.availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); }
|
1575 |
-
|
1576 |
-
.availability-only-details { width:100%; margin:-10px auto 20px; }
|
1577 |
-
.availability-only-details thead { border-bottom:1px solid #e5e5e5; }
|
1578 |
-
.availability-only-details th { padding:4px 12px; font-weight:bold; }
|
1579 |
-
.availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; }
|
1580 |
-
.availability-only-details td.last { border-right:none; }
|
1581 |
-
|
1582 |
-
/* Product increments */
|
1583 |
-
.product-pricing { line-height:1.25em; /* 15px TODO: change */ }
|
1584 |
-
.extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; }
|
1585 |
-
.product-options-bottom .product-pricing { clear:left; }
|
1586 |
-
|
1587 |
-
|
1588 |
-
/* Alerts
|
1589 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1590 |
-
*/
|
1591 |
-
.alert-price,
|
1592 |
-
.alert-stock { padding:2px 0 2px 25px; line-height:15px; }
|
1593 |
-
.alert-price { background:url(../images/img/icons.png) 0 -120px no-repeat; }
|
1594 |
-
.alert-stock { background:url(../images/img/icons.png) 0 -160px no-repeat; }
|
1595 |
-
|
1596 |
-
|
1597 |
-
/* Product Prices
|
1598 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1599 |
-
*/
|
1600 |
-
.price { white-space:nowrap !important; }
|
1601 |
-
|
1602 |
-
.price-box { margin: 0; }
|
1603 |
-
.price-box .price { }
|
1604 |
-
.price-box .price-label { }
|
1605 |
-
|
1606 |
-
/* Common labels */
|
1607 |
-
.old-price .price-label,
|
1608 |
-
.special-price .price-label { white-space:nowrap; }
|
1609 |
-
.old-price .price-label { display:none; }
|
1610 |
-
|
1611 |
-
/* Regular price */
|
1612 |
-
.regular-price {}
|
1613 |
-
.regular-price .price {}
|
1614 |
-
.block .regular-price,
|
1615 |
-
.block .regular-price .price {}
|
1616 |
-
|
1617 |
-
/* Old price */
|
1618 |
-
.old-price { margin:0; }
|
1619 |
-
.old-price .price { text-decoration:line-through; }
|
1620 |
-
|
1621 |
-
/* Special price */
|
1622 |
-
.special-price { margin:0; padding:0; }
|
1623 |
-
.special-price .price,
|
1624 |
-
.special-price .price-label { color:#ee001c !important; /* Overide color change on product grid/list */ }
|
1625 |
-
.special-price .price-excluding-tax .price { }
|
1626 |
-
|
1627 |
-
/* Minimal price (as low as) */
|
1628 |
-
.minimal-price { margin:0 0 5px; }
|
1629 |
-
.minimal-price .price {}
|
1630 |
-
.minimal-price .price-label { white-space:nowrap; }
|
1631 |
-
|
1632 |
-
.minimal-price-link { display:block; }
|
1633 |
-
.minimal-price-link .label,
|
1634 |
-
.minimal-price-link .price {}
|
1635 |
-
|
1636 |
-
/* Excluding tax */
|
1637 |
-
.price-excluding-tax { display:block; }
|
1638 |
-
.price-excluding-tax .label { white-space:nowrap; }
|
1639 |
-
.price-excluding-tax .price { font-weight:normal; }
|
1640 |
-
|
1641 |
-
/* Including tax */
|
1642 |
-
.price-including-tax { display:block; }
|
1643 |
-
.price-including-tax .label { white-space:nowrap; }
|
1644 |
-
.price-including-tax .price {}
|
1645 |
-
|
1646 |
-
/* Configured price */
|
1647 |
-
.configured-price { margin:0; }
|
1648 |
-
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
|
1649 |
-
.configured-price .price { font-weight:bold; }
|
1650 |
-
|
1651 |
-
/* FPT */
|
1652 |
-
.weee { display:block; font-size:11px; }
|
1653 |
-
.weee .price { font-size:11px; font-weight:normal; }
|
1654 |
-
|
1655 |
-
/* Excl tax (for order tables) */
|
1656 |
-
.price-excl-tax { display:block; }
|
1657 |
-
.price-excl-tax .label { display:block; white-space:nowrap; }
|
1658 |
-
.price-excl-tax .price { display:block; }
|
1659 |
-
|
1660 |
-
/* Incl tax (for order tables) */
|
1661 |
-
.price-incl-tax { display:block; }
|
1662 |
-
.price-incl-tax .label { display:block; white-space:nowrap; }
|
1663 |
-
.price-incl-tax .price { display:block; font-weight:bold; }
|
1664 |
-
|
1665 |
-
/* Price range */
|
1666 |
-
.price-from { margin:0; }
|
1667 |
-
.price-from .price-label { white-space:nowrap; }
|
1668 |
-
|
1669 |
-
.price-to { margin:0; }
|
1670 |
-
.price-to .price-label { white-space:nowrap; }
|
1671 |
-
|
1672 |
-
/* Price notice next to the options */
|
1673 |
-
.price-notice { margin-left:5px; }
|
1674 |
-
.price-notice .price { padding-left:3px; }
|
1675 |
-
|
1676 |
-
/* Price as configured */
|
1677 |
-
.price-as-configured {}
|
1678 |
-
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; color:inherit; }
|
1679 |
-
|
1680 |
-
.price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; }
|
1681 |
-
|
1682 |
-
|
1683 |
-
/* Tier Prices
|
1684 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1685 |
-
*/
|
1686 |
-
.tier-prices { margin:0 0 15px 15px; }
|
1687 |
-
.tier-prices li { line-height:15px; background:url(../images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; }
|
1688 |
-
.tier-prices .benefit { color:#d90000; font-weight:normal; }
|
1689 |
-
|
1690 |
-
.tier-prices-grouped li { padding:2px 0; }
|
1691 |
-
.tier-prices-grouped li .price { font-weight:bold; }
|
1692 |
-
|
1693 |
-
|
1694 |
-
/* Add-to links
|
1695 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1696 |
-
*/
|
1697 |
-
.add-to-links .separator { display:none; }
|
1698 |
-
.add-to-links li { float:left; }
|
1699 |
-
|
1700 |
-
.addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */
|
1701 |
-
|
1702 |
-
/* Add-to links as icons (with no text)
|
1703 |
-
-------------------------------------------------------------- */
|
1704 |
-
.addto-icons a.link-wishlist,
|
1705 |
-
.addto-icons a.link-compare,
|
1706 |
-
.addto-icons a.email-friend {
|
1707 |
-
display:block;
|
1708 |
-
padding:0;
|
1709 |
-
margin:0;
|
1710 |
-
width:27px;
|
1711 |
-
height:27px;
|
1712 |
-
text-indent:-9999em;
|
1713 |
-
overflow:hidden;
|
1714 |
-
background:url(../images/img/pix.png) no-repeat;
|
1715 |
-
background-color:#fff;
|
1716 |
-
/*border:1px solid #f5f5f5;*/
|
1717 |
-
}
|
1718 |
-
.addto-icons a.link-wishlist:hover,
|
1719 |
-
.addto-icons a.link-compare:hover,
|
1720 |
-
.addto-icons a.email-friend:hover { background-color:#fff; }
|
1721 |
-
|
1722 |
-
.addto-icons a.link-wishlist { background-position:-27px 0; }
|
1723 |
-
.addto-icons a.link-wishlist:hover { background-position:-27px -27px; }
|
1724 |
-
|
1725 |
-
.addto-icons a.link-compare { background-position:0 0; }
|
1726 |
-
.addto-icons a.link-compare:hover { background-position:0 -27px; }
|
1727 |
-
|
1728 |
-
.addto-icons a.email-friend { background-position:-54px 0; }
|
1729 |
-
.addto-icons a.email-friend:hover { background-position: -54px -27px; }
|
1730 |
-
|
1731 |
-
/* If displayed in a group: add margin between icons */
|
1732 |
-
.add-to-links.addto-icons .link-compare,
|
1733 |
-
.add-to-links.addto-icons .email-friend { margin-left:3px; }
|
1734 |
-
|
1735 |
-
/* If displayed on product image */
|
1736 |
-
.add-to-links.addto-onimage {
|
1737 |
-
float:right;
|
1738 |
-
margin-top:-31px; /* Move up: height (29px) + 2 additional pixels */
|
1739 |
-
position:relative;
|
1740 |
-
z-index:1;
|
1741 |
-
padding-bottom:4px; /* Use padding to cover the image below icons. */
|
1742 |
-
padding-right:4px;
|
1743 |
-
}
|
1744 |
-
|
1745 |
-
/* Add-to links as text (with simple icons).
|
1746 |
-
Obsolete (will be removed in next version). Uncomment if necessary
|
1747 |
-
-------------------------------------------------------------- */
|
1748 |
-
/*.addto-texticons a.link-wishlist,
|
1749 |
-
.addto-texticons a.link-compare,
|
1750 |
-
.addto-texticons a.email-friend {
|
1751 |
-
display:block;
|
1752 |
-
padding:2px 0 2px 19px;
|
1753 |
-
margin:0 13px 3px 0;
|
1754 |
-
line-height:15px;
|
1755 |
-
|
1756 |
-
background:url(../images/img/icons.png) no-repeat;
|
1757 |
-
background-color:transparent !important;
|
1758 |
-
width:auto;
|
1759 |
-
height:auto;
|
1760 |
-
text-indent:0;
|
1761 |
-
overflow:visible;
|
1762 |
-
border:none;
|
1763 |
-
border-radius:0;
|
1764 |
-
}
|
1765 |
-
.addto-texticons a.link-wishlist { background-position:0 -1px;}
|
1766 |
-
.addto-texticons a.link-compare { background-position:0 -40px; }
|
1767 |
-
.addto-texticons a.email-friend { background-position:0 -80px;}*/
|
1768 |
-
|
1769 |
-
|
1770 |
-
/* Add to Cart
|
1771 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1772 |
-
*/
|
1773 |
-
.add-to-cart .qty-wrapper {}
|
1774 |
-
.add-to-cart label { margin-left:10px; }
|
1775 |
-
.add-to-cart .qty { text-align:center; margin-right:10px; }
|
1776 |
-
.add-to-cart .button {}
|
1777 |
-
|
1778 |
-
.product-view .add-to-cart { float:left; }
|
1779 |
-
.product-view .paypal-wrapper { float:left; }
|
1780 |
-
.product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; }
|
1781 |
-
.product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }
|
1782 |
-
|
1783 |
-
/* Magento's default */
|
1784 |
-
.add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; }
|
1785 |
-
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; }
|
1786 |
-
|
1787 |
-
|
1788 |
-
|
1789 |
-
/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1790 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
1791 |
-
|
1792 |
-
/* Basic product page sections
|
1793 |
-
-------------------------------------------------------------- */
|
1794 |
-
/* Generic wrapper for product page collaterals */
|
1795 |
-
.product-view .box-additional { margin-top:30px; }
|
1796 |
-
.product-view .box-tabs {}
|
1797 |
-
.product-view .box-sidebar {}
|
1798 |
-
.product-view .box-up-sell {}
|
1799 |
-
|
1800 |
-
|
1801 |
-
/* Product images
|
1802 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1803 |
-
*/
|
1804 |
-
.product-view .product-img-column { float:left; }
|
1805 |
-
.col3-layout .product-view .product-img-column { float:none; margin:0 auto; }
|
1806 |
-
|
1807 |
-
|
1808 |
-
/* Product main column
|
1809 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1810 |
-
*/
|
1811 |
-
.product-view .product-shop { float:left; }
|
1812 |
-
.product-view .product-shop .product-name { margin:0 0 1.6666em; /*20px*/ }
|
1813 |
-
.product-view .product-shop .product-name h1 { margin:0; }
|
1814 |
-
.product-view .product-shop .ratings-table { margin:15px 0 5px; }
|
1815 |
-
|
1816 |
-
|
1817 |
-
/* Product Secondary Column
|
1818 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1819 |
-
*/
|
1820 |
-
.product-secondary-column .inner { min-height:300px; padding-bottom:10px; /* Stop collapsing margins */ }
|
1821 |
-
|
1822 |
-
|
1823 |
-
/* Product main column elements
|
1824 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1825 |
-
*/
|
1826 |
-
.product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ }
|
1827 |
-
.product-view .short-description ul { margin-top:5px; margin-bottom:5px; }
|
1828 |
-
.product-view .add-to-cart { margin-top:15px; }
|
1829 |
-
|
1830 |
-
/* Price box inside "Add-to-cart" box */ /*deprecated*/
|
1831 |
-
.product-view .add-to-box .price-box { float:left; margin:7px 0 0; }
|
1832 |
-
|
1833 |
-
/* Add-to links */
|
1834 |
-
.product-view .action-box { margin:20px 0; }
|
1835 |
-
/*.product-view .add-to-links li { font-size:1.1666em; }*/ /*14px*/
|
1836 |
-
|
1837 |
-
/* Other elements */
|
1838 |
-
.extrahint-wrapper { margin-bottom:15px; }
|
1839 |
-
|
1840 |
-
|
1841 |
-
/* Grouped product
|
1842 |
-
-------------------------------------------------------------- */
|
1843 |
-
.product-view .product-type-data.is-grouped { padding:0; background-color:transparent; }
|
1844 |
-
/* Align right instead of float right */
|
1845 |
-
.product-view .product-type-data.is-grouped .out-of-stock { float:none; text-align:right; }
|
1846 |
-
|
1847 |
-
/* Downloadable product
|
1848 |
-
-------------------------------------------------------------- */
|
1849 |
-
.product-type-data.is-downloadable .price-box { margin:0 0 10px; }
|
1850 |
-
.product-type-data .item-options dt { float:none; margin:0 0 5px; }
|
1851 |
-
/* Same as "item-options" in cart */
|
1852 |
-
.product-type-data .item-options dd { background:url(../images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; }
|
1853 |
-
|
1854 |
-
/* Additional information table
|
1855 |
-
-------------------------------------------------------------- */
|
1856 |
-
.product-view .data-table th { font-weight:bold; }
|
1857 |
-
|
1858 |
-
|
1859 |
-
/* Prices. Common for product view and MAP popup.
|
1860 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1861 |
-
*/
|
1862 |
-
/* Font for all prices on product page and MSRP */
|
1863 |
-
.product-view .price-box .price,
|
1864 |
-
.map-popup-price .price,
|
1865 |
-
.map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; }
|
1866 |
-
.product-view .product-shop .price-box { margin:5px 0 10px; }
|
1867 |
-
.product-view .product-shop .price-box .price-including-tax .price { font-size:18px; }
|
1868 |
-
.product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; }
|
1869 |
-
|
1870 |
-
/* Main price (prominent) */
|
1871 |
-
.product-view .product-shop .price-box .regular-price .price,
|
1872 |
-
.product-view .product-shop .price-box .special-price .price,
|
1873 |
-
.product-view .product-shop .price-box .price-including-tax .price,
|
1874 |
-
.product-view .product-options-bottom .price-box .regular-price .price,
|
1875 |
-
.product-view .price-as-configured .price,
|
1876 |
-
.map-popup-price .regular-price .price,
|
1877 |
-
.product-view .product-shop .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ }
|
1878 |
-
|
1879 |
-
/* Tier price */
|
1880 |
-
.tier-prices .price { /*color:#ce001a;*/ }
|
1881 |
-
|
1882 |
-
/* Old price */
|
1883 |
-
.product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; }
|
1884 |
-
|
1885 |
-
/* MSRP price (only in MSRP box) */
|
1886 |
-
.map-popup-msrp .price {
|
1887 |
-
display:block; /* Move price below the label */
|
1888 |
-
text-decoration:line-through; /* Override default built-in line */
|
1889 |
-
}
|
1890 |
-
/* Move MSRP links below the price */
|
1891 |
-
.product-view .product-shop .price-box.map-info .old-price { display:block; }
|
1892 |
-
|
1893 |
-
/* Special price */
|
1894 |
-
.product-view .product-shop .price-box .special-price { margin:-2px 0 0; white-space:nowrap; /*Chrome*/ }
|
1895 |
-
.product-view .product-shop .price-box .special-price .price-label { white-space:nowrap; }
|
1896 |
-
.product-view .product-shop .price-box .special-price .price-including-tax,
|
1897 |
-
.product-view .product-shop .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; }
|
1898 |
-
|
1899 |
-
/* Bundle product */
|
1900 |
-
.price-box-bundle {
|
1901 |
-
border-bottom:1px solid #e5e5e5;
|
1902 |
-
margin:-10px 0 15px; /* Move up to align with the main price box */
|
1903 |
-
padding-bottom:15px;
|
1904 |
-
}
|
1905 |
-
|
1906 |
-
|
1907 |
-
/* Containers for: add-to-cart & product options
|
1908 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1909 |
-
*/
|
1910 |
-
|
1911 |
-
/* Product type-specific data*/
|
1912 |
-
.product-view .product-type-data { margin:15px 0 0; }
|
1913 |
-
|
1914 |
-
/* Margin before price box */
|
1915 |
-
.space-before-avail { margin:0 0 15px; height:0; line-height:0; }
|
1916 |
-
|
1917 |
-
/* Upper part of the container */
|
1918 |
-
.product-view .product-type-data .price-box {
|
1919 |
-
border-top:1px solid #e5e5e5;
|
1920 |
-
margin:15px 0 0;
|
1921 |
-
padding:15px 0;
|
1922 |
-
}
|
1923 |
-
|
1924 |
-
/* Lower part of the container */
|
1925 |
-
.container1-wrapper,
|
1926 |
-
.container2-wrapper,
|
1927 |
-
.product-view .add-to-box {
|
1928 |
-
padding:0 0 15px;
|
1929 |
-
margin:0 0 15px;
|
1930 |
-
border-bottom:1px solid #e5e5e5;
|
1931 |
-
}
|
1932 |
-
|
1933 |
-
.container2-wrapper {
|
1934 |
-
border-bottom:1px solid #e5e5e5;
|
1935 |
-
padding:15px;
|
1936 |
-
}
|
1937 |
-
|
1938 |
-
/*.product-view .product-type-data,
|
1939 |
-
.container1-wrapper,
|
1940 |
-
.container2-wrapper,
|
1941 |
-
.product-view .add-to-box {}*/
|
1942 |
-
|
1943 |
-
|
1944 |
-
/* Other elements
|
1945 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1946 |
-
*/
|
1947 |
-
/* Unordered list in product description */
|
1948 |
-
.product-view .short-description .std ul,
|
1949 |
-
.product-view .box-tabs .std ul { list-style:none outside none; }
|
1950 |
-
.product-view .short-description .std ul li,
|
1951 |
-
.product-view .box-tabs .std ul li { background:url(../images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; }
|
1952 |
-
|
1953 |
-
/* Margin for list in long description */
|
1954 |
-
.product-view .box-tabs .std ul { margin-bottom:1em; }
|
1955 |
-
|
1956 |
-
|
1957 |
-
/* Product options
|
1958 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
1959 |
-
*/
|
1960 |
-
.product-options { position:relative; }
|
1961 |
-
.product-options dt { font-weight:normal; }
|
1962 |
-
.product-options dt label { display:inline-block; font-weight:bold; }
|
1963 |
-
.product-options dt label.required em { float:right; margin-left:3px; }
|
1964 |
-
.product-options dd .qty-holder { display:block; padding:5px 0 0; }
|
1965 |
-
.product-options dd .qty-holder label { vertical-align:middle; }
|
1966 |
-
.product-options dt .qty-disabled { background:none; border:0; padding:3px; }
|
1967 |
-
.product-options dd { margin:3px 0 10px; }
|
1968 |
-
.product-options dl.last dd.last { border-bottom:0; }
|
1969 |
-
.product-options dd input.input-text { width:98%; }
|
1970 |
-
.product-options dd input.datetime-picker { width:150px; }
|
1971 |
-
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
|
1972 |
-
.product-options dd textarea { width:98%; height:8em; }
|
1973 |
-
.product-options dd select { width:100%; }
|
1974 |
-
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
|
1975 |
-
.product-options ul.options-list { margin-right:5px; }
|
1976 |
-
.product-options ul.options-list li { line-height:1.5; padding:2px 0; }
|
1977 |
-
.product-options ul.options-list input.radio { float:left; }
|
1978 |
-
.product-options ul.options-list input.checkbox { float:left; }
|
1979 |
-
.product-options ul.options-list .label { display:block; margin-left:18px; }
|
1980 |
-
.product-options ul.options-list label { font-weight:normal; }
|
1981 |
-
.product-options ul.validation-failed { padding:0 7px; }
|
1982 |
-
.product-options p.note { margin:0; font-size:11px; }
|
1983 |
-
.product-options p.required { position:absolute; right:0; top:-15px; }
|
1984 |
-
|
1985 |
-
/* Override form colors */
|
1986 |
-
.product-options dd select,
|
1987 |
-
.product-options dd .input-text,
|
1988 |
-
.product-options dd textarea,
|
1989 |
-
.product-options ul.options-list { color:#888; border-color:#ddd; }
|
1990 |
-
.product-options dd select:hover,
|
1991 |
-
.product-options dd select:focus,
|
1992 |
-
.product-options dd textarea:hover,
|
1993 |
-
.product-options dd textarea:focus,
|
1994 |
-
.product-options ul.options-list:hover { color:#333; border-color:#aaa; }
|
1995 |
-
|
1996 |
-
/*bottom*/
|
1997 |
-
.product-options-bottom { margin-top:20px; }
|
1998 |
-
.product-options-bottom .tier-prices { margin:0; padding:0 0 10px; border:0; background:0; }
|
1999 |
-
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
|
2000 |
-
.product-options-bottom .price-box { float:left; margin:7px 0 0; padding:0; }
|
2001 |
-
.product-options-bottom .price-box .price-as-configured { margin:5px 0 0; }
|
2002 |
-
.col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; }
|
2003 |
-
.product-options-bottom .price-label {}
|
2004 |
-
.product-options-bottom .price-tax { float:left; }
|
2005 |
-
.product-shop .product-options-bottom { margin:0; }
|
2006 |
-
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
|
2007 |
-
.product-shop .product-options-bottom .price-tax { float:none; }
|
2008 |
-
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }
|
2009 |
-
|
2010 |
-
|
2011 |
-
/* Grouped Product
|
2012 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2013 |
-
*/
|
2014 |
-
.product-view .grouped-items-table { margin:0 0 15px; }
|
2015 |
-
.product-view .grouped-items-table thead th { font-weight:bold; }
|
2016 |
-
.product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; }
|
2017 |
-
.product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; }
|
2018 |
-
|
2019 |
-
.product-view .grouped-items-table td { vertical-align:middle; }
|
2020 |
-
.product-view .grouped-items-table .price-box .regular-price .price { font-size:14px; }
|
2021 |
-
|
2022 |
-
|
2023 |
-
/* Product collateral blocks
|
2024 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2025 |
-
*/
|
2026 |
-
/* Hide first h2 heading (which is the same as tab text) */
|
2027 |
-
.box-tabs .panel > h2:first-child { display:none; }
|
2028 |
-
|
2029 |
-
|
2030 |
-
/* Block: Tags
|
2031 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2032 |
-
*/
|
2033 |
-
.product-view .box-tags .product-tags { display:block; margin:0 0 25px; }
|
2034 |
-
.product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; }
|
2035 |
-
.product-view .box-tags .product-tags li.first { padding-left:0; }
|
2036 |
-
.product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; }
|
2037 |
-
.product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; }
|
2038 |
-
.product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; }
|
2039 |
-
.product-view .box-tags .form-add input.input-text { width:auto; }
|
2040 |
-
.product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ }
|
2041 |
-
|
2042 |
-
|
2043 |
-
/* Block: Reviews
|
2044 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2045 |
-
*/
|
2046 |
-
.product-view .box-reviews { margin-top:15px; }
|
2047 |
-
.product-view .box-reviews dl { margin:0 0 15px; }
|
2048 |
-
.product-view .box-reviews dt .heading { font-weight:normal; font-size:1.5em; margin-right:10px; }
|
2049 |
-
.product-view .box-reviews dt span { font-weight:bold; }
|
2050 |
-
.product-view .box-reviews dt a { font-size:18px; margin-right:8px; }
|
2051 |
-
.product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; }
|
2052 |
-
.product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; }
|
2053 |
-
.product-view .box-reviews .ratings-table { margin:5px 0; }
|
2054 |
-
|
2055 |
-
.product-view .box-reviews .form-add { padding:15px 0 0; }
|
2056 |
-
.product-view .box-reviews .form-add h2 { text-transform:uppercase; }
|
2057 |
-
.product-view .box-reviews .form-add h3 { font-size:1em; font-weight:normal; margin-bottom:0; }
|
2058 |
-
.product-view .box-reviews .form-add h3 span { font-weight:bold; }
|
2059 |
-
.product-view .box-reviews .form-add h4 { font-size:1em; font-weight:normal; }
|
2060 |
-
.product-view .box-reviews .form-add h3,
|
2061 |
-
.product-view .box-reviews .form-add h4 { font-family:inherit; }
|
2062 |
-
.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
|
2063 |
-
.product-view .box-reviews .form-add .form-list .input-box {}
|
2064 |
-
.product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; }
|
2065 |
-
.product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; }
|
2066 |
-
.product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; }
|
2067 |
-
|
2068 |
-
.product-view .box-reviews .form-add .data-table { max-width:176px; }
|
2069 |
-
.product-view .box-reviews .form-add .data-table th,
|
2070 |
-
.product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; }
|
2071 |
-
.product-view .box-reviews .form-add .data-table td .radio { margin:0; }
|
2072 |
-
|
2073 |
-
|
2074 |
-
/* Send a Friend
|
2075 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2076 |
-
*/
|
2077 |
-
.send-friend .form-list li p { margin:0 15px 0 0; }
|
2078 |
-
.send-friend .form-list .field { margin-bottom:8px; }
|
2079 |
-
.send-friend .form-list textarea { width:100%; }
|
2080 |
-
.send-friend .buttons-set .limit { float:right; margin:0 7px; }
|
2081 |
-
|
2082 |
-
|
2083 |
-
|
2084 |
-
/* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2085 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
2086 |
-
|
2087 |
-
.product-name { margin:0; font-weight:normal; }
|
2088 |
-
|
2089 |
-
/* Product Tags */
|
2090 |
-
.tags-list li { display:inline; }
|
2091 |
-
|
2092 |
-
/* Advanced Search */
|
2093 |
-
.advanced-search-summary { padding:20px; margin:10px 0; }
|
2094 |
-
.advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; }
|
2095 |
-
.advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; }
|
2096 |
-
.advanced-search-summary strong { margin:0 5px 0 0; }
|
2097 |
-
.advanced-search-summary p { clear:both; float:left; display:block; margin:20px 0 0; }
|
2098 |
-
|
2099 |
-
/* Advanced Search - form */
|
2100 |
-
.advanced-search .form-list label { padding-right:10px; width:140px; }
|
2101 |
-
.advanced-search .form-list .input-box,
|
2102 |
-
.advanced-search .form-list .input-range { clear:none; float:left; }
|
2103 |
-
.catalogsearch-advanced-index .fieldset { margin-bottom:3px; }
|
2104 |
-
.catalogsearch-advanced-index .buttons-set { padding-left:0; }
|
2105 |
-
.catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; }
|
2106 |
-
.catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; }
|
2107 |
-
|
2108 |
-
/* Sitemap */
|
2109 |
-
.page-sitemap .links { float:right; margin:0 0 5px; text-align:center; }
|
2110 |
-
.page-sitemap .links a { text-decoration:none; position:relative; }
|
2111 |
-
.page-sitemap .sitemap { margin:15px; }
|
2112 |
-
.page-sitemap .sitemap li { margin:3px 0; }
|
2113 |
-
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }
|
2114 |
-
.page-sitemap .sitemap li.level-0 a {}
|
2115 |
-
.page-sitemap .pager { clear:both; }
|
2116 |
-
|
2117 |
-
/* RSS */
|
2118 |
-
.rss-title h1 { background:url(../images/i_rss-big.png) 0 center no-repeat; padding-left:30px; }
|
2119 |
-
.rss-table .link-rss { display:block; }
|
2120 |
-
|
2121 |
-
|
2122 |
-
|
2123 |
-
/* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2124 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
2125 |
-
|
2126 |
-
/* Checkout Types
|
2127 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2128 |
-
*/
|
2129 |
-
.cart .page-title .checkout-types li { margin:0 0 5px; }
|
2130 |
-
.cart .title-buttons .checkout-types { float:right; }
|
2131 |
-
.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }
|
2132 |
-
|
2133 |
-
|
2134 |
-
/* Shopping Cart Table
|
2135 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2136 |
-
*/
|
2137 |
-
.cart-table thead tr { border-bottom:1px solid #e5e5e5; }
|
2138 |
-
.cart-table th.last { border-right:none; }
|
2139 |
-
|
2140 |
-
.cart-table .product-image { width:168px; display:block; }
|
2141 |
-
.cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }
|
2142 |
-
.cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#d90000; }
|
2143 |
-
.cart-table tfoot td { padding:5px 10px; border:none; }
|
2144 |
-
|
2145 |
-
/* Buttons
|
2146 |
-
-------------------------------------------------------------- */
|
2147 |
-
.cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; }
|
2148 |
-
.cart-table tfoot button { padding:0; margin:0 0 15px 10px; }
|
2149 |
-
.cart-table .btn-continue { float:left; margin-left:0; }
|
2150 |
-
.cart-table .btn-update,
|
2151 |
-
.cart-table .btn-empty { float:right; }
|
2152 |
-
|
2153 |
-
|
2154 |
-
/* Shopping Cart Collateral blocks
|
2155 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2156 |
-
*/
|
2157 |
-
.cart-collaterals { margin-top:20px; }
|
2158 |
-
.cart .cart-left-column > *,
|
2159 |
-
.cart .cart-right-column > * { margin-bottom:20px; }
|
2160 |
-
.cart .cart-right-column { float:right; }
|
2161 |
-
|
2162 |
-
|
2163 |
-
/* Cross-sell
|
2164 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2165 |
-
*/
|
2166 |
-
.cart .crosssell .product-image { float:left; }
|
2167 |
-
.cart .crosssell .product-details { margin-left:85px; }
|
2168 |
-
.cart .crosssell .btn-cart { float:left; margin-right:10px; }
|
2169 |
-
.cart .crosssell .add-to-links { float:left; margin:12px 0 0; }
|
2170 |
-
.cart .crosssell .price-box { margin:7px 0; }
|
2171 |
-
.cart .crosssell li.item { padding:20px 0; }
|
2172 |
-
.cart .crosssell li.item.odd { margin-left:0; clear:left; }
|
2173 |
-
.cart .crosssell li.item.even { margin-right:0; float:right; }
|
2174 |
-
|
2175 |
-
/*
|
2176 |
-
-------------------------------------------------------------- */
|
2177 |
-
.cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; }
|
2178 |
-
.cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; }
|
2179 |
-
.cart-wide-box .crosssell li.item.even { padding-left:20px; }
|
2180 |
-
|
2181 |
-
|
2182 |
-
/* Common styles: Cross-sell, Discount Codes, Estimate Shipping
|
2183 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2184 |
-
*/
|
2185 |
-
.cart .discount,
|
2186 |
-
.cart .shipping,
|
2187 |
-
.cart .crosssell { padding:10px; }
|
2188 |
-
.cart .crosssell h2,
|
2189 |
-
.cart .discount h2,
|
2190 |
-
.cart .shipping h2 { margin-bottom:10px; }
|
2191 |
-
.cart .discount .buttons-set,
|
2192 |
-
.cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; }
|
2193 |
-
.cart .discount .buttons-set button.button,
|
2194 |
-
.cart .shipping .buttons-set button.button { float:none; margin-left:0; }
|
2195 |
-
|
2196 |
-
|
2197 |
-
/* Discount Codes (coupons)
|
2198 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2199 |
-
*/
|
2200 |
-
.cart .discount label { display:block; margin:0 0 5px; }
|
2201 |
-
.cart .discount .input-box { margin:0 9px 0 0; }
|
2202 |
-
.cart .discount input.input-text { width:100%; }
|
2203 |
-
.cart .discount .buttons-set { margin:10px 0 0; }
|
2204 |
-
|
2205 |
-
|
2206 |
-
/* Estimate Shipping
|
2207 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2208 |
-
*/
|
2209 |
-
.cart .shipping input.input-text,
|
2210 |
-
.cart .shipping select { width:100%; }
|
2211 |
-
.cart .shipping p { margin-bottom:10px; }
|
2212 |
-
.cart .shipping .sp-methods { margin:10px 0 0; }
|
2213 |
-
|
2214 |
-
|
2215 |
-
/* Shopping Cart Totals
|
2216 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2217 |
-
*/
|
2218 |
-
.cart .totals { background-color:#f5f5f5; }
|
2219 |
-
.cart .totals-inner { padding:20px; }
|
2220 |
-
.cart .totals table { width:100%; }
|
2221 |
-
.cart .totals td { padding:1px 0px 1px 7px; }
|
2222 |
-
.cart .totals tr.last td {}
|
2223 |
-
.cart .totals tfoot th { padding:5px 15px 5px 7px; }
|
2224 |
-
.cart .totals tfoot td { padding-bottom:5px; }
|
2225 |
-
.cart .totals tfoot th strong,
|
2226 |
-
.cart .totals tfoot td strong { font-size:16px; }
|
2227 |
-
/*.cart .totals tfoot .price { color:#B31F5A; } */
|
2228 |
-
.cart .totals .checkout-types { text-align:right; }
|
2229 |
-
.cart .totals .checkout-types li { clear:both; margin:10px 0; }
|
2230 |
-
|
2231 |
-
|
2232 |
-
/* Cart static blocks
|
2233 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2234 |
-
*/
|
2235 |
-
|
2236 |
-
/* Item Options and Options Tool Tip
|
2237 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2238 |
-
*/
|
2239 |
-
.item-options { line-height:15px; }
|
2240 |
-
.item-options dt { white-space:nowrap; float:left; margin-right:7px; }
|
2241 |
-
.item-options dd { padding-left:11px; margin:0 0 2px; }
|
2242 |
-
|
2243 |
-
/* Item options in cart/checkout tables */
|
2244 |
-
.data-table .item-options dt {
|
2245 |
-
background:url(../images/img/bullet.png) 0 4px no-repeat;
|
2246 |
-
padding-left:10px;
|
2247 |
-
white-space:normal; /* Override 'nowrap' */
|
2248 |
-
}
|
2249 |
-
.data-table .item-options { margin:0 0 0 10px; }
|
2250 |
-
|
2251 |
-
/* Options Tool Tip
|
2252 |
-
-------------------------------------------------------------- */
|
2253 |
-
.truncated { cursor:help; display:inline-block; margin-left:3px; }
|
2254 |
-
.truncated a.dots { cursor:help; }
|
2255 |
-
.truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; }
|
2256 |
-
.truncated .truncated_full_value { position:relative; z-index:999; }
|
2257 |
-
.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px; }
|
2258 |
-
.truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; }
|
2259 |
-
.truncated .show .item-options { top:-20px; left:50%; }
|
2260 |
-
.col-left .truncated .show .item-options { left:15px; top:7px; }
|
2261 |
-
.col-right .truncated .show .item-options { left:-240px; top:7px; }
|
2262 |
-
|
2263 |
-
|
2264 |
-
|
2265 |
-
/* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2266 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
2267 |
-
|
2268 |
-
/********** < Common Checkout Styles */
|
2269 |
-
/* Shipping and Payment methods */
|
2270 |
-
.sp-methods dt { font-weight:bold; margin:10px 0; }
|
2271 |
-
.sp-methods dd {}
|
2272 |
-
.sp-methods dd li { margin: 5px 0; }
|
2273 |
-
.sp-methods .price { font-weight:bold; }
|
2274 |
-
.sp-methods .form-list { padding:10px 10px 10px 30px; }
|
2275 |
-
.sp-methods select.month { width:150px; margin-right:10px; }
|
2276 |
-
.sp-methods select.year { width:96px; }
|
2277 |
-
.sp-methods input.cvv { width:3em !important; }
|
2278 |
-
|
2279 |
-
.sp-methods .checkmo-list li {}
|
2280 |
-
.sp-methods .checkmo-list label { padding-right:10px; }
|
2281 |
-
.sp-methods .checkmo-list address { float:left; }
|
2282 |
-
|
2283 |
-
.sp-methods .centinel-logos a { margin-right:3px; }
|
2284 |
-
.sp-methods .centinel-logos img { vertical-align:middle; }
|
2285 |
-
|
2286 |
-
.please-wait { float:right; margin-right:5px; }
|
2287 |
-
.please-wait img { vertical-align:middle; }
|
2288 |
-
.cvv-what-is-this { cursor:help; margin-left:5px; }
|
2289 |
-
|
2290 |
-
/* Tooltip */
|
2291 |
-
.tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; }
|
2292 |
-
.tool-tip .btn-close a { margin:0 0 0 auto; }
|
2293 |
-
.tool-tip .tool-tip-content { padding:5px; }
|
2294 |
-
|
2295 |
-
/* Gift Messages */
|
2296 |
-
.gift-messages { margin:30px 0 10px; }
|
2297 |
-
.gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; }
|
2298 |
-
.gift-messages-form p { margin-bottom:10px; }
|
2299 |
-
.gift-messages-form label { float:none !important; position:static !important; }
|
2300 |
-
.gift-messages-form .item { margin:0 0 10px; }
|
2301 |
-
.gift-messages-form .item .product-img-box { float:left; width:75px; }
|
2302 |
-
.gift-messages-form .item .product-image { margin:0 0 7px; }
|
2303 |
-
.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; }
|
2304 |
-
.gift-messages-form .item .details { margin-left:90px; }
|
2305 |
-
|
2306 |
-
.gift-message-link { display:block; background:url(../images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
|
2307 |
-
.gift-message-link.expanded { background-position:0 -53px; }
|
2308 |
-
.gift-message-row .btn-close { float:right; padding:0 7px 0px; }
|
2309 |
-
.gift-message dt strong { font-weight:bold; color:#666; }
|
2310 |
-
.gift-message dd { margin:5px 0 0; font-size:13px; }
|
2311 |
-
.order-gift-message { margin:15px 0; }
|
2312 |
-
|
2313 |
-
/* Checkout Agreements */
|
2314 |
-
.checkout-agreements { padding:0 60px 20px; }
|
2315 |
-
.checkout-agreements li { margin:0 0 20px; }
|
2316 |
-
.checkout-agreements .agree { margin-top: 5px; }
|
2317 |
-
.checkout-agreements .agree input.checkbox { margin-right:6px; }
|
2318 |
-
.checkout-agreements .agree label { font-weight:bold; }
|
2319 |
-
.opc .checkout-agreements { padding:15px 30px; }
|
2320 |
-
|
2321 |
-
.checkout-agreements .agreement-content { max-height:250px; overflow:auto; padding-right:30px; }
|
2322 |
-
|
2323 |
-
/* Centinel */
|
2324 |
-
.centinel {}
|
2325 |
-
.centinel .authentication { border:1px solid #ddd; background:#fff; }
|
2326 |
-
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }
|
2327 |
-
|
2328 |
-
/* Generic Info Set */
|
2329 |
-
/* For more styles see Multiple Addresses Checkout */
|
2330 |
-
.info-set .data-table .item-options { margin:5px 0 0; }
|
2331 |
-
/********** Common Checkout Styles > */
|
2332 |
-
|
2333 |
-
|
2334 |
-
/* Other */
|
2335 |
-
.block-progress .block-title { background:none; border:0; padding:10px 0;}
|
2336 |
-
.block-progress .block-title strong { font-family:inherit; text-transform:none; font-weight:normal; }
|
2337 |
-
.block-progress .block-content { background:none; padding:0; margin-top:10px; border:none; }
|
2338 |
-
.block-progress dt {
|
2339 |
-
background:url(../images/img/checkout-progress.png) 0 5px no-repeat;
|
2340 |
-
line-height:18px;
|
2341 |
-
margin:0 0 5px;
|
2342 |
-
padding:6px 0 6px 30px;
|
2343 |
-
font-weight:bold;
|
2344 |
-
}
|
2345 |
-
.block-progress dd {
|
2346 |
-
line-height:15px;
|
2347 |
-
border-top:0 none;
|
2348 |
-
margin:0 0 6px;
|
2349 |
-
padding:8px 10px;
|
2350 |
-
}
|
2351 |
-
.block-progress dt.complete { background:url(../images/img/checkout-progress-done.png) 0 5px no-repeat; }
|
2352 |
-
.block-progress dt.complete .separator {}
|
2353 |
-
.block-progress dt.complete a { font-weight:normal; }
|
2354 |
-
.block-progress dd.complete {}
|
2355 |
-
.block-progress p { margin:0; }
|
2356 |
-
|
2357 |
-
.opc .buttons-set { margin-top:0; padding-top:2em; }
|
2358 |
-
.opc .buttons-set p.required { margin:0; padding:0 0 10px; }
|
2359 |
-
.opc .buttons-set.disabled button.button { display:none; }
|
2360 |
-
.opc .buttons-set .please-wait { height:28px; line-height:28px; }
|
2361 |
-
.opc .ul { list-style:disc outside; padding-left:18px; }
|
2362 |
-
|
2363 |
-
.opc { position:relative; }
|
2364 |
-
.opc .section { margin:0 0 10px; padding:0; }
|
2365 |
-
|
2366 |
-
.opc .step-title { background:#f5f5f5; padding:10px; text-align:right; }
|
2367 |
-
.opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; }
|
2368 |
-
.opc .step-title h2 { float:left; margin:8px 0 0; color:#999; font-size:1.3333em; line-height:1.125em; }
|
2369 |
-
.opc .step-title a { display:none; float:right; margin-top:6px; }
|
2370 |
-
|
2371 |
-
.opc .section.allow { cursor:pointer; }
|
2372 |
-
.opc .section.allow.active { cursor:auto; }
|
2373 |
-
.opc .allow .step-title { background:#f5f5f5; }
|
2374 |
-
.opc .allow .step-title:hover { background-color:#e5e5e5; }
|
2375 |
-
.opc .allow .step-title h2 { color:#333; }
|
2376 |
-
.opc .allow .step-title a { display:block; }
|
2377 |
-
|
2378 |
-
.opc .active .step-title { background-color:#e5e5e5; cursor:default; }
|
2379 |
-
.opc .active .step-title .number { color:#fff; background-color:#333; }
|
2380 |
-
.opc .active .step-title h2 {}
|
2381 |
-
.opc .active .step-title a { display:none; }
|
2382 |
-
|
2383 |
-
.opc .step { padding:10px 20px; margin-top:10px; position:relative; }
|
2384 |
-
.opc .step .tool-tip { right:30px; }
|
2385 |
-
|
2386 |
-
#opc-login .col-1 {}
|
2387 |
-
#opc-login .col-2 {}
|
2388 |
-
#opc-login h3 { margin-top:10px; }
|
2389 |
-
#opc-login h4 { font-size:1em; font-weight:bold; margin:0; }
|
2390 |
-
#opc-login .form-list { margin:15px 0 15px; }
|
2391 |
-
#opc-login .form-list li { margin:0 0 3px;}
|
2392 |
-
#opc-login .buttons-set { padding:0; }
|
2393 |
-
|
2394 |
-
.opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;}
|
2395 |
-
.opc .gift-messages-form .inner-box { overflow:visible; }
|
2396 |
-
|
2397 |
-
#opc-review .step { padding:0; }
|
2398 |
-
#opc-review .item-options { margin:5px 0 0; }
|
2399 |
-
#opc-review .buttons-set { border:0; padding:15px 30px; }
|
2400 |
-
#opc-review .buttons-set p { margin:0; line-height:28px; }
|
2401 |
-
#opc-review .buttons-set .please-wait { height:28px; line-height:28px; }
|
2402 |
-
#opc-review .authentication { margin:0 auto; width:570px; }
|
2403 |
-
#opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; }
|
2404 |
-
|
2405 |
-
|
2406 |
-
/* Common styles for: Multiple Addresses Checkout and Generic Info Set
|
2407 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2408 |
-
*/
|
2409 |
-
.multiple-checkout h2,
|
2410 |
-
.info-set h2 { font-weight:bold; margin:0 0 10px; }
|
2411 |
-
.multiple-checkout h3,
|
2412 |
-
.multiple-checkout h4,
|
2413 |
-
.info-set h3,
|
2414 |
-
.info-set h4 { font-size:15px; font-weight:bold; }
|
2415 |
-
.multiple-checkout h2 a,
|
2416 |
-
.multiple-checkout h3 a,
|
2417 |
-
.multiple-checkout h4 a,
|
2418 |
-
.info-set h2 a,
|
2419 |
-
.info-set h3 a,
|
2420 |
-
.info-set h4 a { font-size:12px; font-weight:normal; }
|
2421 |
-
|
2422 |
-
.multiple-checkout .data-table .product-name,
|
2423 |
-
.info-set .data-table .product-name { font-size:13px; margin:0 0 5px; }
|
2424 |
-
.multiple-checkout .col2-set h2.legend,
|
2425 |
-
.info-set h2.legend { font-weight:normal; }
|
2426 |
-
.multiple-checkout .col2-set h3.legend,
|
2427 |
-
.info-set h3.legend { color:#ce001a; margin:0 0 10px; }
|
2428 |
-
.multiple-checkout .col2-set .divider,
|
2429 |
-
.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
|
2430 |
-
.multiple-checkout .box,
|
2431 |
-
.info-set .box { margin:0 0 15px; }
|
2432 |
-
|
2433 |
-
|
2434 |
-
|
2435 |
-
/* Multiple Addresses Checkout
|
2436 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2437 |
-
*/
|
2438 |
-
.checkout-progress { padding:0 110px; margin:-11px 0 25px; }
|
2439 |
-
.checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; }
|
2440 |
-
.checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; }
|
2441 |
-
|
2442 |
-
.multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; }
|
2443 |
-
.multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; }
|
2444 |
-
|
2445 |
-
/* Styles similar to cart-table */
|
2446 |
-
.multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; }
|
2447 |
-
.multiple-checkout .data-table thead th { padding:10px; font-weight:normal; }
|
2448 |
-
|
2449 |
-
.multiple-checkout .gift-messages { margin:15px 0 0; }
|
2450 |
-
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }
|
2451 |
-
|
2452 |
-
.multiple-checkout .col2-set .col-1 { width:32%; }
|
2453 |
-
.multiple-checkout p.actions { margin-bottom:10px; }
|
2454 |
-
|
2455 |
-
.multiple-checkout .place-order .please-wait { margin-top:10px; }
|
2456 |
-
.multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; }
|
2457 |
-
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
|
2458 |
-
.multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; }
|
2459 |
-
|
2460 |
-
/* Step 1 */
|
2461 |
-
#multiship-addresses-table td { padding:10px; }
|
2462 |
-
|
2463 |
-
/* Step 2 */
|
2464 |
-
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; }
|
2465 |
-
|
2466 |
-
|
2467 |
-
|
2468 |
-
/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2469 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
2470 |
-
|
2471 |
-
/* Account Login/Create Pages
|
2472 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2473 |
-
*/
|
2474 |
-
.account-login .new-users,
|
2475 |
-
.account-login .registered-users { margin-bottom:20px; }
|
2476 |
-
.account-login h2 { text-transform:uppercase; }
|
2477 |
-
.account-login p { margin-bottom:20px; }
|
2478 |
-
.account-login p.required { margin:0; }
|
2479 |
-
.account-login .buttons-set { clear:none; padding:0; margin:0; }
|
2480 |
-
|
2481 |
-
/* Account Login/Create box elements - login page and checkout page */
|
2482 |
-
.account-login .buttons-set button,
|
2483 |
-
#opc-login .buttons-set button { float:left; margin-left:0; }
|
2484 |
-
.account-login .buttons-set a,
|
2485 |
-
#opc-login .buttons-set a { float:right !important; margin:4px 0 0; }
|
2486 |
-
|
2487 |
-
|
2488 |
-
/* My Account Dashboard
|
2489 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2490 |
-
*/
|
2491 |
-
.my-account {}
|
2492 |
-
.my-account .title-buttons .link-rss { float:none; margin:0; }
|
2493 |
-
|
2494 |
-
/********** < Dashboard */
|
2495 |
-
.dashboard .welcome-msg { margin:0 0 2.5em; }
|
2496 |
-
.dashboard .welcome-msg p { margin:0; }
|
2497 |
-
.dashboard .col-1,
|
2498 |
-
.dashboard .col-2 { margin-bottom:1.5em; }
|
2499 |
-
|
2500 |
-
/* General Box */
|
2501 |
-
.box-account { margin:0 0 2.5em; }
|
2502 |
-
.box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; }
|
2503 |
-
.box-account .box-head a { float:right; margin-top:10px; }
|
2504 |
-
.box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; }
|
2505 |
-
.box-account.box-info .col-1 { border-right:1px solid #e5e5e5; }
|
2506 |
-
.box-account.box-info .col-1 .box { padding-right:10px; }
|
2507 |
-
|
2508 |
-
.dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; }
|
2509 |
-
.dashboard .box .box-title h3,
|
2510 |
-
.dashboard .box .box-title h4 { float:left; margin:0; }
|
2511 |
-
|
2512 |
-
/* Block: Recent Orders */
|
2513 |
-
.dashboard .box-recent .box-head h2 { /*background-image:url(../images/i_folder-table.gif);*/ /*TODO del*/ }
|
2514 |
-
|
2515 |
-
/* Block: Account Information */
|
2516 |
-
.dashboard .box-info .box-head h2 { /*background-image:url(../images/i_ma-info.gif);*/ /*TODO del*/ }
|
2517 |
-
.dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; }
|
2518 |
-
|
2519 |
-
/* Block: Reviews */
|
2520 |
-
.dashboard .box-reviews .box-head h2 { /*background-image:url(../images/i_ma-reviews.gif);*/ /*TODO del*/ }
|
2521 |
-
.dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }
|
2522 |
-
.dashboard .box-reviews .details { margin-left:38px; }
|
2523 |
-
.dashboard .box-reviews li.item { margin:0 0 7px; }
|
2524 |
-
.dashboard .box-reviews li.item.last { margin:0; }
|
2525 |
-
.dashboard .box-reviews .ratings { margin:5px 0 0; }
|
2526 |
-
|
2527 |
-
/* Block: Tags */
|
2528 |
-
.dashboard .box-tags .box-head h2 { /*background-image:url(../images/i_ma-tags.gif);*/ /*TODO del*/ }
|
2529 |
-
.dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }
|
2530 |
-
.dashboard .box-tags .details { margin-left:38px; }
|
2531 |
-
.dashboard .box-tags .tags { margin:5px 0 0; }
|
2532 |
-
.dashboard .box-tags li.item { margin:0 0 7px; }
|
2533 |
-
.dashboard .box-tags li.item.last { margin:0; }
|
2534 |
-
.dashboard .box-tags .tags strong,
|
2535 |
-
.dashboard .box-tags .tags ul,
|
2536 |
-
.dashboard .box-tags .tags ul li { display:inline; }
|
2537 |
-
/********** Dashboard > */
|
2538 |
-
|
2539 |
-
/* Add left padding if icons are displayed in headings */
|
2540 |
-
/*.box-account .box-head h2,
|
2541 |
-
.order-items h2,
|
2542 |
-
.order-about h2 { padding-left:38px; }*/
|
2543 |
-
|
2544 |
-
|
2545 |
-
/* Address Book
|
2546 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2547 |
-
*/
|
2548 |
-
.addresses-list h3 { background:url(../images/img/bullet.png) 0 6px no-repeat; padding-left:10px; font-weight:normal; }
|
2549 |
-
.addresses-list address { margin-bottom:10px; }
|
2550 |
-
.addresses-list .link-remove:hover { color:#ee001c; }
|
2551 |
-
.addresses-list .separator { margin:0 3px; }
|
2552 |
-
.addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; }
|
2553 |
-
.addresses-list li.empty { background:none; border:0; padding:0; }
|
2554 |
-
.addresses-list li.empty p { color:#555; }
|
2555 |
-
.addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; }
|
2556 |
-
|
2557 |
-
.my-account .pager { margin:20px 0; }
|
2558 |
-
|
2559 |
-
|
2560 |
-
/* Order View
|
2561 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2562 |
-
*/
|
2563 |
-
.order-info { margin:20px 0 10px; }
|
2564 |
-
.order-info dt,
|
2565 |
-
.order-info dd,
|
2566 |
-
.order-info li,
|
2567 |
-
.order-info li a { float:left; }
|
2568 |
-
|
2569 |
-
.order-info dt { font-weight:bold; }
|
2570 |
-
.order-info li { margin-right:1px; }
|
2571 |
-
.order-info dt,
|
2572 |
-
.order-info li.current,
|
2573 |
-
.order-info li a { padding:10px; }
|
2574 |
-
.order-info dt { padding-left:0; }
|
2575 |
-
|
2576 |
-
.order-info li a { background-color:#f8f8f8; }
|
2577 |
-
.order-info li a:hover,
|
2578 |
-
.order-info li.current { background-color:#e5e5e5; }
|
2579 |
-
|
2580 |
-
/* Date */
|
2581 |
-
.order-date { margin:15px 0; color:#d90000; clear:both; }
|
2582 |
-
|
2583 |
-
/* Links in page title */
|
2584 |
-
.page-title .separator,
|
2585 |
-
.page-title .link-reorder,
|
2586 |
-
.page-title .link-rss,
|
2587 |
-
.page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; }
|
2588 |
-
|
2589 |
-
|
2590 |
-
/*
|
2591 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2592 |
-
*/
|
2593 |
-
.order-info-box { margin:0 0 10px; padding:20px; }
|
2594 |
-
.order-info-box .col-1 { border-right:#e5e5e5 solid 1px; }
|
2595 |
-
.order-info-box h2 {}
|
2596 |
-
.order-info-box .box-payment p { margin:0 0 3px; }
|
2597 |
-
.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }
|
2598 |
-
|
2599 |
-
.order-items .data-table { margin-bottom:20px; }
|
2600 |
-
.order-items .data-table td { padding:5px 9px; }
|
2601 |
-
.order-items .data-table .grand_total { font-size:1.3333em; }
|
2602 |
-
/* Grand total color */
|
2603 |
-
.order-items .data-table .grand_total .last,
|
2604 |
-
.order-items .data-table .grand_total_incl .last {}
|
2605 |
-
|
2606 |
-
.order-items { width:100%; }
|
2607 |
-
.order-items .product-name { margin:0 0 3px; font-size:12px; }
|
2608 |
-
.order-items .link-print { font-weight:normal; }
|
2609 |
-
.order-items p .link-print { float:none; }
|
2610 |
-
|
2611 |
-
.order-items h2,
|
2612 |
-
.order-about h2 { margin:15px 0; }
|
2613 |
-
|
2614 |
-
.order-items h3.table-caption { font-size:13px; font-weight:bold; }
|
2615 |
-
.order-items h2.table-caption a,
|
2616 |
-
.order-items h2.sub-title a {
|
2617 |
-
font-size:12px;
|
2618 |
-
font-weight:normal;
|
2619 |
-
text-transform:none;
|
2620 |
-
}
|
2621 |
-
.order-items .order-links { text-align: right; }
|
2622 |
-
.order-items .order-comments h2 { /*background:url(../images/img/ic-order-comment.gif) 0 0 no-repeat;*/ /*TODO del*/ }
|
2623 |
-
|
2624 |
-
.order-details h2 { /*background:url(../images/img/ic-order-item.gif) 0 0 no-repeat;*/ /*TODO del*/ }
|
2625 |
-
.order-details h2 .separator { color:#999; font-size:12px; }
|
2626 |
-
|
2627 |
-
.order-about { margin:0 0 15px; padding:5px 30px; }
|
2628 |
-
.order-about dt { font-weight:bold; }
|
2629 |
-
.order-about dd { font-size:12px; margin-bottom:15px; }
|
2630 |
-
|
2631 |
-
.tracking-table { margin:0 0 15px; }
|
2632 |
-
.tracking-table th { width:20%; font-weight:bold; white-space:nowrap; }
|
2633 |
-
.tracking-table th,
|
2634 |
-
.tracking-table td { padding:5px 9px; }
|
2635 |
-
|
2636 |
-
.tracking-table-popup { width:100%; }
|
2637 |
-
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
|
2638 |
-
.tracking-table-popup th,
|
2639 |
-
.tracking-table-popup td { padding:1px 8px; }
|
2640 |
-
|
2641 |
-
|
2642 |
-
/* Order Print Pages
|
2643 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2644 |
-
*/
|
2645 |
-
.page-print .print-head { margin:0 0 15px; }
|
2646 |
-
.page-print .print-head .logo { float:left; }
|
2647 |
-
.page-print .print-head address { float:left; margin-left:15px; }
|
2648 |
-
.page-print h1 { font-size:16px; font-weight:bold; }
|
2649 |
-
.page-print h2,
|
2650 |
-
.page-print h3 { font-size:13px; font-weight:bold; }
|
2651 |
-
.page-print h2.h2 { font-size:16px; font-weight:bold; }
|
2652 |
-
.page-print .order-date { background:url(../images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; }
|
2653 |
-
.page-print .col2-set { margin:0 0 10px; }
|
2654 |
-
/* Price Rewrites */
|
2655 |
-
.page-print .gift-message-link { display:none; }
|
2656 |
-
.page-print .price-excl-tax,
|
2657 |
-
.page-print .price-incl-tax { display:block; white-space:nowrap; }
|
2658 |
-
.page-print .cart-price,
|
2659 |
-
.page-print .price-excl-tax .label,
|
2660 |
-
.page-print .price-incl-tax .label,
|
2661 |
-
.page-print .price-excl-tax .price,
|
2662 |
-
.page-print .price-incl-tax .price { display:inline; }
|
2663 |
-
|
2664 |
-
|
2665 |
-
/* My Wishlist
|
2666 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2667 |
-
*/
|
2668 |
-
.my-wishlist .product-image { display:block; margin:0 0 5px; min-width:113px; max-width:140px; }
|
2669 |
-
.my-wishlist .product-name { margin-bottom:10px; }
|
2670 |
-
.my-wishlist .description { margin-bottom:10px; }
|
2671 |
-
.my-wishlist textarea { display:block; width:97%; height:70px; border:1px solid #e5e5e5; }
|
2672 |
-
.my-wishlist .price-box { margin-bottom:5px; }
|
2673 |
-
.my-wishlist .add-to-cart-alt { margin-bottom:10px; }
|
2674 |
-
.my-wishlist .buttons-set { margin-top:2em; }
|
2675 |
-
.my-wishlist .buttons-set button.button { float:none; }
|
2676 |
-
#wishlist-table .add-to-links { white-space:nowrap; }
|
2677 |
-
|
2678 |
-
.my-wishlist .data-table tr.even { background:#fbfbfb; } /*TODO:redundant?*/
|
2679 |
-
.my-wishlist .btn-cart { margin:10px 0 5px; }
|
2680 |
-
|
2681 |
-
|
2682 |
-
/* My Tags
|
2683 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2684 |
-
*/
|
2685 |
-
.my-tag-edit { float:left; margin:0 0 10px; }
|
2686 |
-
.my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; }
|
2687 |
-
#my-tags-table { clear:both; }
|
2688 |
-
#my-tags-table td { padding:10px; }
|
2689 |
-
#my-tags-table .add-to-links { white-space:nowrap; }
|
2690 |
-
|
2691 |
-
|
2692 |
-
/* My Reviews TODO:deprecated
|
2693 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2694 |
-
*/
|
2695 |
-
#my-reviews-table td { padding:10px; }
|
2696 |
-
.product-review .product-img-box { float:left; width:140px; }
|
2697 |
-
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
|
2698 |
-
.product-review .product-img-box .label { margin:0 0 8px; }
|
2699 |
-
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; }
|
2700 |
-
.product-review .product-details { margin:0 20px 20px 155px; }
|
2701 |
-
.product-review .product-name { font-size:18px; margin:0 0 18px; }
|
2702 |
-
.product-review h3 { font-size:12px; margin:15px 0 5px; }
|
2703 |
-
.product-review .ratings-table { margin:0 0 15px; }
|
2704 |
-
.product-review dt { font-weight:bold; }
|
2705 |
-
.product-review dd { font-size:12px; margin:5px 0 0; }
|
2706 |
-
|
2707 |
-
|
2708 |
-
/* Billing Agreements
|
2709 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2710 |
-
*/
|
2711 |
-
.billing-agreements .form-list li select { float:left; }
|
2712 |
-
.billing-agreements .form-list li button.button { float:left; margin-left:10px; }
|
2713 |
-
.billing-agreements .table-caption { font-weight:bold; font-size:13px; }
|
2714 |
-
|
2715 |
-
|
2716 |
-
|
2717 |
-
/* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2718 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
2719 |
-
|
2720 |
-
/* Remember Me Popup
|
2721 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2722 |
-
*/
|
2723 |
-
.window-overlay { background:url(../images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; }
|
2724 |
-
|
2725 |
-
.remember-me label { float:none; margin:0 6px; }
|
2726 |
-
.remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; }
|
2727 |
-
.remember-me-popup .remember-me-popup-head { position:relative; }
|
2728 |
-
/*.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:url(../images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; text-indent:-9999em; }
|
2729 |
-
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }*/
|
2730 |
-
/* Additionally remove the button */
|
2731 |
-
.remember-me-popup .remember-me-popup-close-button { display:none; }
|
2732 |
-
|
2733 |
-
|
2734 |
-
/* MAP Popup
|
2735 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2736 |
-
*/
|
2737 |
-
.cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;}
|
2738 |
-
.map-cart-sidebar-total { color:red; display:block; text-align:left;
|
2739 |
-
overflow:hidden;
|
2740 |
-
text-overflow:ellipsis;
|
2741 |
-
white-space:nowrap;
|
2742 |
-
text-transform:lowercase;
|
2743 |
-
width:55px;
|
2744 |
-
line-height:15px;
|
2745 |
-
padding:2px 8px;
|
2746 |
-
}
|
2747 |
-
.map-cart-sidebar-total:hover {
|
2748 |
-
overflow:visible;
|
2749 |
-
white-space:normal;
|
2750 |
-
background-color:#fff;
|
2751 |
-
box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
|
2752 |
-
}
|
2753 |
-
.map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; }
|
2754 |
-
.map-popup-heading { width:240px; }
|
2755 |
-
.map-popup-heading h2 {
|
2756 |
-
margin:0;
|
2757 |
-
overflow:hidden;
|
2758 |
-
white-space:nowrap;
|
2759 |
-
word-wrap: break-word;
|
2760 |
-
text-align:left;
|
2761 |
-
text-overflow:ellipsis;
|
2762 |
-
}
|
2763 |
-
.map-popup-arrow { display:none; /*border-color:transparent transparent #fff transparent; border-style:solid; border-width:10px; position:absolute; left:50%; top:-20px;*/ }
|
2764 |
-
.map-popup-content { overflow:hidden; text-align:left; width:270px; }
|
2765 |
-
.map-popup-checkout { display:inline; float:right; text-align:right; }
|
2766 |
-
.map-popup-checkout span { display:block; padding-right:30px; }
|
2767 |
-
.map-popup-checkout .paypal-logo { margin:0 0 5px; }
|
2768 |
-
.map-popup-price .price-box,
|
2769 |
-
.map-popup-price .price-box .special-price { margin:0; padding:0; }
|
2770 |
-
.map-popup-price { margin:5px 0 0; }
|
2771 |
-
.map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; }
|
2772 |
-
.map-popup-only-text { border-top:1px solid #eee; }
|
2773 |
-
|
2774 |
-
|
2775 |
-
/* Common styles for: Remember Me Popup and MAP Popup
|
2776 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2777 |
-
*/
|
2778 |
-
.remember-me-popup,
|
2779 |
-
.map-popup { background:#fff; text-align:left; /* + Common shadow styles for multiple items */ }
|
2780 |
-
.remember-me-popup h3,
|
2781 |
-
.map-popup-heading { border-bottom:1px solid #e5e5e5; padding:12px 45px 12px 15px; }
|
2782 |
-
.remember-me-popup h3,
|
2783 |
-
.map-popup-heading h2 { font-weight:bold; font-size:1.5em; /*18px*/ }
|
2784 |
-
.remember-me-popup .remember-me-popup-body,
|
2785 |
-
.map-popup-content { padding:15px; }
|
2786 |
-
.remember-me-popup .remember-me-popup-head .remember-me-popup-close,
|
2787 |
-
.map-popup-close { background:url(../images/img/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; }
|
2788 |
-
.remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover,
|
2789 |
-
.map-popup-close:hover { background-position:-17px -150px; }
|
2790 |
-
.remember-me-popup .remember-me-popup-head .remember-me-popup-close:active,
|
2791 |
-
.map-popup-close:active { background-position:-34px -150px; }
|
2792 |
-
|
2793 |
-
|
2794 |
-
|
2795 |
-
/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2796 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
2797 |
-
|
2798 |
-
.footer-container { background-repeat:repeat; background-position:center top; }
|
2799 |
-
.footer {
|
2800 |
-
width:960px;
|
2801 |
-
margin:0 auto;
|
2802 |
-
padding:0;
|
2803 |
-
text-align:left;
|
2804 |
-
}
|
2805 |
-
.footer .item-left { float:left; margin-right:20px; }
|
2806 |
-
.footer .item-right { float:right; margin-left:20px; }
|
2807 |
-
|
2808 |
-
/* Footer elements */
|
2809 |
-
.footer .heading { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; }
|
2810 |
-
|
2811 |
-
|
2812 |
-
/* Footer top
|
2813 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2814 |
-
*/
|
2815 |
-
.footer-top {}
|
2816 |
-
|
2817 |
-
|
2818 |
-
/* Footer primary
|
2819 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2820 |
-
*/
|
2821 |
-
.footer-primary {}
|
2822 |
-
|
2823 |
-
/* Primary footer additional
|
2824 |
-
-------------------------------------------------------------- */
|
2825 |
-
.footer-primary-top-spacing {
|
2826 |
-
padding-top:10px;
|
2827 |
-
padding-bottom:20px;
|
2828 |
-
border-bottom:1px solid;
|
2829 |
-
border-color:#eee;
|
2830 |
-
border-color:rgba(0,0,0, 0.05);
|
2831 |
-
}
|
2832 |
-
.footer-primary-bottom-spacing {
|
2833 |
-
border-top:1px solid;
|
2834 |
-
border-color:#eee;
|
2835 |
-
border-color:rgba(0,0,0, 0.05);
|
2836 |
-
padding-top:20px;
|
2837 |
-
padding-bottom:10px;
|
2838 |
-
}
|
2839 |
-
|
2840 |
-
|
2841 |
-
/* Footer secondary
|
2842 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2843 |
-
*/
|
2844 |
-
.footer-secondary {}
|
2845 |
-
|
2846 |
-
|
2847 |
-
/* Footer bottom
|
2848 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2849 |
-
*/
|
2850 |
-
.footer-bottom-container {}
|
2851 |
-
.footer-bottom {
|
2852 |
-
padding-top:10px; /* To counterbalance the bottom margin of footer elements */
|
2853 |
-
}
|
2854 |
-
|
2855 |
-
|
2856 |
-
/* Footer elements
|
2857 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2858 |
-
*/
|
2859 |
-
|
2860 |
-
/* Newsletter form
|
2861 |
-
-------------------------------------------------------------- */
|
2862 |
-
#subscribe-form {}
|
2863 |
-
#subscribe-form form { display:block; }
|
2864 |
-
#subscribe-form label { float:left; margin:0 5px 0 0; line-height:32px; font-weight:normal; position: relative; }
|
2865 |
-
#subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; }
|
2866 |
-
#subscribe-form .input-box .validation-advice {
|
2867 |
-
padding:10px 0;
|
2868 |
-
width:140%;
|
2869 |
-
position:absolute;
|
2870 |
-
top:110%;
|
2871 |
-
left:-20%;
|
2872 |
-
text-align:center;
|
2873 |
-
background-color:#fff;
|
2874 |
-
background-color:rgba(255,255,255,0.9);
|
2875 |
-
z-index:1;
|
2876 |
-
}
|
2877 |
-
#subscribe-form .input-text {
|
2878 |
-
float:left;
|
2879 |
-
padding:0 7px;
|
2880 |
-
width:auto;
|
2881 |
-
height:30px;
|
2882 |
-
line-height:30px;
|
2883 |
-
color:#999;
|
2884 |
-
text-overflow:ellipsis;
|
2885 |
-
}
|
2886 |
-
#subscribe-form .input-text.validation-failed {}
|
2887 |
-
#subscribe-form .button { float:left; }
|
2888 |
-
|
2889 |
-
/* Social services
|
2890 |
-
-------------------------------------------------------------- */
|
2891 |
-
.social-links span.icon { margin-bottom:3px; }
|
2892 |
-
|
2893 |
-
/* TODO: Obsolete
|
2894 |
-
.social-links a {
|
2895 |
-
float:left;
|
2896 |
-
display:block;
|
2897 |
-
margin-right:5px;
|
2898 |
-
margin-bottom:5px;
|
2899 |
-
overflow:hidden;
|
2900 |
-
width:32px;
|
2901 |
-
height:32px;
|
2902 |
-
border-radius:0;
|
2903 |
-
background-color:#999;
|
2904 |
-
transition: all 300ms ease-in-out;
|
2905 |
-
-moz-transition: all 300ms ease-in-out;
|
2906 |
-
-webkit-transition: all 300ms ease-in-out;
|
2907 |
-
-o-transition: all 300ms ease-in-out;
|
2908 |
-
}
|
2909 |
-
.social-links a.last { margin-right:0; }
|
2910 |
-
.social-links a:hover { background-color:#333; }*/
|
2911 |
-
|
2912 |
-
/* Other elements
|
2913 |
-
-------------------------------------------------------------- */
|
2914 |
-
.footer-copyright { font-size:0.9166em; /*11px*/ line-height:1.3636em; margin-bottom:10px; margin-left:10px; }
|
2915 |
-
|
2916 |
-
/* Scroll to top button
|
2917 |
-
-------------------------------------------------------------- */
|
2918 |
-
#scroll-to-top {
|
2919 |
-
display:none;
|
2920 |
-
position:fixed;
|
2921 |
-
width:50px;
|
2922 |
-
height:50px;
|
2923 |
-
bottom:30px;
|
2924 |
-
right:30px;
|
2925 |
-
z-index:9999;
|
2926 |
-
text-indent:-9999px;
|
2927 |
-
border-radius:50%;
|
2928 |
-
background:url(../images/sprite.png) -200px -100px no-repeat #e5e5e5;
|
2929 |
-
}
|
2930 |
-
#scroll-to-top:hover {
|
2931 |
-
background-position:-200px -150px;
|
2932 |
-
background-color:#333;
|
2933 |
-
}
|
2934 |
-
|
2935 |
-
|
2936 |
-
|
2937 |
-
/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2938 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
2939 |
-
|
2940 |
-
/* CMS pages
|
2941 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2942 |
-
*/
|
2943 |
-
|
2944 |
-
/* Home page */
|
2945 |
-
body.cms-index-index .breadcrumbs { display:none; }
|
2946 |
-
|
2947 |
-
/* 404 not found page */
|
2948 |
-
.cms-index-noroute .col-main .std { padding:10px 0 0 270px; background:url(../images/img/magnifier.jpg) 40px 40px no-repeat; }
|
2949 |
-
|
2950 |
-
|
2951 |
-
/* Page banners
|
2952 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2953 |
-
*/
|
2954 |
-
.page-banners {}
|
2955 |
-
.page-banners .banner {
|
2956 |
-
margin-bottom:2%;
|
2957 |
-
}
|
2958 |
-
.page-banners .banner a { display:block; }
|
2959 |
-
.page-banners .banner img {}
|
2960 |
-
.page-banners .banner a img {
|
2961 |
-
display:block;
|
2962 |
-
margin:0 auto;
|
2963 |
-
|
2964 |
-
transition: opacity 300ms ease-in-out;
|
2965 |
-
-moz-transition: opacity 300ms ease-in-out;
|
2966 |
-
-webkit-transition: opacity 300ms ease-in-out;
|
2967 |
-
-o-transition: opacity 300ms ease-in-out;
|
2968 |
-
}
|
2969 |
-
.page-banners .banner a:hover img {
|
2970 |
-
opacity:0.85;
|
2971 |
-
filter:alpha(opacity=85);
|
2972 |
-
}
|
2973 |
-
|
2974 |
-
|
2975 |
-
/* Landing pages
|
2976 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2977 |
-
*/
|
2978 |
-
.landing-page {}
|
2979 |
-
.horizontal-section,
|
2980 |
-
.vertical-section { display:block; margin-top:10px; margin-bottom:10px; position:relative; }
|
2981 |
-
.landing-page .center-block { display:block; margin:0 auto; }
|
2982 |
-
|
2983 |
-
/* Caption
|
2984 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
2985 |
-
*/
|
2986 |
-
.caption {
|
2987 |
-
position:absolute;
|
2988 |
-
bottom:0;
|
2989 |
-
width:80%;
|
2990 |
-
margin:6%;
|
2991 |
-
padding:0;
|
2992 |
-
}
|
2993 |
-
|
2994 |
-
/* Caption position and layout
|
2995 |
-
-------------------------------------------------------------- */
|
2996 |
-
.caption.top {
|
2997 |
-
top:0;
|
2998 |
-
bottom:auto;
|
2999 |
-
width:80%;
|
3000 |
-
}
|
3001 |
-
.caption.top-right {
|
3002 |
-
top:0;
|
3003 |
-
bottom:auto;
|
3004 |
-
right:0;
|
3005 |
-
width:58%;
|
3006 |
-
}
|
3007 |
-
.caption.bottom-right {
|
3008 |
-
right:0;
|
3009 |
-
width:58%;
|
3010 |
-
}
|
3011 |
-
|
3012 |
-
/* Width */
|
3013 |
-
.caption.full-width { width:88%; margin:6%; }
|
3014 |
-
.caption.narrow{ width:38%; }
|
3015 |
-
|
3016 |
-
/* Floating (text alignment) */
|
3017 |
-
.caption.right * { text-align:right; float:right !important; }
|
3018 |
-
|
3019 |
-
/* Prevent from hiding elements of the caption on narrow screens */
|
3020 |
-
.caption .permanent { display:inherit !important; }
|
3021 |
-
|
3022 |
-
/* Caption elements
|
3023 |
-
-------------------------------------------------------------- */
|
3024 |
-
.caption .heading {
|
3025 |
-
float:left;
|
3026 |
-
display:inline-block;
|
3027 |
-
padding:0.25em;
|
3028 |
-
margin-bottom:0.2em;
|
3029 |
-
font-size:2.8em;
|
3030 |
-
line-height:1em;
|
3031 |
-
font-weight:normal;
|
3032 |
-
}
|
3033 |
-
.caption p {
|
3034 |
-
float:left;
|
3035 |
-
clear:left;
|
3036 |
-
display:inline-block;
|
3037 |
-
padding:0.25em 0.5em;
|
3038 |
-
margin-bottom:1px;
|
3039 |
-
font-size: 1.3333em;
|
3040 |
-
line-height:1em;
|
3041 |
-
}
|
3042 |
-
.caption button {
|
3043 |
-
float:left;
|
3044 |
-
clear:left;
|
3045 |
-
margin-top:1em;
|
3046 |
-
}
|
3047 |
-
|
3048 |
-
/* Skin
|
3049 |
-
-------------------------------------------------------------- */
|
3050 |
-
.caption .heading,
|
3051 |
-
.caption p {
|
3052 |
-
transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
|
3053 |
-
-moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
|
3054 |
-
-webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
|
3055 |
-
-o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
|
3056 |
-
}
|
3057 |
-
a:hover .caption .heading,
|
3058 |
-
a:hover .caption p {
|
3059 |
-
transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
|
3060 |
-
-moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
|
3061 |
-
-webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
|
3062 |
-
-o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
|
3063 |
-
}
|
3064 |
-
|
3065 |
-
/* Dark + white text */
|
3066 |
-
.caption.dark1 .heading,
|
3067 |
-
.caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; }
|
3068 |
-
a:hover .caption.dark1 .heading,
|
3069 |
-
a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; }
|
3070 |
-
|
3071 |
-
/* Dark + white text */
|
3072 |
-
.caption.dark2 .heading,
|
3073 |
-
.caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; }
|
3074 |
-
a:hover .caption.dark2 .heading,
|
3075 |
-
a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; }
|
3076 |
-
|
3077 |
-
/* Dark + white text */
|
3078 |
-
.caption.dark3 .heading,
|
3079 |
-
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; }
|
3080 |
-
a:hover .caption.dark3 .heading,
|
3081 |
-
a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; }
|
3082 |
-
|
3083 |
-
/* Light + black text */
|
3084 |
-
.caption.light1 .heading,
|
3085 |
-
.caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; }
|
3086 |
-
a:hover .caption.light1 .heading,
|
3087 |
-
a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; }
|
3088 |
-
|
3089 |
-
/* Light + black text */
|
3090 |
-
.caption.light2 .heading,
|
3091 |
-
.caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; }
|
3092 |
-
a:hover .caption.light2 .heading,
|
3093 |
-
a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; }
|
3094 |
-
|
3095 |
-
/* Light + black text */
|
3096 |
-
.caption.light3 .heading,
|
3097 |
-
.caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; }
|
3098 |
-
a:hover .caption.light3 .heading,
|
3099 |
-
a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; }
|
3100 |
-
|
3101 |
-
|
3102 |
-
|
3103 |
-
/* Clears %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
|
3104 |
-
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
|
3105 |
-
.clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */
|
3106 |
-
.clearer:after,
|
3107 |
-
.header-container:after,
|
3108 |
-
.header-container .top-container:after,
|
3109 |
-
.header:after,
|
3110 |
-
.header .quick-access:after,
|
3111 |
-
#nav:after,
|
3112 |
-
.main:after,
|
3113 |
-
.footer:after,
|
3114 |
-
.footer-container .bottom-container:after,
|
3115 |
-
.col-main:after,
|
3116 |
-
.col2-set:after,
|
3117 |
-
.col3-set:after,
|
3118 |
-
.col3-layout .product-options-bottom .price-box:after,
|
3119 |
-
.col4-set:after,
|
3120 |
-
.search-autocomplete li:after,
|
3121 |
-
.block .block-content:after,
|
3122 |
-
.block .actions:after,
|
3123 |
-
.block li.item:after,
|
3124 |
-
.block-poll li:after,
|
3125 |
-
.block-layered-nav .currently li:after,
|
3126 |
-
.page-title:after,
|
3127 |
-
.products-grid:after,
|
3128 |
-
.products-list li.item:after,
|
3129 |
-
.box-account .box-head:after,
|
3130 |
-
.dashboard .box .box-title:after,
|
3131 |
-
.box-reviews li.item:after,
|
3132 |
-
.box-tags li.item:after,
|
3133 |
-
.pager:after,
|
3134 |
-
.sorter:after,
|
3135 |
-
.ratings:after,
|
3136 |
-
.add-to-box:after,
|
3137 |
-
.add-to-cart:after,
|
3138 |
-
.product-essential:after,
|
3139 |
-
.product-view .box-tags .form-add:after,
|
3140 |
-
.product-view .product-shop .short-description:after,
|
3141 |
-
.product-view .box-description:after,
|
3142 |
-
.product-options .options-list li:after,
|
3143 |
-
.product-options-bottom:after,
|
3144 |
-
.product-review:after,
|
3145 |
-
.cart:after,
|
3146 |
-
.cart-collaterals:after,
|
3147 |
-
.cart .crosssell li.item:after,
|
3148 |
-
.opc .step-title:after,
|
3149 |
-
.checkout-progress:after,
|
3150 |
-
.multiple-checkout .place-order:after,
|
3151 |
-
.group-select li:after,
|
3152 |
-
.form-list li:after,
|
3153 |
-
.form-list .field:after,
|
3154 |
-
.buttons-set:after,
|
3155 |
-
.page-print .print-head:after,
|
3156 |
-
.advanced-search-summary:after,
|
3157 |
-
.gift-messages-form .item:after,
|
3158 |
-
.send-friend .form-list li p:after,
|
3159 |
-
|
3160 |
-
/* Additional clearing */
|
3161 |
-
|
3162 |
-
.my-account .order-info:after,
|
3163 |
-
#mini-cart .mini-products-list li.item:after,
|
3164 |
-
|
3165 |
-
.block-related-thumbnails .product:after,
|
3166 |
-
|
3167 |
-
.cart .crosssell:after,
|
3168 |
-
|
3169 |
-
.section-line:after,
|
3170 |
-
.section-title:after
|
3171 |
-
|
3172 |
-
{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
|
3173 |
-
|
3174 |
-
.guest-select {width:305px !important;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|