wp_theme_grayscale2014 - Version 1.2.2

Version Notes

Добавлен блок корзины в левый сайдбар. Обновлены CSS темы. Проверено на совместимость с Магенто 1.9

Download this release

Release Info

Developer WebAndPeople
Extension wp_theme_grayscale2014
Version 1.2.2
Comparing to
See all releases


Code changes from version 1.2.1 to 1.2.2

Files changed (40) hide show
  1. app/code/community/WP/AddToCartFormKeyIssueFix/Model/Checkout/Observer.php +0 -10
  2. app/code/community/WP/AddToCartFormKeyIssueFix/etc/config.xml +0 -26
  3. app/code/community/WP/CustomMenu/Block/Navigation.php +474 -386
  4. app/code/community/WP/CustomMenu/Block/System/Config/Renderer/Heading.php +13 -0
  5. app/code/community/WP/CustomMenu/Block/System/Config/Source/Topmenu.php +32 -0
  6. app/code/community/WP/CustomMenu/Block/Toggle.php +0 -33
  7. app/code/community/WP/CustomMenu/Block/Topmenu.php +3 -11
  8. app/code/community/WP/CustomMenu/Helper/Data.php +102 -37
  9. app/code/community/WP/CustomMenu/Model/Observer.php +28 -0
  10. app/code/community/WP/CustomMenu/Model/System/Config/Source/Popuptype.php +21 -0
  11. app/code/community/WP/CustomMenu/Model/System/Config/Source/Position.php +26 -0
  12. app/code/community/WP/CustomMenu/Model/System/Config/Source/Staticblock.php +17 -0
  13. app/code/community/WP/CustomMenu/controllers/AjaxmenucontentController.php +5 -2
  14. app/code/community/WP/CustomMenu/controllers/AjaxmobilemenucontentController.php +5 -2
  15. app/code/community/WP/CustomMenu/etc/config.xml +28 -12
  16. app/code/community/WP/CustomMenu/etc/system.xml +124 -54
  17. app/code/community/WP/SmartCatalog/Block/Product/Promo.php +3 -0
  18. app/code/community/WP/SmartCatalog/etc/config.xml +2 -2
  19. app/code/community/WP/ThemeGrayscale2014/etc/config.xml +2 -2
  20. app/design/frontend/default/default/layout/webandpeople/custommenu.xml +47 -3
  21. app/design/frontend/default/default/template/webandpeople/custommenu/menucontent.phtml +13 -8
  22. app/design/frontend/default/default/template/webandpeople/custommenu/sidebar.phtml +45 -0
  23. app/design/frontend/default/default/template/webandpeople/custommenu/top.phtml +55 -24
  24. app/design/frontend/default/grayscale2014/layout/local.xml +387 -373
  25. app/etc/modules/WP_AddToCartFormKeyIssueFix.xml +0 -9
  26. package.xml +55 -43
  27. skin/frontend/default/default/css/webandpeople/custommenu/custommenu.css +330 -193
  28. skin/frontend/default/default/js/webandpeople/custommenu/custommenu.js +419 -263
  29. skin/frontend/default/default/js/webandpeople/custommenu/webtoolkit.base64.js +142 -0
  30. skin/frontend/default/grayscale2014/css/color.css +64 -64
  31. skin/frontend/default/grayscale2014/css/media-480.css +381 -378
  32. skin/frontend/default/grayscale2014/css/media-800.css +376 -376
  33. skin/frontend/default/grayscale2014/css/media-small.css +398 -396
  34. skin/frontend/default/grayscale2014/css/skin.css +2106 -2105
  35. skin/frontend/default/grayscale2014/css/slider.css +200 -200
  36. skin/frontend/default/grayscale2014/css/styles-ie.css +135 -135
  37. skin/frontend/default/grayscale2014/css/styles.css +2976 -2976
  38. skin/frontend/default/grayscale2014/css/webandpeople/backtotopbutton/backtotopbutton.css +39 -39
  39. skin/frontend/default/grayscale2014/css/webandpeople/custommenu/custommenu.css +529 -383
  40. skin/frontend/default/grayscale2014/css/webandpeople/smartcatalog/smartcatalog.css +75 -75
app/code/community/WP/AddToCartFormKeyIssueFix/Model/Checkout/Observer.php DELETED
@@ -1,10 +0,0 @@
1
- <?php
2
-
3
- class WP_AddToCartFormKeyIssueFix_Model_Checkout_Observer
4
- {
5
- function formKeyFix($observer)
6
- {
7
- $key = Mage::getSingleton('core/session')->getFormKey();
8
- Mage::app()->getRequest()->setParam('form_key', $key);
9
- }
10
- }
 
 
 
 
 
 
 
 
 
 
app/code/community/WP/AddToCartFormKeyIssueFix/etc/config.xml DELETED
@@ -1,26 +0,0 @@
1
- <?xml version="1.0"?>
2
- <config>
3
- <modules>
4
- <WP_AddToCartFormKeyIssueFix>
5
- <version>1.0.0</version>
6
- </WP_AddToCartFormKeyIssueFix>
7
- </modules>
8
- <global>
9
- <models>
10
- <wpaddtocartformkeyissuefix>
11
- <class>WP_AddToCartFormKeyIssueFix_Model</class>
12
- </wpaddtocartformkeyissuefix>
13
- </models>
14
- <events>
15
- <controller_action_predispatch_checkout_cart_add>
16
- <observers>
17
- <wpaddtocartformkeyissuefix_add_to_cart_before>
18
- <type>singleton</type>
19
- <class>wpaddtocartformkeyissuefix/checkout_observer</class>
20
- <method>formKeyFix</method>
21
- </wpaddtocartformkeyissuefix_add_to_cart_before>
22
- </observers>
23
- </controller_action_predispatch_checkout_cart_add>
24
- </events>
25
- </global>
26
- </config>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
app/code/community/WP/CustomMenu/Block/Navigation.php CHANGED
@@ -1,386 +1,474 @@
1
- <?php
2
-
3
- class WP_CustomMenu_Block_Navigation extends Mage_Catalog_Block_Navigation
4
- {
5
- const CUSTOM_BLOCK_TEMPLATE = "wp_custom_menu_%d";
6
-
7
- private $_productsCount = null;
8
-
9
- public function drawCustomMenuMobileItem($category, $level = 0, $last = false)
10
- {
11
- if (!$category->getIsActive()) return '';
12
- $html = array();
13
- $id = $category->getId();
14
- // --- Sub Categories ---
15
- $activeChildren = $this->_getActiveChildren($category, $level);
16
- // --- class for active category ---
17
- $active = ''; if ($this->isCategoryActive($category)) $active = ' act';
18
- $hasSubMenu = count($activeChildren);
19
- $catUrl = $this->getCategoryUrl($category);
20
- $html[] = '<div id="menu-mobile-' . $id . '" class="menu-mobile level0' . $active . '">';
21
- $html[] = '<div class="parentMenu">';
22
- // --- Top Menu Item ---
23
- $html[] = '<a href="' . $catUrl .'">';
24
- $name = $this->escapeHtml($category->getName());
25
- if (Mage::getStoreConfig('custom_menu/general/non_breaking_space')) {
26
- $name = str_replace(' ', '&nbsp;', $name);
27
- }
28
- $html[] = '<span>' . $name . '</span>';
29
- $html[] = '</a>';
30
- if ($hasSubMenu) {
31
- $html[] = '<span class="button" rel="submenu-mobile-' . $id . '" onclick="wpSubMenuToggle(this, \'menu-mobile-' . $id . '\', \'submenu-mobile-' . $id . '\');">&nbsp;</span>';
32
- }
33
- $html[] = '</div>';
34
- // --- Add Popup block (hidden) ---
35
- if ($hasSubMenu) {
36
- // --- draw Sub Categories ---
37
- $html[] = '<div id="submenu-mobile-' . $id . '" rel="level' . $level . '" class="wp-custom-menu-submenu" style="display: none;">';
38
- $html[] = $this->drawMobileMenuItem($activeChildren);
39
- $html[] = '<div class="clearBoth"></div>';
40
- $html[] = '</div>';
41
- }
42
- $html[] = '</div>';
43
- $html = implode("\n", $html);
44
- return $html;
45
- }
46
-
47
- public function drawCustomMenuItem($category, $level = 0, $last = false)
48
- {
49
- if (!$category->getIsActive()) return '';
50
- $html = array();
51
- $id = $category->getId();
52
- // --- Static Block ---
53
- $blockId = sprintf(self::CUSTOM_BLOCK_TEMPLATE, $id); // --- static block key
54
- #Mage::log($blockId);
55
- $collection = Mage::getModel('cms/block')->getCollection()
56
- ->addFieldToFilter('identifier', array(array('like' => $blockId . '_w%'), array('eq' => $blockId)))
57
- ->addFieldToFilter('is_active', 1);
58
- $blockId = $collection->getFirstItem()->getIdentifier();
59
- #Mage::log($blockId);
60
- $blockHtml = Mage::app()->getLayout()->createBlock('cms/block')->setBlockId($blockId)->toHtml();
61
- // --- Sub Categories ---
62
- $activeChildren = $this->_getActiveChildren($category, $level);
63
- // --- class for active category ---
64
- $active = ''; if ($this->isCategoryActive($category)) $active = ' act';
65
- // --- Popup functions for show ---
66
- $drawPopup = ($blockHtml || count($activeChildren));
67
- if ($drawPopup) {
68
- $html[] = '<div id="menu' . $id . '" class="menu' . $active . '" onmouseover="wpShowMenuPopup(this, event, \'popup' . $id . '\');" onmouseout="wpHideMenuPopup(this, event, \'popup' . $id . '\', \'menu' . $id . '\')">';
69
- } else {
70
- $html[] = '<div id="menu' . $id . '" class="menu' . $active . '">';
71
- }
72
- // --- Top Menu Item ---
73
- $html[] = '<div class="parentMenu">';
74
- if ($level == 0 && $drawPopup) {
75
- $html[] = '<a href="javascript:void(0);" rel="'.$this->getCategoryUrl($category).'">';
76
- } else {
77
- $html[] = '<a href="'.$this->getCategoryUrl($category).'">';
78
- }
79
- $name = $this->escapeHtml($category->getName());
80
- if (Mage::getStoreConfig('custom_menu/general/non_breaking_space')) {
81
- $name = str_replace(' ', '&nbsp;', $name);
82
- }
83
- $html[] = '<span>' . $name . '</span>';
84
- $html[] = '</a>';
85
- $html[] = '</div>';
86
- $html[] = '</div>';
87
- // --- Add Popup block (hidden) ---
88
- if ($drawPopup) {
89
- // --- Popup function for hide ---
90
- $html[] = '<div id="popup' . $id . '" class="wp-custom-menu-popup" onmouseout="wpHideMenuPopup(this, event, \'popup' . $id . '\', \'menu' . $id . '\')" onmouseover="wpPopupOver(this, event, \'popup' . $id . '\', \'menu' . $id . '\')">';
91
- // --- draw Sub Categories ---
92
- if (count($activeChildren)) {
93
- $columns = (int)Mage::getStoreConfig('custom_menu/columns/count');
94
- $html[] = '<div class="block1">';
95
- $html[] = $this->drawColumns($activeChildren, $columns);
96
- $html[] = '<div class="clearBoth"></div>';
97
- $html[] = '</div>';
98
- }
99
- // --- draw Custom User Block ---
100
- if ($blockHtml) {
101
- $html[] = '<div id="' . $blockId . '" class="block2">';
102
- $html[] = $blockHtml;
103
- $html[] = '</div>';
104
- }
105
- $html[] = '</div>';
106
- }
107
- $html = implode("\n", $html);
108
- return $html;
109
- }
110
-
111
- public function drawMobileMenuItem($children, $level = 1)
112
- {
113
- $keyCurrent = $this->getCurrentCategory()->getId();
114
- $html = '';
115
- foreach ($children as $child) {
116
- if (is_object($child) && $child->getIsActive()) {
117
- // --- class for active category ---
118
- $active = '';
119
- $id = $child->getId();
120
- $activeChildren = $this->_getActiveChildren($child, $level);
121
- if ($this->isCategoryActive($child)) {
122
- $active = ' actParent';
123
- if ($id == $keyCurrent) $active = ' act';
124
- }
125
- $html.= '<div id="menu-mobile-' . $id . '" class="itemMenu level' . $level . $active . '">';
126
- // --- format category name ---
127
- $name = $this->escapeHtml($child->getName());
128
- if (Mage::getStoreConfig('custom_menu/general/non_breaking_space')) $name = str_replace(' ', '&nbsp;', $name);
129
- $html.= '<div class="parentMenu">';
130
- $html.= '<a class="itemMenuName level' . $level . '" href="' . $this->getCategoryUrl($child) . '"><span>' . $name . '</span></a>';
131
- if (count($activeChildren) > 0) {
132
- $html.= '<span class="button" rel="submenu-mobile-' . $id . '" onclick="wpSubMenuToggle(this, \'menu-mobile-' . $id . '\', \'submenu-mobile-' . $id . '\');">&nbsp;</span>';
133
- }
134
- $html.= '</div>';
135
- if (count($activeChildren) > 0) {
136
- $html.= '<div id="submenu-mobile-' . $id . '" rel="level' . $level . '" class="wp-custom-menu-submenu level' . $level . '" style="display: none;">';
137
- $html.= $this->drawMobileMenuItem($activeChildren, $level + 1);
138
- $html.= '<div class="clearBoth"></div>';
139
- $html.= '</div>';
140
- }
141
- $html.= '</div>';
142
- }
143
- }
144
- return $html;
145
- }
146
-
147
- public function drawMenuItem($children, $level = 1)
148
- {
149
- $html = '<div class="itemMenu level' . $level . '">';
150
- $keyCurrent = $this->getCurrentCategory()->getId();
151
- foreach ($children as $child)
152
- {
153
- if (is_object($child) && $child->getIsActive())
154
- {
155
- // --- class for active category ---
156
- $active = '';
157
- if ($this->isCategoryActive($child))
158
- {
159
- $active = ' actParent';
160
- if ($child->getId() == $keyCurrent) $active = ' act';
161
- }
162
- // --- format category name ---
163
- $name = $this->escapeHtml($child->getName());
164
- if (Mage::getStoreConfig('custom_menu/general/non_breaking_space'))
165
- $name = str_replace(' ', '&nbsp;', $name);
166
- $html.= '<a class="itemMenuName level' . $level . $active . '" href="' . $this->getCategoryUrl($child) . '"><span>' . $name . '</span></a>';
167
- $activeChildren = $this->_getActiveChildren($child, $level);
168
- if (count($activeChildren) > 0)
169
- {
170
- $html.= '<div class="itemSubMenu level' . $level . '">';
171
- $html.= $this->drawMenuItem($activeChildren, $level + 1);
172
- $html.= '</div>';
173
- }
174
- }
175
- }
176
- $html.= '</div>';
177
- return $html;
178
- }
179
-
180
- public function drawColumns($children, $columns = 1)
181
- {
182
- $html = '';
183
- // --- explode by columns ---
184
- if ($columns < 1) $columns = 1;
185
- $chunks = $this->_explodeByColumns($children, $columns);
186
- // --- draw columns ---
187
- $lastColumnNumber = count($chunks);
188
- $i = 1;
189
- foreach ($chunks as $key => $value)
190
- {
191
- if (!count($value)) continue;
192
- $class = '';
193
- if ($i == 1) $class.= ' first';
194
- if ($i == $lastColumnNumber) $class.= ' last';
195
- if ($i % 2) $class.= ' odd'; else $class.= ' even';
196
- $html.= '<div class="column' . $class . '">';
197
- $html.= $this->drawMenuItem($value, 1);
198
- $html.= '</div>';
199
- $i++;
200
- }
201
- return $html;
202
- }
203
-
204
- protected function _getActiveChildren($parent, $level)
205
- {
206
- $activeChildren = array();
207
- // --- check level ---
208
- $maxLevel = (int)Mage::getStoreConfig('custom_menu/general/max_level');
209
- if ($maxLevel > 0)
210
- {
211
- if ($level >= ($maxLevel - 1)) return $activeChildren;
212
- }
213
- // --- / check level ---
214
- if (Mage::helper('catalog/category_flat')->isEnabled())
215
- {
216
- $children = $parent->getChildrenNodes();
217
- $childrenCount = count($children);
218
- }
219
- else
220
- {
221
- $children = $parent->getChildren();
222
- $childrenCount = $children->count();
223
- }
224
- $hasChildren = $children && $childrenCount;
225
- if ($hasChildren)
226
- {
227
- foreach ($children as $child)
228
- {
229
- if ($this->_isCategoryDisplayed($child))
230
- {
231
- array_push($activeChildren, $child);
232
- }
233
- }
234
- }
235
- return $activeChildren;
236
- }
237
-
238
- private function _isCategoryDisplayed(&$child)
239
- {
240
- if (!$child->getIsActive()) return false;
241
- // === check products count ===
242
- // --- get collection info ---
243
- if (!Mage::getStoreConfig('custom_menu/general/display_empty_categories'))
244
- {
245
- $data = $this->_getProductsCountData();
246
- // --- check by id ---
247
- $id = $child->getId();
248
- #Mage::log($id); Mage::log($data);
249
- if (!isset($data[$id]) || !$data[$id]['product_count']) return false;
250
- }
251
- // === / check products count ===
252
- return true;
253
- }
254
-
255
- private function _getProductsCountData()
256
- {
257
- if (is_null($this->_productsCount))
258
- {
259
- $collection = Mage::getModel('catalog/category')->getCollection();
260
- $storeId = Mage::app()->getStore()->getId();
261
- /* @var $collection Mage_Catalog_Model_Resource_Eav_Mysql4_Category_Collection */
262
- $collection->addAttributeToSelect('name')
263
- ->addAttributeToSelect('is_active')
264
- ->setProductStoreId($storeId)
265
- ->setLoadProductCount(true)
266
- ->setStoreId($storeId);
267
- $productsCount = array();
268
- foreach($collection as $cat)
269
- {
270
- $productsCount[$cat->getId()] = array(
271
- 'name' => $cat->getName(),
272
- 'product_count' => $cat->getProductCount(),
273
- );
274
- }
275
- #Mage::log($productsCount);
276
- $this->_productsCount = $productsCount;
277
- }
278
- return $this->_productsCount;
279
- }
280
-
281
- private function _explodeByColumns($target, $num)
282
- {
283
- if ((int)Mage::getStoreConfig('custom_menu/columns/divided_horizontally')) {
284
- $target = self::_explodeArrayByColumnsHorisontal($target, $num);
285
- } else {
286
- $target = self::_explodeArrayByColumnsVertical($target, $num);
287
- }
288
- #return $target;
289
- if ((int)Mage::getStoreConfig('custom_menu/columns/integrate') && count($target))
290
- {
291
- // --- combine consistently numerically small column ---
292
- // --- 1. calc length of each column ---
293
- $max = 0; $columnsLength = array();
294
- foreach ($target as $key => $child)
295
- {
296
- $count = 0;
297
- $this->_countChild($child, 1, $count);
298
- if ($max < $count) $max = $count;
299
- $columnsLength[$key] = $count;
300
- }
301
- // --- 2. merge small columns with next ---
302
- $xColumns = array(); $column = array(); $cnt = 0;
303
- $xColumnsLength = array(); $k = 0;
304
- foreach ($columnsLength as $key => $count)
305
- {
306
- $cnt+= $count;
307
- if ($cnt > $max && count($column))
308
- {
309
- $xColumns[$k] = $column;
310
- $xColumnsLength[$k] = $cnt - $count;
311
- $k++; $column = array(); $cnt = $count;
312
- }
313
- $column = array_merge($column, $target[$key]);
314
- }
315
- $xColumns[$k] = $column;
316
- $xColumnsLength[$k] = $cnt - $count;
317
- // --- 3. integrate columns of one element ---
318
- $target = $xColumns; $xColumns = array(); $nextKey = -1;
319
- if ($max > 1 && count($target) > 1)
320
- {
321
- foreach($target as $key => $column)
322
- {
323
- if ($key == $nextKey) continue;
324
- if ($xColumnsLength[$key] == 1)
325
- {
326
- // --- merge with next column ---
327
- $nextKey = $key + 1;
328
- if (isset($target[$nextKey]) && count($target[$nextKey]))
329
- {
330
- $xColumns[] = array_merge($column, $target[$nextKey]);
331
- continue;
332
- }
333
- }
334
- $xColumns[] = $column;
335
- }
336
- $target = $xColumns;
337
- }
338
- }
339
- $_rtl = Mage::getStoreConfigFlag('custom_menu/general/rtl');
340
- if ($_rtl) {
341
- $target = array_reverse($target);
342
- }
343
- return $target;
344
- }
345
-
346
- private function _countChild($children, $level, &$count)
347
- {
348
- foreach ($children as $child)
349
- {
350
- if ($child->getIsActive())
351
- {
352
- $count++; $activeChildren = $this->_getActiveChildren($child, $level);
353
- if (count($activeChildren) > 0) $this->_countChild($activeChildren, $level + 1, $count);
354
- }
355
- }
356
- }
357
-
358
- private static function _explodeArrayByColumnsHorisontal($list, $num)
359
- {
360
- if ($num <= 0) return array($list);
361
- $partition = array();
362
- $partition = array_pad($partition, $num, array());
363
- $i = 0;
364
- foreach ($list as $key => $value) {
365
- $partition[$i][$key] = $value;
366
- if (++$i == $num) $i = 0;
367
- }
368
- return $partition;
369
- }
370
-
371
- private static function _explodeArrayByColumnsVertical($list, $num)
372
- {
373
- if ($num <= 0) return array($list);
374
- $listlen = count($list);
375
- $partlen = floor($listlen / $num);
376
- $partrem = $listlen % $num;
377
- $partition = array();
378
- $mark = 0;
379
- for ($column = 0; $column < $num; $column++) {
380
- $incr = ($column < $partrem) ? $partlen + 1 : $partlen;
381
- $partition[$column] = array_slice($list, $mark, $incr);
382
- $mark += $incr;
383
- }
384
- return $partition;
385
- }
386
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class WP_CustomMenu_Block_Navigation extends Mage_Catalog_Block_Navigation
4
+ {
5
+ const CUSTOM_BLOCK_TEMPLATE = "wp_custom_menu_%d";
6
+
7
+ private $_productsCount = null;
8
+ private $_topMenu = array();
9
+ private $_popupMenu = array();
10
+
11
+ public function drawCustomMenuSidebarItem($category, $level = 0, $deep = 0)
12
+ {
13
+ if (!$category->getIsActive()) return '';
14
+ $html = array();
15
+ $catUrl = $this->getCategoryUrl($category);
16
+ $id = $category->getId();
17
+ $name = $this->_getFormatedCategoryName($category->getName());
18
+ // --- class for active category ---
19
+ $keyCurrent = $this->getCurrentCategory()->getId();
20
+ $active = '';
21
+ if ($this->isCategoryActive($category)) {
22
+ $active = ' actParent';
23
+ if ($id == $keyCurrent) $active = ' act';
24
+ }
25
+ // ---
26
+ list($itemHtml, $drawPopup) = $this->drawSidebarMenuItemBlock($category, $level, $deep);
27
+ $showPopup = ''; $hasPopup = '';
28
+ $linkHref = 'href="'.$this->getCategoryUrl($category).'"';
29
+ if ($drawPopup) {
30
+ $showPopup = ' onmouseover="wpShowMenuPopup(this, event, \'popup' . $id . '\');" onmouseout="wpHideMenuPopup(this, event, \'popup' . $id . '\', \'menu' . $id . '\')"';
31
+ $linkHref = 'href="javascript:void(0);" rel="'.$this->getCategoryUrl($category).'"';
32
+ $hasPopup = ' popup';
33
+ }
34
+ $html[] = '<div id="menu' . $id . '" class="menu-sidebar itemMenu level' . $level . $hasPopup . '"' . $showPopup . '>';
35
+ $html[] = '<div class="parentMenu">';
36
+ $html[] = '<a class="itemMenuName level' . $level . $active . '" ' . $linkHref . '><span>' . $name . '</span></a>';
37
+ $html[] = '</div>';
38
+ $html[] = $itemHtml;
39
+ $html[] = '</div>';
40
+ $html = implode("\n", $html);
41
+ return $html;
42
+ }
43
+
44
+ public function drawSidebarMenuItem($children, $level = 1, $deep)
45
+ {
46
+ $keyCurrent = $this->getCurrentCategory()->getId();
47
+ $html = '';
48
+ foreach ($children as $category) {
49
+ if (is_object($category) && $category->getIsActive()) {
50
+ $catUrl = $this->getCategoryUrl($category);
51
+ $id = $category->getId();
52
+ $name = $this->_getFormatedCategoryName($category->getName());
53
+ // --- class for active category ---
54
+ $active = '';
55
+ if ($this->isCategoryActive($category)) {
56
+ $active = ' actParent';
57
+ if ($id == $keyCurrent) $active = ' act';
58
+ }
59
+ // ---
60
+ list($itemHtml, $drawPopup) = $this->drawSidebarMenuItemBlock($category, $level, $deep);
61
+ $showPopup = ''; $hasPopup = '';
62
+ $linkHref = 'href="'.$this->getCategoryUrl($category).'"';
63
+ if ($drawPopup) {
64
+ $showPopup = ' onmouseover="wpShowMenuPopup(this, event, \'popup' . $id . '\');" onmouseout="wpHideMenuPopup(this, event, \'popup' . $id . '\', \'menu' . $id . '\')"';
65
+ $linkHref = 'href="javascript:void(0);" rel="'.$this->getCategoryUrl($category).'"';
66
+ $hasPopup = ' popup';
67
+ }
68
+ $html.= '<div id="menu' . $id . '" class="itemMenu level' . $level . $hasPopup . '"' . $showPopup . '>';
69
+ $html.= '<div class="parentMenu">';
70
+ $html.= '<a class="itemMenuName level' . $level . $active . '" ' . $linkHref . '><span>' . $name . '</span></a>';
71
+ $html.= '</div>';
72
+ $html.= $itemHtml;
73
+ $html.= '</div>';
74
+ }
75
+ }
76
+ return $html;
77
+ }
78
+
79
+ public function drawSidebarMenuItemBlock($category, $level, $deep)
80
+ {
81
+ $html = '';
82
+ $drawPopup = false;
83
+ $id = $category->getId();
84
+ $activeChildren = $this->_getActiveChildren($category, $level);
85
+ $hasSubMenu = count($activeChildren);
86
+ if ($hasSubMenu && $level < $deep) {
87
+ $html.= '<div id="submenu-sidebar-' . $id . '" rel="level' . $level . '" class="wp-custom-menu-submenu sidebar level' . $level . '">';
88
+ $html.= $this->drawSidebarMenuItem($activeChildren, $level + 1, $deep);
89
+ $html.= '<div class="clearBoth"></div>';
90
+ $html.= '</div>';
91
+ } else {
92
+ list($blockId, $blockHtml) = $this->_getPopupStaticBlockHtmlByCategoryId($id);
93
+ $drawPopup = ($blockHtml || $hasSubMenu);
94
+ if ($drawPopup) {
95
+ $this->_generatePopupHtml($id, $activeChildren, $blockId, $blockHtml);
96
+ }
97
+ }
98
+ return array($html, $drawPopup);
99
+ }
100
+
101
+ public function drawCustomMenuMobileItem($category, $level = 0)
102
+ {
103
+ if (!$category->getIsActive()) return '';
104
+ $html = array();
105
+ $id = $category->getId();
106
+ // --- Sub Categories ---
107
+ $activeChildren = $this->_getActiveChildren($category, $level);
108
+ // --- class for active category ---
109
+ $active = ''; if ($this->isCategoryActive($category)) $active = ' act';
110
+ $hasSubMenu = count($activeChildren);
111
+ $catUrl = $this->getCategoryUrl($category);
112
+ $html[] = '<div id="menu-mobile-' . $id . '" class="menu-mobile level0' . $active . '">';
113
+ $html[] = '<div class="parentMenu">';
114
+ // --- Top Menu Item ---
115
+ $html[] = '<a href="' . $catUrl .'">';
116
+ $name = $this->_getFormatedCategoryName($category->getName());
117
+ $html[] = '<span>' . $name . '</span>';
118
+ $html[] = '</a>';
119
+ if ($hasSubMenu) {
120
+ $html[] = '<span class="button" rel="submenu-mobile-' . $id . '" onclick="wpSubMenuToggle(this, \'menu-mobile-' . $id . '\', \'submenu-mobile-' . $id . '\');">&nbsp;</span>';
121
+ }
122
+ $html[] = '</div>';
123
+ if ($hasSubMenu) {
124
+ $html[] = '<div id="submenu-mobile-' . $id . '" rel="level' . $level . '" class="wp-custom-menu-submenu mobile" style="display: none;">';
125
+ $html[] = $this->drawMobileMenuItem($activeChildren);
126
+ $html[] = '<div class="clearBoth"></div>';
127
+ $html[] = '</div>';
128
+ }
129
+ $html[] = '</div>';
130
+ $html = implode("\n", $html);
131
+ return $html;
132
+ }
133
+
134
+ public function drawMobileMenuItem($children, $level = 1)
135
+ {
136
+ $keyCurrent = $this->getCurrentCategory()->getId();
137
+ $html = '';
138
+ foreach ($children as $child) {
139
+ if (is_object($child) && $child->getIsActive()) {
140
+ // --- class for active category ---
141
+ $active = '';
142
+ $id = $child->getId();
143
+ $activeChildren = $this->_getActiveChildren($child, $level);
144
+ if ($this->isCategoryActive($child)) {
145
+ $active = ' actParent';
146
+ if ($id == $keyCurrent) $active = ' act';
147
+ }
148
+ $html.= '<div id="menu-mobile-' . $id . '" class="itemMenu level' . $level . $active . '">';
149
+ $name = $this->_getFormatedCategoryName($child->getName());
150
+ $html.= '<div class="parentMenu">';
151
+ $html.= '<a class="itemMenuName level' . $level . '" href="' . $this->getCategoryUrl($child) . '"><span>' . $name . '</span></a>';
152
+ if (count($activeChildren) > 0) {
153
+ $html.= '<span class="button" rel="submenu-mobile-' . $id . '" onclick="wpSubMenuToggle(this, \'menu-mobile-' . $id . '\', \'submenu-mobile-' . $id . '\');">&nbsp;</span>';
154
+ }
155
+ $html.= '</div>';
156
+ if (count($activeChildren) > 0) {
157
+ $html.= '<div id="submenu-mobile-' . $id . '" rel="level' . $level . '" class="wp-custom-menu-submenu mobile level' . $level . '" style="display: none;">';
158
+ $html.= $this->drawMobileMenuItem($activeChildren, $level + 1);
159
+ $html.= '<div class="clearBoth"></div>';
160
+ $html.= '</div>';
161
+ }
162
+ $html.= '</div>';
163
+ }
164
+ }
165
+ return $html;
166
+ }
167
+
168
+ public function getTopMenuArray()
169
+ {
170
+ return $this->_topMenu;
171
+ }
172
+
173
+ public function getPopupMenuArray()
174
+ {
175
+ return $this->_popupMenu;
176
+ }
177
+
178
+ public function drawCustomMenuItem($category, $level = 0)
179
+ {
180
+ if (!$category->getIsActive()) return;
181
+ $htmlTop = array();
182
+ $id = $category->getId();
183
+ // --- Static Block ---
184
+ list($blockId, $blockHtml) = $this->_getPopupStaticBlockHtmlByCategoryId($id);
185
+ // --- Sub Categories ---
186
+ $activeChildren = $this->_getActiveChildren($category, $level);
187
+ // --- class for active category ---
188
+ $active = '';
189
+ $keyCurrent = $this->getCurrentCategory()->getId();
190
+ if ($this->isCategoryActive($category)) {
191
+ $active = ' actParent';
192
+ if ($id == $keyCurrent) $active = ' act';
193
+ }
194
+ // --- Popup functions for show ---
195
+ $drawPopup = ($blockHtml || count($activeChildren));
196
+ if ($drawPopup) {
197
+ $htmlTop[] = '<div id="menu' . $id . '" class="menu" onmouseover="wpShowMenuPopup(this, event, \'popup' . $id . '\');" onmouseout="wpHideMenuPopup(this, event, \'popup' . $id . '\', \'menu' . $id . '\')">';
198
+ } else {
199
+ $htmlTop[] = '<div id="menu' . $id . '" class="menu">';
200
+ }
201
+ // --- Top Menu Item ---
202
+ $htmlTop[] = '<div class="parentMenu">';
203
+ if ($level == 0 && $drawPopup) {
204
+ $htmlTop[] = '<a class="level' . $level . $active . '" href="javascript:void(0);" rel="'.$this->getCategoryUrl($category).'">';
205
+ } else {
206
+ $htmlTop[] = '<a class="level' . $level . $active . '" href="'.$this->getCategoryUrl($category).'">';
207
+ }
208
+ $name = $this->_getFormatedCategoryName($category->getName());
209
+ $htmlTop[] = '<span>' . $name . '</span>';
210
+ $htmlTop[] = '</a>';
211
+ $htmlTop[] = '</div>';
212
+ $htmlTop[] = '</div>';
213
+ $this->_topMenu[] = implode("\n", $htmlTop);
214
+ // --- Add Popup block (hidden) ---
215
+ if ($drawPopup) {
216
+ $this->_generatePopupHtml($id, $activeChildren, $blockId, $blockHtml);
217
+ }
218
+ }
219
+
220
+ private function _generatePopupHtml($categoryId, $activeChildren, $blockId, $blockHtml)
221
+ {
222
+ $htmlPopup = array();
223
+ // --- Popup function for hide ---
224
+ $htmlPopup[] = '<div id="popup' . $categoryId . '" class="wp-custom-menu-popup" onmouseout="wpHideMenuPopup(this, event, \'popup' . $categoryId . '\', \'menu' . $categoryId . '\')" onmouseover="wpPopupOver(this, event, \'popup' . $categoryId . '\', \'menu' . $categoryId . '\')">';
225
+ // --- draw Sub Categories ---
226
+ if (count($activeChildren)) {
227
+ $columns = (int)Mage::getStoreConfig('custom_menu/columns/count');
228
+ $htmlPopup[] = '<div class="block1">';
229
+ $htmlPopup[] = $this->drawColumns($activeChildren, $columns);
230
+ $htmlPopup[] = '<div class="clearBoth"></div>';
231
+ $htmlPopup[] = '</div>';
232
+ }
233
+ // --- draw Custom User Block ---
234
+ if ($blockHtml) {
235
+ $htmlPopup[] = '<div id="' . $blockId . '" class="block2">';
236
+ $htmlPopup[] = $blockHtml;
237
+ $htmlPopup[] = '</div>';
238
+ }
239
+ $htmlPopup[] = '</div>';
240
+ $this->_popupMenu[] = implode("\n", $htmlPopup);
241
+ }
242
+
243
+ private function _getPopupStaticBlockHtmlByCategoryId($categoryId)
244
+ {
245
+ $blockId = sprintf(self::CUSTOM_BLOCK_TEMPLATE, $categoryId); // --- static block key
246
+ $collection = Mage::getModel('cms/block')->getCollection()
247
+ ->addFieldToFilter('identifier', array(array('like' => $blockId . '_w%'), array('eq' => $blockId)))
248
+ ->addFieldToFilter('is_active', 1);
249
+ $blockId = $collection->getFirstItem()->getIdentifier();
250
+ $blockHtml = Mage::app()->getLayout()->createBlock('cms/block')->setBlockId($blockId)->toHtml();
251
+ return array($blockId, $blockHtml);
252
+ }
253
+
254
+ public function drawColumns($children, $columns = 1)
255
+ {
256
+ $html = '';
257
+ // --- explode by columns ---
258
+ if ($columns < 1) $columns = 1;
259
+ $chunks = $this->_explodeByColumns($children, $columns);
260
+ // --- draw columns ---
261
+ $lastColumnNumber = count($chunks);
262
+ $i = 1;
263
+ foreach ($chunks as $key => $value) {
264
+ if (!count($value)) continue;
265
+ $class = '';
266
+ if ($i == 1) $class.= ' first';
267
+ if ($i == $lastColumnNumber) $class.= ' last';
268
+ if ($i % 2) $class.= ' odd'; else $class.= ' even';
269
+ $html.= '<div class="column' . $class . '">';
270
+ $html.= $this->drawMenuItem($value, 1);
271
+ $html.= '</div>';
272
+ $i++;
273
+ }
274
+ return $html;
275
+ }
276
+
277
+ public function drawMenuItem($children, $level = 1)
278
+ {
279
+ $html = '<div class="itemMenu level' . $level . '">';
280
+ $keyCurrent = $this->getCurrentCategory()->getId();
281
+ foreach ($children as $child) {
282
+ if (is_object($child) && $child->getIsActive()) {
283
+ // --- class for active category ---
284
+ $active = '';
285
+ if ($this->isCategoryActive($child)) {
286
+ $active = ' actParent';
287
+ if ($child->getId() == $keyCurrent) $active = ' act';
288
+ }
289
+ $name = $this->_getFormatedCategoryName($child->getName());
290
+ $html.= '<a class="itemMenuName level' . $level . $active . '" href="' . $this->getCategoryUrl($child) . '"><span>' . $name . '</span></a>';
291
+ $activeChildren = $this->_getActiveChildren($child, $level);
292
+ if (count($activeChildren) > 0) {
293
+ $html.= '<div class="itemSubMenu level' . $level . '">';
294
+ $html.= $this->drawMenuItem($activeChildren, $level + 1);
295
+ $html.= '</div>';
296
+ }
297
+ }
298
+ }
299
+ $html.= '</div>';
300
+ return $html;
301
+ }
302
+
303
+ protected function _getActiveChildren($parent, $level)
304
+ {
305
+ $activeChildren = array();
306
+ // --- check level ---
307
+ $maxLevel = (int)Mage::getStoreConfig('custom_menu/general/max_level');
308
+ if ($maxLevel > 0) {
309
+ if ($level >= ($maxLevel - 1)) return $activeChildren;
310
+ }
311
+ // --- / check level ---
312
+ if (Mage::helper('catalog/category_flat')->isEnabled()) {
313
+ $children = $parent->getChildrenNodes();
314
+ $childrenCount = count($children);
315
+ } else {
316
+ $children = $parent->getChildren();
317
+ $childrenCount = $children->count();
318
+ }
319
+ $hasChildren = $children && $childrenCount;
320
+ if ($hasChildren) {
321
+ foreach ($children as $child) {
322
+ if ($this->_isCategoryDisplayed($child)) {
323
+ array_push($activeChildren, $child);
324
+ }
325
+ }
326
+ }
327
+ return $activeChildren;
328
+ }
329
+
330
+ private function _getFormatedCategoryName($name)
331
+ {
332
+ $name = $this->escapeHtml($name);
333
+ if (Mage::getStoreConfig('custom_menu/general/non_breaking_space')) {
334
+ $name = str_replace(' ', '&nbsp;', $name);
335
+ }
336
+ return $name;
337
+ }
338
+
339
+ private function _isCategoryDisplayed(&$child)
340
+ {
341
+ if (!$child->getIsActive()) return false;
342
+ // === check products count ===
343
+ // --- get collection info ---
344
+ if (!Mage::getStoreConfig('custom_menu/general/display_empty_categories')) {
345
+ $data = $this->_getProductsCountData();
346
+ // --- check by id ---
347
+ $id = $child->getId();
348
+ #Mage::log($id); Mage::log($data);
349
+ if (!isset($data[$id]) || !$data[$id]['product_count']) return false;
350
+ }
351
+ // === / check products count ===
352
+ return true;
353
+ }
354
+
355
+ private function _getProductsCountData()
356
+ {
357
+ if (is_null($this->_productsCount)) {
358
+ $collection = Mage::getModel('catalog/category')->getCollection();
359
+ $storeId = Mage::app()->getStore()->getId();
360
+ /* @var $collection Mage_Catalog_Model_Resource_Eav_Mysql4_Category_Collection */
361
+ $collection->addAttributeToSelect('name')
362
+ ->addAttributeToSelect('is_active')
363
+ ->setProductStoreId($storeId)
364
+ ->setLoadProductCount(true)
365
+ ->setStoreId($storeId);
366
+ $productsCount = array();
367
+ foreach($collection as $cat) {
368
+ $productsCount[$cat->getId()] = array(
369
+ 'name' => $cat->getName(),
370
+ 'product_count' => $cat->getProductCount(),
371
+ );
372
+ }
373
+ #Mage::log($productsCount);
374
+ $this->_productsCount = $productsCount;
375
+ }
376
+ return $this->_productsCount;
377
+ }
378
+
379
+ private function _explodeByColumns($target, $num)
380
+ {
381
+ if ((int)Mage::getStoreConfig('custom_menu/columns/divided_horizontally')) {
382
+ $target = self::_explodeArrayByColumnsHorisontal($target, $num);
383
+ } else {
384
+ $target = self::_explodeArrayByColumnsVertical($target, $num);
385
+ }
386
+ #return $target;
387
+ if ((int)Mage::getStoreConfig('custom_menu/columns/integrate') && count($target)) {
388
+ // --- combine consistently numerically small column ---
389
+ // --- 1. calc length of each column ---
390
+ $max = 0; $columnsLength = array();
391
+ foreach ($target as $key => $child) {
392
+ $count = 0;
393
+ $this->_countChild($child, 1, $count);
394
+ if ($max < $count) $max = $count;
395
+ $columnsLength[$key] = $count;
396
+ }
397
+ // --- 2. merge small columns with next ---
398
+ $xColumns = array(); $column = array(); $cnt = 0;
399
+ $xColumnsLength = array(); $k = 0;
400
+ foreach ($columnsLength as $key => $count) {
401
+ $cnt+= $count;
402
+ if ($cnt > $max && count($column)) {
403
+ $xColumns[$k] = $column;
404
+ $xColumnsLength[$k] = $cnt - $count;
405
+ $k++; $column = array(); $cnt = $count;
406
+ }
407
+ $column = array_merge($column, $target[$key]);
408
+ }
409
+ $xColumns[$k] = $column;
410
+ $xColumnsLength[$k] = $cnt - $count;
411
+ // --- 3. integrate columns of one element ---
412
+ $target = $xColumns; $xColumns = array(); $nextKey = -1;
413
+ if ($max > 1 && count($target) > 1) {
414
+ foreach($target as $key => $column) {
415
+ if ($key == $nextKey) continue;
416
+ if ($xColumnsLength[$key] == 1) {
417
+ // --- merge with next column ---
418
+ $nextKey = $key + 1;
419
+ if (isset($target[$nextKey]) && count($target[$nextKey])) {
420
+ $xColumns[] = array_merge($column, $target[$nextKey]);
421
+ continue;
422
+ }
423
+ }
424
+ $xColumns[] = $column;
425
+ }
426
+ $target = $xColumns;
427
+ }
428
+ }
429
+ $_rtl = Mage::getStoreConfigFlag('custom_menu/general/rtl');
430
+ if ($_rtl) {
431
+ $target = array_reverse($target);
432
+ }
433
+ return $target;
434
+ }
435
+
436
+ private function _countChild($children, $level, &$count)
437
+ {
438
+ foreach ($children as $child) {
439
+ if ($child->getIsActive()) {
440
+ $count++; $activeChildren = $this->_getActiveChildren($child, $level);
441
+ if (count($activeChildren) > 0) $this->_countChild($activeChildren, $level + 1, $count);
442
+ }
443
+ }
444
+ }
445
+
446
+ private static function _explodeArrayByColumnsHorisontal($list, $num)
447
+ {
448
+ if ($num <= 0) return array($list);
449
+ $partition = array();
450
+ $partition = array_pad($partition, $num, array());
451
+ $i = 0;
452
+ foreach ($list as $key => $value) {
453
+ $partition[$i][$key] = $value;
454
+ if (++$i == $num) $i = 0;
455
+ }
456
+ return $partition;
457
+ }
458
+
459
+ private static function _explodeArrayByColumnsVertical($list, $num)
460
+ {
461
+ if ($num <= 0) return array($list);
462
+ $listlen = count($list);
463
+ $partlen = floor($listlen / $num);
464
+ $partrem = $listlen % $num;
465
+ $partition = array();
466
+ $mark = 0;
467
+ for ($column = 0; $column < $num; $column++) {
468
+ $incr = ($column < $partrem) ? $partlen + 1 : $partlen;
469
+ $partition[$column] = array_slice($list, $mark, $incr);
470
+ $mark += $incr;
471
+ }
472
+ return $partition;
473
+ }
474
+ }
app/code/community/WP/CustomMenu/Block/System/Config/Renderer/Heading.php ADDED
@@ -0,0 +1,13 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class WP_CustomMenu_Block_System_Config_Renderer_Heading
4
+ extends Mage_Adminhtml_Block_Abstract implements Varien_Data_Form_Element_Renderer_Interface
5
+ {
6
+ public function render(Varien_Data_Form_Element_Abstract $element)
7
+ {
8
+ $useContainerId = $element->getData('use_container_id');
9
+ return sprintf('<tr class="system-fieldset-sub-head" id="row_%s"><td colspan="5"><h4 id="%s">%s</h4></td></tr>',
10
+ $element->getHtmlId(), $element->getHtmlId(), $element->getLabel()
11
+ );
12
+ }
13
+ }
app/code/community/WP/CustomMenu/Block/System/Config/Source/Topmenu.php ADDED
@@ -0,0 +1,32 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class WP_CustomMenu_Block_System_Config_Source_Topmenu
4
+ extends Mage_Adminhtml_Block_System_Config_Form_Field
5
+ {
6
+ protected function _getElementHtml(Varien_Data_Form_Element_Abstract $element)
7
+ {
8
+ $html = parent::_getElementHtml($element);
9
+ $html.= <<<HTML
10
+ <script type="text/javascript">
11
+ //<![CDATA[
12
+ checkPosition = function() {
13
+ var x1Row = $('custom_menu_general_topmenu_static_block').up(1);
14
+ var x2Row = $('custom_menu_general_sibebar_draw_max_level').up(1);
15
+ if ($('custom_menu_general_position').getValue() == 'top') {
16
+ x1Row.hide();
17
+ x2Row.hide();
18
+ } else {
19
+ x1Row.show();
20
+ x2Row.show();
21
+ }
22
+ }
23
+ Event.observe(window, 'load', function() {
24
+ Event.observe('custom_menu_general_position', 'change', checkPosition);
25
+ checkPosition();
26
+ })
27
+ //]]>
28
+ </script>
29
+ HTML;
30
+ return $html;
31
+ }
32
+ }
app/code/community/WP/CustomMenu/Block/Toggle.php DELETED
@@ -1,33 +0,0 @@
1
- <?php
2
-
3
- class WP_CustomMenu_Block_Toggle extends Mage_Core_Block_Template
4
- {
5
- public function _prepareLayout()
6
- {
7
- if (!Mage::getStoreConfig('custom_menu/general/enabled')) return;
8
- if (Mage::getStoreConfig('custom_menu/general/ie6_ignore') && Mage::helper('custommenu')->isIE6()) return;
9
- $layout = $this->getLayout();
10
- $topnav = $layout->getBlock('catalog.topnav');
11
- if (is_object($topnav)) {
12
- $topnav->setTemplate('webandpeople/custommenu/top.phtml');
13
- $head = $layout->getBlock('head');
14
- $head->addItem('skin_js', 'js/webandpeople/custommenu/custommenu.js');
15
- $head->addItem('skin_css', 'css/webandpeople/custommenu/custommenu.css');
16
- // --- Insert menu content ---
17
- if (!Mage::getStoreConfig('custom_menu/general/ajax_load_content')) {
18
- $menuContent = $layout->getBlock('custommenu-content');
19
- if (!is_object($menuContent)) {
20
- $menuContent = $layout->createBlock('core/template', 'custommenu-content')
21
- ->setTemplate('webandpeople/custommenu/menucontent.phtml');
22
- }
23
- if (Mage::getStoreConfig('custom_menu/general/move_code_to_bottom')) {
24
- $positionTargetName = 'before_body_end';
25
- } else {
26
- $positionTargetName = 'content';
27
- }
28
- $positionTarget = $layout->getBlock($positionTargetName);
29
- if (is_object($positionTarget)) $positionTarget->append($menuContent);
30
- }
31
- }
32
- }
33
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
app/code/community/WP/CustomMenu/Block/Topmenu.php CHANGED
@@ -1,16 +1,8 @@
1
  <?php
2
 
3
- if (!Mage::getStoreConfig('custom_menu/general/enabled') ||
4
- (Mage::getStoreConfig('custom_menu/general/ie6_ignore') && Mage::helper('custommenu')->isIE6()))
5
- {
6
- class WP_CustomMenu_Block_Topmenu extends Mage_Page_Block_Html_Topmenu
7
- {
8
-
9
- }
10
  return;
11
  }
12
 
13
- class WP_CustomMenu_Block_Topmenu extends WP_CustomMenu_Block_Navigation
14
- {
15
-
16
- }
1
  <?php
2
 
3
+ if (!Mage::getStoreConfig('custom_menu/general/enabled')) {
4
+ class WP_CustomMenu_Block_Topmenu extends Mage_Page_Block_Html_Topmenu {}
 
 
 
 
 
5
  return;
6
  }
7
 
8
+ class WP_CustomMenu_Block_Topmenu extends WP_CustomMenu_Block_Navigation {}
 
 
 
app/code/community/WP/CustomMenu/Helper/Data.php CHANGED
@@ -4,27 +4,37 @@ class WP_CustomMenu_Helper_Data extends Mage_Core_Helper_Abstract
4
  {
5
  private $_menuData = null;
6
 
7
- public function isIE6()
8
  {
9
- if (!isset($_SERVER['HTTP_USER_AGENT'])) return;
10
- $userAgent = $_SERVER['HTTP_USER_AGENT'];
11
- preg_match('/MSIE ([0-9]{1,}[\.0-9]{0,})/', $userAgent, $matches);
12
- if (!isset($matches[1])) return;
13
- $version = floatval($matches[1]); #Mage::log($version);
14
- $flag = false; if ($version <= 6.0) $flag = true;
15
- return $flag;
 
 
 
 
 
 
 
 
 
 
 
 
 
16
  }
17
 
18
  public function getMenuData()
19
  {
20
  if (!is_null($this->_menuData)) return $this->_menuData;
21
-
22
  $blockClassName = Mage::getConfig()->getBlockClassName('custommenu/navigation');
23
  $block = new $blockClassName();
24
-
25
  $categories = $block->getStoreCategories();
26
  if (is_object($categories)) $categories = $block->getStoreCategories()->getNodes();
27
-
28
  if (Mage::getStoreConfig('custom_menu/general/ajax_load_content')) {
29
  $_moblieMenuAjaxUrl = str_replace('http:', '', Mage::getUrl('custommenu/ajaxmobilemenucontent'));
30
  $_menuAjaxUrl = str_replace('http:', '', Mage::getUrl('custommenu/ajaxmenucontent'));
@@ -32,21 +42,28 @@ class WP_CustomMenu_Helper_Data extends Mage_Core_Helper_Abstract
32
  $_moblieMenuAjaxUrl = '';
33
  $_menuAjaxUrl = '';
34
  }
35
-
36
  $this->_menuData = array(
37
  '_block' => $block,
38
  '_categories' => $categories,
39
  '_moblieMenuAjaxUrl' => $_moblieMenuAjaxUrl,
40
  '_menuAjaxUrl' => $_menuAjaxUrl,
 
 
41
  '_showHomeLink' => Mage::getStoreConfig('custom_menu/general/show_home_link'),
42
- '_popupWidth' => Mage::getStoreConfig('custom_menu/popup/width') + 0,
43
- '_popupTopOffset' => Mage::getStoreConfig('custom_menu/popup/top_offset') + 0,
44
- '_popupDelayBeforeDisplaying' => Mage::getStoreConfig('custom_menu/popup/delay_displaying') + 0,
45
- '_popupDelayBeforeHiding' => Mage::getStoreConfig('custom_menu/popup/delay_hiding') + 0,
46
  '_rtl' => Mage::getStoreConfig('custom_menu/general/rtl') + 0,
47
  '_mobileMenuEnabled' => Mage::getStoreConfig('custom_menu/general/mobile_menu') + 0,
 
 
 
 
 
 
 
 
 
 
 
48
  );
49
-
50
  return $this->_menuData;
51
  }
52
 
@@ -54,6 +71,7 @@ class WP_CustomMenu_Helper_Data extends Mage_Core_Helper_Abstract
54
  {
55
  $menuData = Mage::helper('custommenu')->getMenuData();
56
  extract($menuData);
 
57
  // --- Home Link ---
58
  $homeLinkUrl = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_WEB);
59
  $homeLinkText = $this->__('Home');
@@ -91,12 +109,47 @@ HTML;
91
  {
92
  $menuData = Mage::helper('custommenu')->getMenuData();
93
  extract($menuData);
94
- // --- Home Link ---
95
- $homeLinkUrl = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_WEB);
96
- $homeLinkText = $this->__('Home');
97
- $homeLink = '';
98
- if ($_showHomeLink) {
99
- $homeLink = <<<HTML
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
100
  <div class="menu">
101
  <div class="parentMenu menu0">
102
  <a href="$homeLinkUrl">
@@ -105,22 +158,34 @@ HTML;
105
  </div>
106
  </div>
107
  HTML;
108
- }
109
- // --- Menu Content ---
110
- $menuContent = '';
111
- $menuContentArray = array();
112
- foreach ($_categories as $_category) {
113
- $menuContentArray[] = $_block->drawCustomMenuItem($_category);
114
- }
115
- if (count($menuContentArray)) {
116
- $menuContent = implode("\n", $menuContentArray);
117
- }
118
- // --- Result ---
119
- $menu = <<<HTML
 
 
 
 
 
 
 
120
  $homeLink
121
- $menuContent
122
  <div class="clearBoth"></div>
123
  HTML;
124
- return $menu;
 
 
 
 
 
125
  }
126
  }
4
  {
5
  private $_menuData = null;
6
 
7
+ public function saveCurrentCategoryIdToSession()
8
  {
9
+ $currentCategory = Mage::registry('current_category');
10
+ $currentCategoryId = 0;
11
+ if (is_object($currentCategory)) {
12
+ $currentCategoryId = $currentCategory->getId();
13
+ }
14
+ Mage::getSingleton('catalog/session')
15
+ ->setCustomMenuCurrentCategoryId($currentCategoryId);
16
+ }
17
+
18
+ public function initCurrentCategory()
19
+ {
20
+ $currentCategoryId = Mage::getSingleton('catalog/session')->getCustomMenuCurrentCategoryId();
21
+ $currentCategory = null;
22
+ if ($currentCategoryId) {
23
+ $currentCategory = Mage::getModel('catalog/category')
24
+ ->setStoreId(Mage::app()->getStore()->getId())
25
+ ->load($currentCategoryId);
26
+ }
27
+ Mage::unregister('current_category');
28
+ Mage::register('current_category', $currentCategory);
29
  }
30
 
31
  public function getMenuData()
32
  {
33
  if (!is_null($this->_menuData)) return $this->_menuData;
 
34
  $blockClassName = Mage::getConfig()->getBlockClassName('custommenu/navigation');
35
  $block = new $blockClassName();
 
36
  $categories = $block->getStoreCategories();
37
  if (is_object($categories)) $categories = $block->getStoreCategories()->getNodes();
 
38
  if (Mage::getStoreConfig('custom_menu/general/ajax_load_content')) {
39
  $_moblieMenuAjaxUrl = str_replace('http:', '', Mage::getUrl('custommenu/ajaxmobilemenucontent'));
40
  $_menuAjaxUrl = str_replace('http:', '', Mage::getUrl('custommenu/ajaxmenucontent'));
42
  $_moblieMenuAjaxUrl = '';
43
  $_menuAjaxUrl = '';
44
  }
 
45
  $this->_menuData = array(
46
  '_block' => $block,
47
  '_categories' => $categories,
48
  '_moblieMenuAjaxUrl' => $_moblieMenuAjaxUrl,
49
  '_menuAjaxUrl' => $_menuAjaxUrl,
50
+ '_topmenuStaticBlockId' => Mage::getStoreConfig('custom_menu/general/topmenu_static_block'),
51
+ '_menuPosition' => Mage::getStoreConfig('custom_menu/general/position'),
52
  '_showHomeLink' => Mage::getStoreConfig('custom_menu/general/show_home_link'),
 
 
 
 
53
  '_rtl' => Mage::getStoreConfig('custom_menu/general/rtl') + 0,
54
  '_mobileMenuEnabled' => Mage::getStoreConfig('custom_menu/general/mobile_menu') + 0,
55
+ // ---
56
+ '_popupDelayBeforeDisplaying' => Mage::getStoreConfig('custom_menu/popup/delay_displaying') + 0,
57
+ '_popupDelayBeforeHiding' => Mage::getStoreConfig('custom_menu/popup/delay_hiding') + 0,
58
+ // ---
59
+ '_popupWidth' => Mage::getStoreConfig('custom_menu/popup/width') + 0,
60
+ '_popupTopOffset' => Mage::getStoreConfig('custom_menu/popup/top_offset') + 0,
61
+ // ---
62
+ '_sbPopupType' => Mage::getStoreConfig('custom_menu/popup/sb_popup_type'),
63
+ '_sbPopupWidth' => Mage::getStoreConfig('custom_menu/popup/sb_width') + 0,
64
+ '_sbPopupHeight' => Mage::getStoreConfig('custom_menu/popup/sb_height') + 0,
65
+ '_sbPopupBottomOffset' => Mage::getStoreConfig('custom_menu/popup/sb_bottom_offset') + 0,
66
  );
 
67
  return $this->_menuData;
68
  }
69
 
71
  {
72
  $menuData = Mage::helper('custommenu')->getMenuData();
73
  extract($menuData);
74
+ if (!$_mobileMenuEnabled) return '';
75
  // --- Home Link ---
76
  $homeLinkUrl = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_WEB);
77
  $homeLinkText = $this->__('Home');
109
  {
110
  $menuData = Mage::helper('custommenu')->getMenuData();
111
  extract($menuData);
112
+ // --- Menu Content ---
113
+ if (Mage::getStoreConfig('custom_menu/general/position') != WP_CustomMenu_Model_System_Config_Source_Position::POSITION_TOP) {
114
+ // ---------------
115
+ // --- Sidebar ---
116
+ // ---------------
117
+
118
+ $topMenuSidebar = '';
119
+ $topMenuSidebarArray = array();
120
+ $deep = Mage::getStoreConfig('custom_menu/general/sibebar_draw_max_level');
121
+ foreach ($_categories as $_category) {
122
+ $topMenuSidebarArray[] = $_block->drawCustomMenuSidebarItem($_category, 0, $deep);
123
+ }
124
+ if (count($topMenuSidebarArray)) {
125
+ $topMenuSidebar = implode("\n", $topMenuSidebarArray);
126
+ }
127
+ $topMenuSidebar = <<<HTML
128
+ $topMenuSidebar
129
+ <div class="clearBoth"></div>
130
+ HTML;
131
+ $popupMenuSidebarArray = $_block->getPopupMenuArray();
132
+ $popupMenuSidebar = '';
133
+ if (count($popupMenuSidebarArray)) {
134
+ $popupMenuSidebar = implode("\n", $popupMenuSidebarArray);
135
+ }
136
+ // --- Top Static Block ---
137
+ $topMenu = '';
138
+ $popupMenuContent = '';
139
+ if ($_topmenuStaticBlockId) {
140
+ $topMenu = Mage::app()->getLayout()->createBlock('cms/block')->setBlockId($_topmenuStaticBlockId)->toHtml();
141
+ }
142
+ } else {
143
+ // -----------
144
+ // --- Top ---
145
+ // -----------
146
+
147
+ // --- Home Link ---
148
+ $homeLinkUrl = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_WEB);
149
+ $homeLinkText = $this->__('Home');
150
+ $homeLink = '';
151
+ if ($_showHomeLink) {
152
+ $homeLink = <<<HTML
153
  <div class="menu">
154
  <div class="parentMenu menu0">
155
  <a href="$homeLinkUrl">
158
  </div>
159
  </div>
160
  HTML;
161
+ }
162
+ $menuContentArray = array();
163
+ foreach ($_categories as $_category) {
164
+ $_block->drawCustomMenuItem($_category);
165
+ }
166
+ $topMenuArray = $_block->getTopMenuArray();
167
+ $topMenuContent = '';
168
+ if (count($topMenuArray)) {
169
+ $topMenuContent = implode("\n", $topMenuArray);
170
+ }
171
+ $popupMenuArray = $_block->getPopupMenuArray();
172
+ $popupMenuContent = '';
173
+ if (count($popupMenuArray)) {
174
+ $popupMenuContent = implode("\n", $popupMenuArray);
175
+ }
176
+ $topMenuSidebar = '';
177
+ $popupMenuSidebar = '';
178
+ // --- Result ---
179
+ $topMenu = <<<HTML
180
  $homeLink
181
+ $topMenuContent
182
  <div class="clearBoth"></div>
183
  HTML;
184
+ }
185
+ return array(
186
+ 'topMenu' => $topMenu,
187
+ 'popupMenu' => $popupMenuContent,
188
+ 'topMenuSidebar' => $topMenuSidebar,
189
+ 'popupMenuSidebar' => $popupMenuSidebar);
190
  }
191
  }
app/code/community/WP/CustomMenu/Model/Observer.php ADDED
@@ -0,0 +1,28 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class WP_CustomMenu_Model_Observer
4
+ {
5
+ public function observeLayoutHandleInitialization(Varien_Event_Observer $observer)
6
+ {
7
+ if (!Mage::getStoreConfig('custom_menu/general/enabled')) return;
8
+ $controllerAction = $observer->getEvent()->getAction();
9
+ #$fullActionName = $controllerAction->getFullActionName();
10
+ #Mage::log($fullActionName);
11
+ $controllerAction->getLayout()->getUpdate()->addHandle('wp_custommenu_main');
12
+ if (!Mage::getStoreConfig('custom_menu/general/ajax_load_content')) {
13
+ $controllerAction->getLayout()->getUpdate()->addHandle('wp_custommenu_content');
14
+ }
15
+ $position = Mage::getStoreConfig('custom_menu/general/position');
16
+ if ($position != WP_CustomMenu_Model_System_Config_Source_Position::POSITION_TOP) {
17
+ $controllerAction->getLayout()->getUpdate()->addHandle('wp_custommenu_sidebar_' . $position);
18
+ $handles = $controllerAction->getLayout()->getUpdate()->getHandles();
19
+ if (is_array($handles) && count($handles)) {
20
+ $handles = array_flip($handles);
21
+ #Mage::log($handles);
22
+ if (isset($handles['catalog_category_default'])) {
23
+ $controllerAction->getLayout()->getUpdate()->addHandle('wp_custommenu_sidebar_left_remove_category_nav');
24
+ }
25
+ }
26
+ }
27
+ }
28
+ }
app/code/community/WP/CustomMenu/Model/System/Config/Source/Popuptype.php ADDED
@@ -0,0 +1,21 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class WP_CustomMenu_Model_System_Config_Source_Popuptype
4
+ {
5
+ const TYPE_FIXED = 'fixed';
6
+ const TYPE_RELATIVE = 'relative';
7
+
8
+ public function toOptionArray()
9
+ {
10
+ return array(
11
+ array(
12
+ 'value' => self::TYPE_FIXED,
13
+ 'label' => Mage::helper('custommenu')->__('Fixed')
14
+ ),
15
+ array(
16
+ 'value' => self::TYPE_RELATIVE,
17
+ 'label' => Mage::helper('custommenu')->__('Relative')
18
+ ),
19
+ );
20
+ }
21
+ }
app/code/community/WP/CustomMenu/Model/System/Config/Source/Position.php ADDED
@@ -0,0 +1,26 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class WP_CustomMenu_Model_System_Config_Source_Position
4
+ {
5
+ const POSITION_TOP = 'top';
6
+ const POSITION_LEFT = 'left';
7
+ const POSITION_RIGHT = 'right';
8
+
9
+ public function toOptionArray()
10
+ {
11
+ return array(
12
+ array(
13
+ 'value' => self::POSITION_TOP,
14
+ 'label' => Mage::helper('custommenu')->__('Top')
15
+ ),
16
+ array(
17
+ 'value' => self::POSITION_LEFT,
18
+ 'label' => Mage::helper('custommenu')->__('Left')
19
+ ),
20
+ array(
21
+ 'value' => self::POSITION_RIGHT,
22
+ 'label' => Mage::helper('custommenu')->__('Right')
23
+ ),
24
+ );
25
+ }
26
+ }
app/code/community/WP/CustomMenu/Model/System/Config/Source/Staticblock.php ADDED
@@ -0,0 +1,17 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class WP_CustomMenu_Model_System_Config_Source_Staticblock
4
+ {
5
+ private $_options = null;
6
+
7
+ public function toOptionArray()
8
+ {
9
+ if (!$this->_options) {
10
+ $this->_options = Mage::getResourceModel('cms/block_collection')
11
+ ->load()
12
+ ->toOptionArray();
13
+ array_unshift($this->_options, array('value' => '', 'label' => Mage::helper('catalog')->__('Please select a static block ...')));
14
+ }
15
+ return $this->_options;
16
+ }
17
+ }
app/code/community/WP/CustomMenu/controllers/AjaxmenucontentController.php CHANGED
@@ -4,7 +4,10 @@ class WP_CustomMenu_AjaxmenucontentController extends Mage_Core_Controller_Front
4
  {
5
  public function indexAction()
6
  {
7
- $menu = Mage::helper('custommenu')->getMenuContent();
8
- $this->getResponse()->setBody($menu);
 
 
 
9
  }
10
  }
4
  {
5
  public function indexAction()
6
  {
7
+ if ($this->getRequest()->isXmlHttpRequest()) {
8
+ Mage::helper('custommenu')->initCurrentCategory();
9
+ $menu = Mage::helper('custommenu')->getMenuContent();
10
+ $this->getResponse()->setBody(Mage::helper('core')->jsonEncode($menu));
11
+ }
12
  }
13
  }
app/code/community/WP/CustomMenu/controllers/AjaxmobilemenucontentController.php CHANGED
@@ -4,7 +4,10 @@ class WP_CustomMenu_AjaxmobilemenucontentController extends Mage_Core_Controller
4
  {
5
  public function indexAction()
6
  {
7
- $menu = Mage::helper('custommenu')->getMobileMenuContent();
8
- $this->getResponse()->setBody($menu);
 
 
 
9
  }
10
  }
4
  {
5
  public function indexAction()
6
  {
7
+ if ($this->getRequest()->isXmlHttpRequest()) {
8
+ Mage::helper('custommenu')->initCurrentCategory();
9
+ $menu = Mage::helper('custommenu')->getMobileMenuContent();
10
+ $this->getResponse()->setBody(Mage::helper('core')->jsonEncode($menu));
11
+ }
12
  }
13
  }
app/code/community/WP/CustomMenu/etc/config.xml CHANGED
@@ -2,10 +2,9 @@
2
  <config>
3
  <modules>
4
  <WP_CustomMenu>
5
- <version>2.5.8</version>
6
  </WP_CustomMenu>
7
  </modules>
8
-
9
  <frontend>
10
  <routers>
11
  <custommenu>
@@ -16,6 +15,17 @@
16
  </args>
17
  </custommenu>
18
  </routers>
 
 
 
 
 
 
 
 
 
 
 
19
  <layout>
20
  <updates>
21
  <custommenu>
@@ -24,7 +34,6 @@
24
  </updates>
25
  </layout>
26
  </frontend>
27
-
28
  <adminhtml>
29
  <acl>
30
  <resources>
@@ -50,7 +59,6 @@
50
  </resources>
51
  </acl>
52
  </adminhtml>
53
-
54
  <global>
55
  <blocks>
56
  <catalog>
@@ -72,22 +80,26 @@
72
  <class>WP_CustomMenu_Helper</class>
73
  </custommenu>
74
  </helpers>
 
 
 
 
 
75
  </global>
76
-
77
  <default>
78
  <custom_menu>
79
  <general>
80
  <enabled>1</enabled>
 
81
  <ajax_load_content>0</ajax_load_content>
82
- <move_code_to_bottom>0</move_code_to_bottom>
83
- <mobile_menu>1</mobile_menu>
84
- <display_empty_categories>1</display_empty_categories>
85
  <max_level>3</max_level>
 
86
  <show_home_link>1</show_home_link>
 
87
  <non_breaking_space>0</non_breaking_space>
88
- <ie6_ignore>1</ie6_ignore>
89
  <rtl>0</rtl>
90
- <version>2.5.8</version>
 
91
  </general>
92
  <columns>
93
  <count>3</count>
@@ -95,10 +107,14 @@
95
  <integrate>1</integrate>
96
  </columns>
97
  <popup>
 
 
98
  <width>0</width>
99
  <top_offset>0</top_offset>
100
- <delay_displaying>150</delay_displaying>
101
- <delay_hiding>100</delay_hiding>
 
 
102
  </popup>
103
  </custom_menu>
104
  </default>
2
  <config>
3
  <modules>
4
  <WP_CustomMenu>
5
+ <version>3.1.0</version>
6
  </WP_CustomMenu>
7
  </modules>
 
8
  <frontend>
9
  <routers>
10
  <custommenu>
15
  </args>
16
  </custommenu>
17
  </routers>
18
+ <events>
19
+ <controller_action_layout_load_before>
20
+ <observers>
21
+ <custommenu>
22
+ <type>singleton</type>
23
+ <model>custommenu/observer</model>
24
+ <method>observeLayoutHandleInitialization</method>
25
+ </custommenu>
26
+ </observers>
27
+ </controller_action_layout_load_before>
28
+ </events>
29
  <layout>
30
  <updates>
31
  <custommenu>
34
  </updates>
35
  </layout>
36
  </frontend>
 
37
  <adminhtml>
38
  <acl>
39
  <resources>
59
  </resources>
60
  </acl>
61
  </adminhtml>
 
62
  <global>
63
  <blocks>
64
  <catalog>
80
  <class>WP_CustomMenu_Helper</class>
81
  </custommenu>
82
  </helpers>
83
+ <models>
84
+ <custommenu>
85
+ <class>WP_CustomMenu_Model</class>
86
+ </custommenu>
87
+ </models>
88
  </global>
 
89
  <default>
90
  <custom_menu>
91
  <general>
92
  <enabled>1</enabled>
93
+ <position>top</position>
94
  <ajax_load_content>0</ajax_load_content>
 
 
 
95
  <max_level>3</max_level>
96
+ <sibebar_draw_max_level>0</sibebar_draw_max_level>
97
  <show_home_link>1</show_home_link>
98
+ <display_empty_categories>1</display_empty_categories>
99
  <non_breaking_space>0</non_breaking_space>
 
100
  <rtl>0</rtl>
101
+ <mobile_menu>1</mobile_menu>
102
+ <version>3.1.0</version>
103
  </general>
104
  <columns>
105
  <count>3</count>
107
  <integrate>1</integrate>
108
  </columns>
109
  <popup>
110
+ <delay_displaying>100</delay_displaying>
111
+ <delay_hiding>100</delay_hiding>
112
  <width>0</width>
113
  <top_offset>0</top_offset>
114
+ <sb_popup_type>relative</sb_popup_type>
115
+ <sb_width>0</sb_width>
116
+ <sb_height>0</sb_height>
117
+ <sb_bottom_offset>0</sb_bottom_offset>
118
  </popup>
119
  </custom_menu>
120
  </default>
app/code/community/WP/CustomMenu/etc/system.xml CHANGED
@@ -34,93 +34,100 @@
34
  <show_in_website>1</show_in_website>
35
  <show_in_store>1</show_in_store>
36
  </enabled>
37
- <ajax_load_content translate="label comment">
38
- <label>Load content through ajax</label>
39
- <frontend_type>select</frontend_type>
40
- <source_model>adminhtml/system_config_source_yesno</source_model>
41
- <sort_order>2</sort_order>
42
  <show_in_default>1</show_in_default>
43
  <show_in_website>1</show_in_website>
44
  <show_in_store>1</show_in_store>
45
- </ajax_load_content>
46
- <move_code_to_bottom translate="label">
47
- <label>Move content to the bottom</label>
48
- <comment>Move the menu source code to the bottom of a page</comment>
49
  <frontend_type>select</frontend_type>
50
- <source_model>adminhtml/system_config_source_yesno</source_model>
51
- <sort_order>3</sort_order>
52
  <show_in_default>1</show_in_default>
53
  <show_in_website>1</show_in_website>
54
  <show_in_store>1</show_in_store>
55
- <depends>
56
- <ajax_load_content>0</ajax_load_content>
57
- </depends>
58
- </move_code_to_bottom>
59
- <mobile_menu translate="label comment">
60
- <label>Mobile menu</label>
61
- <frontend_type>select</frontend_type>
62
- <source_model>adminhtml/system_config_source_enabledisable</source_model>
63
- <sort_order>4</sort_order>
64
  <show_in_default>1</show_in_default>
65
  <show_in_website>1</show_in_website>
66
  <show_in_store>1</show_in_store>
67
- </mobile_menu>
68
- <display_empty_categories translate="label comment">
69
- <label>Display empty categories</label>
70
- <comment><![CDATA[An empty category is a category that has no products]]></comment>
71
  <frontend_type>select</frontend_type>
72
- <source_model>adminhtml/system_config_source_yesno</source_model>
73
- <sort_order>5</sort_order>
 
74
  <show_in_default>1</show_in_default>
75
  <show_in_website>1</show_in_website>
76
  <show_in_store>1</show_in_store>
77
- </display_empty_categories>
78
- <max_level translate="label comment">
79
- <label>Visible menu depth</label>
80
- <comment><![CDATA[e.g. 1, 2, 3, 4 (0 - disable limits). For example, if you set this value to <b>2</b>, only second level categories will be displayed]]></comment>
81
- <frontend_type>text</frontend_type>
82
  <sort_order>10</sort_order>
83
  <show_in_default>1</show_in_default>
84
  <show_in_website>1</show_in_website>
85
  <show_in_store>1</show_in_store>
86
- </max_level>
87
  <show_home_link translate="label">
88
  <label>Show the link "Home"</label>
89
  <frontend_type>select</frontend_type>
90
  <source_model>adminhtml/system_config_source_yesno</source_model>
91
- <sort_order>15</sort_order>
92
  <show_in_default>1</show_in_default>
93
  <show_in_website>1</show_in_website>
94
  <show_in_store>1</show_in_store>
95
  </show_home_link>
96
- <non_breaking_space translate="label comment">
 
 
 
 
 
 
 
 
 
 
97
  <label>Replace spaces with non-breaking spaces</label>
98
  <comment><![CDATA[Insert <b>&amp;nbsp;</b> instead of a space in a name of a menu item]]></comment>
99
  <frontend_type>select</frontend_type>
100
  <source_model>adminhtml/system_config_source_yesno</source_model>
101
- <sort_order>20</sort_order>
102
  <show_in_default>1</show_in_default>
103
  <show_in_website>1</show_in_website>
104
  <show_in_store>1</show_in_store>
105
- </non_breaking_space>
106
- <ie6_ignore translate="label">
107
- <label>Display standard menu in IE6 browser</label>
108
  <frontend_type>select</frontend_type>
109
  <source_model>adminhtml/system_config_source_yesno</source_model>
110
  <sort_order>30</sort_order>
111
  <show_in_default>1</show_in_default>
112
  <show_in_website>1</show_in_website>
113
  <show_in_store>1</show_in_store>
114
- </ie6_ignore>
115
- <rtl translate="label">
116
- <label>Enable RTL Text mode</label>
 
117
  <frontend_type>select</frontend_type>
118
  <source_model>adminhtml/system_config_source_yesno</source_model>
119
  <sort_order>35</sort_order>
120
  <show_in_default>1</show_in_default>
121
  <show_in_website>1</show_in_website>
122
  <show_in_store>1</show_in_store>
123
- </rtl>
124
  <version translate="label">
125
  <label>Extension Release</label>
126
  <frontend_type>label</frontend_type>
@@ -178,11 +185,47 @@
178
  <show_in_website>1</show_in_website>
179
  <show_in_store>1</show_in_store>
180
  <fields>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
181
  <width translate="label comment">
182
  <label>Width</label>
183
  <comment>in pixels, (0 - no fixed width)</comment>
184
  <frontend_type>text</frontend_type>
185
- <sort_order>1</sort_order>
186
  <show_in_default>1</show_in_default>
187
  <show_in_website>1</show_in_website>
188
  <show_in_store>1</show_in_store>
@@ -191,29 +234,56 @@
191
  <label>Top offset</label>
192
  <comment>in pixels, (0 - to calculate the offset automatically)</comment>
193
  <frontend_type>text</frontend_type>
194
- <sort_order>3</sort_order>
195
  <show_in_default>1</show_in_default>
196
  <show_in_website>1</show_in_website>
197
  <show_in_store>1</show_in_store>
198
  </top_offset>
199
- <delay_displaying translate="label comment">
200
- <label>Delay before displaying</label>
201
- <comment>in milliseconds</comment>
202
  <frontend_type>text</frontend_type>
203
- <sort_order>15</sort_order>
 
204
  <show_in_default>1</show_in_default>
205
  <show_in_website>1</show_in_website>
206
  <show_in_store>1</show_in_store>
207
- </delay_displaying>
208
- <delay_hiding translate="label comment">
209
- <label>Delay before hiding</label>
210
- <comment>in milliseconds</comment>
 
 
 
 
 
 
 
 
 
211
  <frontend_type>text</frontend_type>
212
- <sort_order>20</sort_order>
213
  <show_in_default>1</show_in_default>
214
  <show_in_website>1</show_in_website>
215
  <show_in_store>1</show_in_store>
216
- </delay_hiding>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
217
  </fields>
218
  </popup>
219
  </groups>
34
  <show_in_website>1</show_in_website>
35
  <show_in_store>1</show_in_store>
36
  </enabled>
37
+ <max_level translate="label comment">
38
+ <label>Visible menu depth</label>
39
+ <comment><![CDATA[e.g. 1, 2, 3, 4 (0 - disable limits). For example, if you set this value to <b>2</b>, only second level categories will be displayed]]></comment>
40
+ <frontend_type>text</frontend_type>
41
+ <sort_order>3</sort_order>
42
  <show_in_default>1</show_in_default>
43
  <show_in_website>1</show_in_website>
44
  <show_in_store>1</show_in_store>
45
+ </max_level>
46
+ <position translate="label comment">
47
+ <label>Position</label>
 
48
  <frontend_type>select</frontend_type>
49
+ <source_model>custommenu/system_config_source_position</source_model>
50
+ <sort_order>5</sort_order>
51
  <show_in_default>1</show_in_default>
52
  <show_in_website>1</show_in_website>
53
  <show_in_store>1</show_in_store>
54
+ </position>
55
+ <sibebar_draw_max_level translate="label comment">
56
+ <label>Sidebar menu depth</label>
57
+ <comment><![CDATA[e.g. 0, 1, 2. Must be less or equal "Visible menu depth"]]></comment>
58
+ <frontend_type>text</frontend_type>
59
+ <sort_order>6</sort_order>
 
 
 
60
  <show_in_default>1</show_in_default>
61
  <show_in_website>1</show_in_website>
62
  <show_in_store>1</show_in_store>
63
+ </sibebar_draw_max_level>
64
+ <topmenu_static_block translate="label comment">
65
+ <label>Top Menu</label>
 
66
  <frontend_type>select</frontend_type>
67
+ <frontend_model>custommenu/system_config_source_topmenu</frontend_model>
68
+ <source_model>custommenu/system_config_source_staticblock</source_model>
69
+ <sort_order>7</sort_order>
70
  <show_in_default>1</show_in_default>
71
  <show_in_website>1</show_in_website>
72
  <show_in_store>1</show_in_store>
73
+ </topmenu_static_block>
74
+ <ajax_load_content translate="label comment">
75
+ <label>Load content through ajax</label>
76
+ <frontend_type>select</frontend_type>
77
+ <source_model>adminhtml/system_config_source_yesno</source_model>
78
  <sort_order>10</sort_order>
79
  <show_in_default>1</show_in_default>
80
  <show_in_website>1</show_in_website>
81
  <show_in_store>1</show_in_store>
82
+ </ajax_load_content>
83
  <show_home_link translate="label">
84
  <label>Show the link "Home"</label>
85
  <frontend_type>select</frontend_type>
86
  <source_model>adminhtml/system_config_source_yesno</source_model>
87
+ <sort_order>17</sort_order>
88
  <show_in_default>1</show_in_default>
89
  <show_in_website>1</show_in_website>
90
  <show_in_store>1</show_in_store>
91
  </show_home_link>
92
+ <display_empty_categories translate="label comment">
93
+ <label>Display empty categories</label>
94
+ <comment><![CDATA[An empty category is a category that has no products]]></comment>
95
+ <frontend_type>select</frontend_type>
96
+ <source_model>adminhtml/system_config_source_yesno</source_model>
97
+ <sort_order>20</sort_order>
98
+ <show_in_default>1</show_in_default>
99
+ <show_in_website>1</show_in_website>
100
+ <show_in_store>1</show_in_store>
101
+ </display_empty_categories>
102
+ <!--non_breaking_space translate="label comment">
103
  <label>Replace spaces with non-breaking spaces</label>
104
  <comment><![CDATA[Insert <b>&amp;nbsp;</b> instead of a space in a name of a menu item]]></comment>
105
  <frontend_type>select</frontend_type>
106
  <source_model>adminhtml/system_config_source_yesno</source_model>
107
+ <sort_order>25</sort_order>
108
  <show_in_default>1</show_in_default>
109
  <show_in_website>1</show_in_website>
110
  <show_in_store>1</show_in_store>
111
+ </non_breaking_space-->
112
+ <rtl translate="label">
113
+ <label>Enable RTL text mode</label>
114
  <frontend_type>select</frontend_type>
115
  <source_model>adminhtml/system_config_source_yesno</source_model>
116
  <sort_order>30</sort_order>
117
  <show_in_default>1</show_in_default>
118
  <show_in_website>1</show_in_website>
119
  <show_in_store>1</show_in_store>
120
+ </rtl>
121
+ <mobile_menu translate="label comment">
122
+ <label>Enable mobile view</label>
123
+ <comment>Switch to a special view on mobile devices</comment>
124
  <frontend_type>select</frontend_type>
125
  <source_model>adminhtml/system_config_source_yesno</source_model>
126
  <sort_order>35</sort_order>
127
  <show_in_default>1</show_in_default>
128
  <show_in_website>1</show_in_website>
129
  <show_in_store>1</show_in_store>
130
+ </mobile_menu>
131
  <version translate="label">
132
  <label>Extension Release</label>
133
  <frontend_type>label</frontend_type>
185
  <show_in_website>1</show_in_website>
186
  <show_in_store>1</show_in_store>
187
  <fields>
188
+ <heading_delay translate="label">
189
+ <label>Delay</label>
190
+ <frontend_type>text</frontend_type>
191
+ <frontend_model>custommenu/system_config_renderer_heading</frontend_model>
192
+ <sort_order>10</sort_order>
193
+ <show_in_default>1</show_in_default>
194
+ <show_in_website>1</show_in_website>
195
+ <show_in_store>1</show_in_store>
196
+ </heading_delay>
197
+ <delay_displaying translate="label comment">
198
+ <label>Delay before displaying</label>
199
+ <comment>in milliseconds</comment>
200
+ <frontend_type>text</frontend_type>
201
+ <sort_order>15</sort_order>
202
+ <show_in_default>1</show_in_default>
203
+ <show_in_website>1</show_in_website>
204
+ <show_in_store>1</show_in_store>
205
+ </delay_displaying>
206
+ <delay_hiding translate="label comment">
207
+ <label>Delay before hiding</label>
208
+ <comment>in milliseconds</comment>
209
+ <frontend_type>text</frontend_type>
210
+ <sort_order>20</sort_order>
211
+ <show_in_default>1</show_in_default>
212
+ <show_in_website>1</show_in_website>
213
+ <show_in_store>1</show_in_store>
214
+ </delay_hiding>
215
+ <heading_position_top translate="label">
216
+ <label>If menu position: Top</label>
217
+ <frontend_type>text</frontend_type>
218
+ <frontend_model>custommenu/system_config_renderer_heading</frontend_model>
219
+ <sort_order>25</sort_order>
220
+ <show_in_default>1</show_in_default>
221
+ <show_in_website>1</show_in_website>
222
+ <show_in_store>1</show_in_store>
223
+ </heading_position_top>
224
  <width translate="label comment">
225
  <label>Width</label>
226
  <comment>in pixels, (0 - no fixed width)</comment>
227
  <frontend_type>text</frontend_type>
228
+ <sort_order>30</sort_order>
229
  <show_in_default>1</show_in_default>
230
  <show_in_website>1</show_in_website>
231
  <show_in_store>1</show_in_store>
234
  <label>Top offset</label>
235
  <comment>in pixels, (0 - to calculate the offset automatically)</comment>
236
  <frontend_type>text</frontend_type>
237
+ <sort_order>35</sort_order>
238
  <show_in_default>1</show_in_default>
239
  <show_in_website>1</show_in_website>
240
  <show_in_store>1</show_in_store>
241
  </top_offset>
242
+ <heading_position_sidebar translate="label">
243
+ <label>If menu position: Left / Right</label>
 
244
  <frontend_type>text</frontend_type>
245
+ <frontend_model>custommenu/system_config_renderer_heading</frontend_model>
246
+ <sort_order>40</sort_order>
247
  <show_in_default>1</show_in_default>
248
  <show_in_website>1</show_in_website>
249
  <show_in_store>1</show_in_store>
250
+ </heading_position_sidebar>
251
+ <!--sb_popup_type translate="label comment">
252
+ <label>Type</label>
253
+ <frontend_type>select</frontend_type>
254
+ <source_model>custommenu/system_config_source_popuptype</source_model>
255
+ <sort_order>45</sort_order>
256
+ <show_in_default>1</show_in_default>
257
+ <show_in_website>1</show_in_website>
258
+ <show_in_store>1</show_in_store>
259
+ </sb_popup_type-->
260
+ <sb_width translate="label comment">
261
+ <label>Width</label>
262
+ <comment>in pixels, (0 - no fixed width)</comment>
263
  <frontend_type>text</frontend_type>
264
+ <sort_order>50</sort_order>
265
  <show_in_default>1</show_in_default>
266
  <show_in_website>1</show_in_website>
267
  <show_in_store>1</show_in_store>
268
+ </sb_width>
269
+ <sb_height translate="label comment">
270
+ <label>Height</label>
271
+ <comment>in pixels, (0 - no fixed height)</comment>
272
+ <frontend_type>text</frontend_type>
273
+ <sort_order>55</sort_order>
274
+ <show_in_default>1</show_in_default>
275
+ <show_in_website>1</show_in_website>
276
+ <show_in_store>1</show_in_store>
277
+ </sb_height>
278
+ <sb_bottom_offset translate="label comment">
279
+ <label>Bottom offset</label>
280
+ <comment>in pixels</comment>
281
+ <frontend_type>text</frontend_type>
282
+ <sort_order>60</sort_order>
283
+ <show_in_default>1</show_in_default>
284
+ <show_in_website>1</show_in_website>
285
+ <show_in_store>1</show_in_store>
286
+ </sb_bottom_offset>
287
  </fields>
288
  </popup>
289
  </groups>
app/code/community/WP/SmartCatalog/Block/Product/Promo.php CHANGED
@@ -10,6 +10,9 @@ class WP_SmartCatalog_Block_Product_Promo extends Mage_Catalog_Block_Product_Abs
10
  if (is_null($this->_productCollection)) {
11
  $categoryId = $this->getCategoryId();
12
  $category = Mage::getModel('catalog/category')->load($categoryId);
 
 
 
13
  $storeId = Mage::app()->getStore()->getId();
14
  $product = Mage::getModel('catalog/product');
15
  $visibility = array(
10
  if (is_null($this->_productCollection)) {
11
  $categoryId = $this->getCategoryId();
12
  $category = Mage::getModel('catalog/category')->load($categoryId);
13
+ if (!$category->getId()) {
14
+ return Mage::getModel('catalog/category');
15
+ }
16
  $storeId = Mage::app()->getStore()->getId();
17
  $product = Mage::getModel('catalog/product');
18
  $visibility = array(
app/code/community/WP/SmartCatalog/etc/config.xml CHANGED
@@ -2,7 +2,7 @@
2
  <config>
3
  <modules>
4
  <WP_SmartCatalog>
5
- <version>3.4.2</version>
6
  </WP_SmartCatalog>
7
  </modules>
8
  <frontend>
@@ -75,7 +75,7 @@
75
  <image_height>135</image_height>
76
  <column_width>150</column_width>
77
  <display_short_desc>1</display_short_desc>
78
- <version>3.4.2</version>
79
  </general>
80
  <include_jquery_files>
81
  <include_jquery>1</include_jquery>
2
  <config>
3
  <modules>
4
  <WP_SmartCatalog>
5
+ <version>3.4.3</version>
6
  </WP_SmartCatalog>
7
  </modules>
8
  <frontend>
75
  <image_height>135</image_height>
76
  <column_width>150</column_width>
77
  <display_short_desc>1</display_short_desc>
78
+ <version>3.4.3</version>
79
  </general>
80
  <include_jquery_files>
81
  <include_jquery>1</include_jquery>
app/code/community/WP/ThemeGrayscale2014/etc/config.xml CHANGED
@@ -2,7 +2,7 @@
2
  <config>
3
  <modules>
4
  <WP_ThemeGrayscale2014>
5
- <version>1.2.1</version>
6
  </WP_ThemeGrayscale2014>
7
  </modules>
8
  <global>
@@ -40,7 +40,7 @@
40
  <default>
41
  <theme_grayscale2014>
42
  <general>
43
- <version>1.2.1</version>
44
  </general>
45
  </theme_grayscale2014>
46
  </default>
2
  <config>
3
  <modules>
4
  <WP_ThemeGrayscale2014>
5
+ <version>1.2.2</version>
6
  </WP_ThemeGrayscale2014>
7
  </modules>
8
  <global>
40
  <default>
41
  <theme_grayscale2014>
42
  <general>
43
+ <version>1.2.2</version>
44
  </general>
45
  </theme_grayscale2014>
46
  </default>
app/design/frontend/default/default/layout/webandpeople/custommenu.xml CHANGED
@@ -1,6 +1,50 @@
1
  <?xml version="1.0"?>
2
  <layout version="0.1.0">
3
- <default>
4
- <block type="custommenu/toggle"></block>
5
- </default>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  </layout>
1
  <?xml version="1.0"?>
2
  <layout version="0.1.0">
3
+
4
+ <wp_custommenu_main>
5
+ <reference name="head">
6
+ <action method="addItem"><type>skin_js</type><name>js/webandpeople/custommenu/webtoolkit.base64.js</name></action>
7
+ <action method="addItem"><type>skin_js</type><name>js/webandpeople/custommenu/custommenu.js</name></action>
8
+ <action method="addCss"><stylesheet>css/webandpeople/custommenu/custommenu.css</stylesheet></action>
9
+ </reference>
10
+ <reference name="catalog.topnav">
11
+ <action method="setTemplate"><template>webandpeople/custommenu/top.phtml</template></action>
12
+ </reference>
13
+ </wp_custommenu_main>
14
+
15
+ <wp_custommenu_content>
16
+ <reference name="before_body_end">
17
+ <block type="core/template" name="custommenu-content" template="webandpeople/custommenu/menucontent.phtml" />
18
+ </reference>
19
+ </wp_custommenu_content>
20
+
21
+ <wp_custommenu_sidebar_left>
22
+ <reference name="left">
23
+ <block type="core/template" name="custommenu-sidebar-left" before="-" template="webandpeople/custommenu/sidebar.phtml" />
24
+ <action method="unsetChild"><name>currency</name></action>
25
+ <action method="insert"><child>currency</child><after>0</after></action>
26
+ </reference>
27
+ </wp_custommenu_sidebar_left>
28
+
29
+ <wp_custommenu_sidebar_right>
30
+ <reference name="right">
31
+ <block type="core/template" name="custommenu-sidebar-right" before="-" template="webandpeople/custommenu/sidebar.phtml" />
32
+ </reference>
33
+ </wp_custommenu_sidebar_right>
34
+
35
+ <wp_custommenu_sidebar_remove_category_filter>
36
+ <reference name="catalog.leftnav">
37
+ <action method="unsetChild"><alias>category_filter</alias></action>
38
+ </reference>
39
+ <reference name="catalogsearch.leftnav">
40
+ <action method="unsetChild"><alias>category_filter</alias></action>
41
+ </reference>
42
+ </wp_custommenu_sidebar_remove_category_filter>
43
+
44
+ <wp_custommenu_sidebar_left_remove_category_nav>
45
+ <reference name="left">
46
+ <action method="unsetChild"><alias>catalog.leftnav</alias></action>
47
+ </reference>
48
+ </wp_custommenu_sidebar_left_remove_category_nav>
49
+
50
  </layout>
app/design/frontend/default/default/template/webandpeople/custommenu/menucontent.phtml CHANGED
@@ -1,12 +1,17 @@
1
- <?php $menuContent = Mage::helper('custommenu')->getMenuContent(); ?>
 
 
 
2
  <script type="text/javascript">
3
  //<![CDATA[
4
- if ($('custommenu')) $('custommenu').update(<?php echo Zend_Json::encode($menuContent); ?>);
5
- //]]>
6
- </script>
7
- <?php $mobileMenuContent = Mage::helper('custommenu')->getMobileMenuContent(); ?>
8
- <script type="text/javascript">
9
- //<![CDATA[
10
- if ($('menu-content')) $('menu-content').update(<?php echo Zend_Json::encode($mobileMenuContent); ?>);
 
 
11
  //]]>
12
  </script>
1
+ <?php
2
+ $menuContent = Mage::helper('custommenu')->getMenuContent();
3
+ $mobileMenuContent = Mage::helper('custommenu')->getMobileMenuContent();
4
+ ?>
5
  <script type="text/javascript">
6
  //<![CDATA[
7
+ if ($('custommenu')) $('custommenu').update(Base64.decode('<?php echo base64_encode($menuContent['topMenu']); ?>'));
8
+ if ($('wp-sidebar-nav-container-content')) $('wp-sidebar-nav-container-content').update(Base64.decode('<?php echo base64_encode($menuContent['topMenuSidebar']); ?>'));
9
+ wpPopupMenuContent = Base64.decode('<?php echo base64_encode($menuContent['popupMenu']); ?>');
10
+ wpPopupMenuSidebarContent = Base64.decode('<?php echo base64_encode($menuContent['popupMenuSidebar']); ?>');
11
+ wpMobileMenuContent = Base64.decode('<?php echo base64_encode($mobileMenuContent); ?>');
12
+ wpCustomMenuMobileToggle();
13
+ Event.observe(window, 'resize', function() {
14
+ wpCustomMenuMobileToggle();
15
+ });
16
  //]]>
17
  </script>
app/design/frontend/default/default/template/webandpeople/custommenu/sidebar.phtml ADDED
@@ -0,0 +1,45 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ $menuData = Mage::helper('custommenu')->getMenuData();
3
+ extract($menuData);
4
+ // ---
5
+ $txtLoading = '';
6
+ $txtMenu = $this->__('Menu');
7
+ $xRtl = $_rtl ? ' rtl' : '';
8
+ $wpInitContent = <<<HTML
9
+ <div class="block-title">
10
+ <strong><span>{$txtMenu}</span></strong>
11
+ </div>
12
+ <div id="custommenu-sidebar-loading" class="block-content{$xRtl}">
13
+ <div class="menu">
14
+ <div class="parentMenu menu0 loading">
15
+ <a href="javascript:;">
16
+ <span>$txtLoading</span>
17
+ </a>
18
+ </div>
19
+ </div>
20
+ <div class="clearBoth"></div>
21
+ </div>
22
+ <div id="wp-sidebar-nav-container-content" class="wp-custommenu-sidebar block-content{$xRtl}" style="display:none;">
23
+ <div class="menu">
24
+ <div class="parentMenu menu0 loading">
25
+ <a href="javascript:;">
26
+ <span>$txtLoading</span>
27
+ </a>
28
+ </div>
29
+ </div>
30
+ <div class="clearBoth"></div>
31
+ </div>
32
+ HTML;
33
+ ?>
34
+ <div id="wp-sidebar-nav-container" class="block wp-sidebar-nav-container"></div>
35
+ <script type="text/javascript">
36
+ //<![CDATA[
37
+ $('wp-sidebar-nav-container').update(Base64.decode('<?php echo base64_encode($wpInitContent); ?>'));
38
+ <?php if ($_menuAjaxUrl) : ?>
39
+ wpCustomMenuMobileToggle();
40
+ Event.observe(window, 'resize', function() {
41
+ wpCustomMenuMobileToggle();
42
+ });
43
+ <?php endif; ?>
44
+ //]]>
45
+ </script>
app/design/frontend/default/default/template/webandpeople/custommenu/top.phtml CHANGED
@@ -1,59 +1,90 @@
1
- <?php $menuData = Mage::helper('custommenu')->getMenuData(); extract($menuData); ?>
2
- <div class="nav-container">
3
- <div id="custommenu-loading" class="<?php echo $_rtl ? ' rtl' : ''; ?>">
 
 
 
 
 
 
 
 
 
 
 
4
  <div class="menu">
5
- <div class="parentMenu menu0">
6
  <a href="javascript:;">
7
- <span><?php echo $this->__('Loading...'); ?></span>
8
  </a>
9
  </div>
10
  </div>
11
  <div class="clearBoth"></div>
12
  </div>
13
- <div id="custommenu" class="<?php echo $_rtl ? ' rtl' : ''; ?>" style="display:none;">
14
  <div class="menu">
15
- <div class="parentMenu menu0">
16
  <a href="javascript:;">
17
- <span><?php echo $this->__('Loading...'); ?></span>
18
  </a>
19
  </div>
20
  </div>
21
  <div class="clearBoth"></div>
22
  </div>
23
- <div id="custommenu-mobile" class="<?php echo $_rtl ? ' rtl' : ''; ?>" style="display:none;">
24
  <div id="menu-button" onclick="wpMenuButtonToggle()">
25
  <a href="javascript:void(0);">
26
- <span><?php echo $this->__('Menu'); ?></span>
27
  </a>
28
  </div>
29
  <div id="menu-content" style="display:none;">
30
  <div id="menu-mobile-loading" class="menu-mobile level0">
31
- <div class="parentMenu">
32
  <a href="javascript:;">
33
- <span><?php echo $this->__('Loading...'); ?></span>
34
  </a>
35
  </div>
36
  </div>
37
  <div class="clearBoth"></div>
38
  </div>
39
  </div>
40
- </div>
 
 
41
  <script type="text/javascript">
42
  //<![CDATA[
43
- var CUSTOMMENU_POPUP_WIDTH = <?php echo $_popupWidth; ?>;
44
- var CUSTOMMENU_POPUP_TOP_OFFSET = <?php echo $_popupTopOffset; ?>;
45
- var CUSTOMMENU_POPUP_DELAY_BEFORE_DISPLAYING = <?php echo $_popupDelayBeforeDisplaying; ?>;
46
- var CUSTOMMENU_POPUP_DELAY_BEFORE_HIDING = <?php echo $_popupDelayBeforeHiding; ?>;
47
- var CUSTOMMENU_RTL_MODE = <?php echo $_rtl; ?>;
48
- var wpCustommenuTimerShow = {};
49
- var wpCustommenuTimerHide = {};
50
- var wpActiveMenu = null;
51
- var wpMobileMenuEnabled = <?php echo $_mobileMenuEnabled; ?>;
52
- var wpMenuAjaxUrl = '<?php echo $_menuAjaxUrl; ?>';
53
- var wpMoblieMenuAjaxUrl = '<?php echo $_moblieMenuAjaxUrl; ?>';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
54
  wpCustomMenuMobileToggle();
55
  Event.observe(window, 'resize', function() {
56
  wpCustomMenuMobileToggle();
57
  });
 
58
  //]]>
59
  </script>
1
+ <?php
2
+ Mage::helper('custommenu')->saveCurrentCategoryIdToSession();
3
+ $menuData = Mage::helper('custommenu')->getMenuData();
4
+ extract($menuData);
5
+ // ---
6
+ $txtLoading = '';
7
+ $txtMenu = $this->__('Menu');
8
+ $xRtl = $_rtl ? ' rtl' : '';
9
+ $styleInit = '';
10
+ if ($_menuPosition != WP_CustomMenu_Model_System_Config_Source_Position::POSITION_TOP && !$_topmenuStaticBlockId) {
11
+ $styleInit = 'display:none;';
12
+ }
13
+ $wpInitContent = <<<HTML
14
+ <div id="custommenu-loading" class="{$xRtl}" style="{$styleInit}">
15
  <div class="menu">
16
+ <div class="parentMenu menu0 loading">
17
  <a href="javascript:;">
18
+ <span>{$txtLoading}</span>
19
  </a>
20
  </div>
21
  </div>
22
  <div class="clearBoth"></div>
23
  </div>
24
+ <div id="custommenu" class="{$xRtl}" style="display:none;">
25
  <div class="menu">
26
+ <div class="parentMenu menu0 loading">
27
  <a href="javascript:;">
28
+ <span>{$txtLoading}</span>
29
  </a>
30
  </div>
31
  </div>
32
  <div class="clearBoth"></div>
33
  </div>
34
+ <div id="custommenu-mobile" class="{$xRtl}" style="display:none;">
35
  <div id="menu-button" onclick="wpMenuButtonToggle()">
36
  <a href="javascript:void(0);">
37
+ <span>{$txtMenu}</span>
38
  </a>
39
  </div>
40
  <div id="menu-content" style="display:none;">
41
  <div id="menu-mobile-loading" class="menu-mobile level0">
42
+ <div class="parentMenu loading">
43
  <a href="javascript:;">
44
+ <span>{$txtLoading}</span>
45
  </a>
46
  </div>
47
  </div>
48
  <div class="clearBoth"></div>
49
  </div>
50
  </div>
51
+ HTML;
52
+ ?>
53
+ <div class="nav-container" id="wp-nav-container"></div>
54
  <script type="text/javascript">
55
  //<![CDATA[
56
+ var CUSTOMMENU_POPUP_DELAY_BEFORE_DISPLAYING = <?php echo $_popupDelayBeforeDisplaying; ?>;
57
+ var CUSTOMMENU_POPUP_DELAY_BEFORE_HIDING = <?php echo $_popupDelayBeforeHiding; ?>;
58
+ var CUSTOMMENU_RTL_MODE = <?php echo $_rtl; ?>;
59
+ var CUSTOMMENU_POPUP_WIDTH = <?php echo $_popupWidth; ?>;
60
+ var CUSTOMMENU_POPUP_TOP_OFFSET = <?php echo $_popupTopOffset; ?>;
61
+ var CUSTOMMENU_POPUP_SB_WIDTH = <?php echo $_sbPopupWidth; ?>;
62
+ var CUSTOMMENU_POPUP_SB_HEIGHT = <?php echo $_sbPopupHeight; ?>;
63
+ var CUSTOMMENU_POPUP_SB_BOTTOM_OFFSET = <?php echo $_sbPopupBottomOffset; ?>;
64
+ var CUSTOMMENU_POPUP_SB_TYPE_FIXED = '<?php echo WP_CustomMenu_Model_System_Config_Source_Popuptype::TYPE_FIXED; ?>';
65
+ var CUSTOMMENU_POPUP_SB_TYPE_RELATIVE = '<?php echo WP_CustomMenu_Model_System_Config_Source_Popuptype::TYPE_RELATIVE; ?>';
66
+ var CUSTOMMENU_POSITION_TOP = '<?php echo WP_CustomMenu_Model_System_Config_Source_Position::POSITION_TOP; ?>';
67
+ var CUSTOMMENU_POSITION_LEFT = '<?php echo WP_CustomMenu_Model_System_Config_Source_Position::POSITION_LEFT; ?>';
68
+ var CUSTOMMENU_POSITION_RIGHT = '<?php echo WP_CustomMenu_Model_System_Config_Source_Position::POSITION_RIGHT; ?>';
69
+ var CUSTOMMENU_MOBILE_MENU_WIDTH_INIT = 800;
70
+ var wpCustommenuTimerShow = {};
71
+ var wpCustommenuTimerHide = {};
72
+ var wpActiveMenu = null;
73
+ var wpMenuPosition = '<?php echo $_menuPosition; ?>';
74
+ var wpPopupMenuSbType = '<?php echo $_sbPopupType; ?>';
75
+ var wpMobileMenuEnabled = <?php echo $_mobileMenuEnabled; ?>;
76
+ var wpMenuAjaxUrl = '<?php echo $_menuAjaxUrl; ?>';
77
+ var wpMoblieMenuAjaxUrl = '<?php echo $_moblieMenuAjaxUrl; ?>';
78
+ var wpPopupMenuContent = '';
79
+ var wpPopupMenuSidebarContent = '';
80
+ var wpMobileMenuContent = '';
81
+ var wpTopmenuStaticBlockId = '<?php echo $_topmenuStaticBlockId; ?>';
82
+ $('wp-nav-container').update(Base64.decode('<?php echo base64_encode($wpInitContent); ?>'));
83
+ <?php if ($_menuAjaxUrl && $_menuPosition == WP_CustomMenu_Model_System_Config_Source_Position::POSITION_TOP) : ?>
84
  wpCustomMenuMobileToggle();
85
  Event.observe(window, 'resize', function() {
86
  wpCustomMenuMobileToggle();
87
  });
88
+ <?php endif; ?>
89
  //]]>
90
  </script>
app/design/frontend/default/grayscale2014/layout/local.xml CHANGED
@@ -1,373 +1,387 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <layout version="0.1.0">
3
- <default>
4
- <reference name="root">
5
- <action method="setTemplate">
6
- <template>page/2columns-left.phtml</template>
7
- </action>
8
- </reference>
9
- <reference name="head">
10
- <action method="addCss">
11
- <stylesheet>css/color.css</stylesheet>
12
- </action>
13
- <action method="addCss">
14
- <stylesheet>css/skin.css</stylesheet>
15
- </action>
16
- <action method="addCss">
17
- <stylesheet>css/media-small.css</stylesheet>
18
- </action>
19
- <action method="addCss">
20
- <stylesheet>css/media-480.css</stylesheet>
21
- </action>
22
- <action method="addCss">
23
- <stylesheet>css/media-800.css</stylesheet>
24
- </action>
25
- <action method="addItem">
26
- <type>skin_js</type>
27
- <name>js/respond.js</name>
28
- <params />
29
- <if>lt IE 9</if>
30
- </action>
31
- </reference>
32
- <reference name="right">
33
- <block type="cms/block" name="cms_right_info_block" before="-">
34
- <action method="setBlockId">
35
- <block_id>right_info_block</block_id>
36
- </action>
37
- </block>
38
- <remove name="paypal.partner.right.logo" />
39
- <remove name="cart_sidebar" />
40
- <remove name="right.permanent.callout" />
41
- <remove name="right.reports.product.viewed" />
42
- <remove name="right.reports.product.compared" />
43
- </reference>
44
- <reference name="footer">
45
- <remove name="copyright.blog.footer" />
46
- <block type="cms/block" name="page_footer_block" before="-">
47
- <action method="setBlockId">
48
- <block_id>page_footer_block</block_id>
49
- </action>
50
- </block>
51
- </reference>
52
- <reference name="left">
53
- <block type="cms/block" name="cms_left_info_block" after="catalogsearch.leftnav">
54
- <action method="setBlockId">
55
- <block_id>left_info_block</block_id>
56
- </action>
57
- </block>
58
- <remove name="cart_sidebar" />
59
- <block type="reports/product_viewed" name="right.reports.product.viewed.left" template="reports/product_viewed.phtml" />
60
- <block type="reports/product_compared" name="right.reports.product.compared.left" template="reports/product_compared.phtml" />
61
- <block type="catalog/product_compare_sidebar" before="cart_sidebar" name="catalog.compare.sidebar.left" template="catalog/product/compare/sidebar.phtml" />
62
- <remove name="left.permanent.callout" />
63
- <!--remove name="currency" /-->
64
- <!--remove name="left.newsletter"/-->
65
- </reference>
66
- <reference name="header">
67
- <block type="directory/currency" name="currency_header" as="currency_header" before="-" template="directory/currency.phtml" />
68
- <block type="checkout/cart_sidebar" name="header_cart" template="checkout/cart/sidebar_top.phtml" before="-">
69
- <action method="addItemRender">
70
- <type>simple</type>
71
- <block>checkout/cart_item_renderer</block>
72
- <template>checkout/cart/sidebar/default.phtml</template>
73
- </action>
74
- <action method="addItemRender">
75
- <type>grouped</type>
76
- <block>checkout/cart_item_renderer_grouped</block>
77
- <template>checkout/cart/sidebar/default.phtml</template>
78
- </action>
79
- <action method="addItemRender">
80
- <type>configurable</type>
81
- <block>checkout/cart_item_renderer_configurable</block>
82
- <template>checkout/cart/sidebar/default.phtml</template>
83
- </action>
84
- <block type="core/text_list" name="cart_sidebar.extra_actions" as="extra_actions" />
85
- </block>
86
- <remove name="top.links" />
87
- <block type="page/template_links" name="advanced_search_link" as="advanced_search_link" template="page/template/alinks.phtml">
88
- <action method="addLink" translate="label title" module="catalogsearch">
89
- <label>Advanced Search</label>
90
- <url helper="catalogsearch/getAdvancedSearchUrl" />
91
- <title>Advanced Search</title>
92
- </action>
93
- </block>
94
- <block type="page/template_links" name="top.links.custom" as="topLinksCustom">
95
- <block type="checkout/links" name="checkout_cart_link">
96
- <action method="addCheckoutLink" />
97
- </block>
98
- </block>
99
- <block type="page/template_links" template="page/template/clinks.phtml" id="top.links.cart" name="top.links.cart" as="topLinksCart">
100
- <block type="wishlist/links" name="wishlist_link" />
101
- <action method="addLinkBlock">
102
- <blockName>wishlist_link</blockName>
103
- </action>
104
- </block>
105
- <block type="cms/block" name="quick_access_links">
106
- <action method="setBlockId">
107
- <block_id>quick_access_links</block_id>
108
- </action>
109
- </block>
110
- <block type="cms/block" name="head_phone_block">
111
- <action method="setBlockId">
112
- <block_id>head_phone_block</block_id>
113
- </action>
114
- </block>
115
- <block type="cms/block" name="top_toolbar">
116
- <action method="setBlockId">
117
- <block_id>top_toolbar</block_id>
118
- </action>
119
- </block>
120
- <block type="cms/block" name="top_toolbar_static">
121
- <action method="setBlockId">
122
- <block_id>top_toolbar_static</block_id>
123
- </action>
124
- </block>
125
- <block type="cms/block" name="submenu_block">
126
- <action method="setBlockId">
127
- <block_id>submenu_block</block_id>
128
- </action>
129
- </block>
130
- <block type="cms/block" name="search_block_content" before="">
131
- <action method="setBlockId">
132
- <block_id>search_block_content</block_id>
133
- </action>
134
- </block>
135
- <block type="newsletter/subscribe" name="header.newsletter" as="header.newsletter" template="newsletter/header_subscribe.phtml" />
136
- <block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml" />
137
- </reference>
138
- <reference name="footer">
139
- <action method="unsetChild">
140
- <alias>store_switcher</alias>
141
- </action>
142
- </reference>
143
- <!--Begin cart top-bar -->
144
- <reference name="left">
145
- <remove name="cart_sidebar" />
146
- </reference>
147
- <reference name="right">
148
- <remove name="cart_sidebar" />
149
- </reference>
150
- <reference name="header">
151
- <block type="checkout/cart_sidebar" name="cart_topbar" template="checkout/cart/topbar.phtml">
152
- <action method="addItemRender">
153
- <type>simple</type>
154
- <block>checkout/cart_item_renderer</block>
155
- <template>checkout/cart/sidebar/default.phtml</template>
156
- </action>
157
- <action method="addItemRender">
158
- <type>grouped</type>
159
- <block>checkout/cart_item_renderer_grouped</block>
160
- <template>checkout/cart/sidebar/default.phtml</template>
161
- </action>
162
- <action method="addItemRender">
163
- <type>configurable</type>
164
- <block>checkout/cart_item_renderer_configurable</block>
165
- <template>checkout/cart/sidebar/default.phtml</template>
166
- </action>
167
- </block>
168
- </reference>
169
- <!--End cart top-bar -->
170
- <reference name="top.links.custom">
171
- <action method="addLink" translate="label title" module="customer">
172
- <label>My Account</label>
173
- <url helper="customer/getAccountUrl" />
174
- <title>My Account</title>
175
- <prepare />
176
- <urlParams />
177
- <position>10</position>
178
- </action>
179
- </reference>
180
- </default>
181
- <catalog_category_default translate="label">
182
- <reference name="root">
183
- <action method="setTemplate">
184
- <template>page/2columns-left.phtml</template>
185
- </action>
186
- </reference>
187
- <reference name="content">
188
- <reference name="category.products">
189
- <reference name="product_list">
190
- <action method="setColumnCount">
191
- <count>5</count>
192
- </action>
193
- <action method="setImageSize">
194
- <size>135</size>
195
- </action>
196
- </reference>
197
- </reference>
198
- </reference>
199
- </catalog_category_default>
200
- <catalog_category_layered translate="label">
201
- <reference name="root">
202
- <action method="setTemplate">
203
- <template>page/2columns-left.phtml</template>
204
- </action>
205
- </reference>
206
- <reference name="content">
207
- <reference name="category.products">
208
- <reference name="product_list">
209
- <action method="setColumnCount">
210
- <count>5</count>
211
- </action>
212
- <action method="setImageSize">
213
- <size>135</size>
214
- </action>
215
- </reference>
216
- </reference>
217
- </reference>
218
- </catalog_category_layered>
219
- <catalogsearch_result_index translate="label">
220
- <reference name="root">
221
- <action method="setTemplate">
222
- <template>page/2columns-left.phtml</template>
223
- </action>
224
- </reference>
225
- <reference name="content">
226
- <reference name="search.result">
227
- <reference name="search_result_list">
228
- <action method="setColumnCount">
229
- <count>5</count>
230
- </action>
231
- <action method="setImageSize">
232
- <size>135</size>
233
- </action>
234
- </reference>
235
- </reference>
236
- </reference>
237
- </catalogsearch_result_index>
238
- <catalogsearch_advanced_index translate="label">
239
- <reference name="root">
240
- <action method="setTemplate">
241
- <template>page/2columns-left.phtml</template>
242
- </action>
243
- </reference>
244
- <reference name="content">
245
- <reference name="search.result">
246
- <reference name="search_result_list">
247
- <action method="setColumnCount">
248
- <count>5</count>
249
- </action>
250
- <action method="setImageSize">
251
- <size>135</size>
252
- </action>
253
- </reference>
254
- </reference>
255
- </reference>
256
- </catalogsearch_advanced_index>
257
- <catalogsearch_advanced_result translate="label">
258
- <update handle="page_two_columns_left" />
259
- <reference name="root">
260
- <action method="setTemplate">
261
- <template>page/2columns-left.phtml</template>
262
- </action>
263
- </reference>
264
- </catalogsearch_advanced_result>
265
- <contacts_index_index translate="label">
266
- <reference name="root">
267
- <action method="setTemplate">
268
- <template>page/2columns-left.phtml</template>
269
- </action>
270
- </reference>
271
- </contacts_index_index>
272
- <review_product_list translate="label">
273
- <reference name="root">
274
- <action method="setTemplate">
275
- <template>page/2columns-left.phtml</template>
276
- </action>
277
- </reference>
278
- </review_product_list>
279
- <review_product_view translate="label">
280
- <reference name="root">
281
- <action method="setTemplate">
282
- <template>page/2columns-left.phtml</template>
283
- </action>
284
- </reference>
285
- </review_product_view>
286
- <sendfriend_product_send translate="label">
287
- <reference name="root">
288
- <action method="setTemplate">
289
- <template>page/2columns-left.phtml</template>
290
- </action>
291
- </reference>
292
- </sendfriend_product_send>
293
- <tag_list_index translate="label">
294
- <reference name="root">
295
- <action method="setTemplate">
296
- <template>page/2columns-left.phtml</template>
297
- </action>
298
- </reference>
299
- </tag_list_index>
300
- <catalog_product_view translate="label">
301
- <reference name="root">
302
- <action method="setTemplate">
303
- <template>page/2columns-left.phtml</template>
304
- </action>
305
- </reference>
306
- <reference name="left">
307
- <block type="catalog/product_list_related" name="catalog.product.related.left" before="-" template="catalog/product/list/related.phtml" />
308
- </reference>
309
- </catalog_product_view>
310
- <customer_logged_in>
311
- <reference name="top.links.custom">
312
- <action method="addLink" translate="label title" module="customer">
313
- <label>Log Out</label>
314
- <url helper="customer/getLogoutUrl" />
315
- <title>Log Out</title>
316
- <prepare />
317
- <urlParams />
318
- <position>100</position>
319
- </action>
320
- </reference>
321
- </customer_logged_in>
322
- <customer_logged_out>
323
- <reference name="top.links.custom">
324
- <action method="addLink" translate="label title" module="customer">
325
- <label>Log In</label>
326
- <url helper="customer/getLoginUrl" />
327
- <title>Log In</title>
328
- <prepare />
329
- <urlParams />
330
- <position>100</position>
331
- </action>
332
- </reference>
333
- <remove name="reorder" />
334
- </customer_logged_out>
335
- <customer_account>
336
- <reference name="left">
337
- <action method="unsetChild">
338
- <name>customer_account_navigation</name>
339
- </action>
340
- </reference>
341
- <reference name="content">
342
- <action method="insert">
343
- <blockName>customer_account_navigation</blockName>
344
- <after>0</after>
345
- </action>
346
- </reference>
347
- </customer_account>
348
-
349
- <wp_2columns_right>
350
- <reference name="root">
351
- <action method="setTemplate">
352
- <template>page/2columns-right.phtml</template>
353
- </action>
354
- </reference>
355
- </wp_2columns_right>
356
- <catalog_product_view>
357
- <update handle="wp_2columns_right" />
358
- </catalog_product_view>
359
- <review_product_list>
360
- <update handle="wp_2columns_right" />
361
- </review_product_list>
362
- <review_product_view>
363
- <update handle="wp_2columns_right" />
364
- </review_product_view>
365
-
366
- <cms_index_index>
367
- <reference name="footer">
368
- <action method="unsetData"><key>cache_lifetime</key></action>
369
- <action method="unsetData"><key>cache_tags</key></action>
370
- <block type="core/template" name="designby_link" as="designby_link" template="page/html/designby.phtml" after="-" />
371
- </reference>
372
- </cms_index_index>
373
- </layout>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <layout version="0.1.0">
3
+ <default>
4
+ <reference name="root">
5
+ <action method="setTemplate">
6
+ <template>page/2columns-left.phtml</template>
7
+ </action>
8
+ </reference>
9
+ <reference name="head">
10
+ <action method="addCss">
11
+ <stylesheet>css/color.css</stylesheet>
12
+ </action>
13
+ <action method="addCss">
14
+ <stylesheet>css/skin.css</stylesheet>
15
+ </action>
16
+ <action method="addCss">
17
+ <stylesheet>css/media-small.css</stylesheet>
18
+ </action>
19
+ <action method="addCss">
20
+ <stylesheet>css/media-480.css</stylesheet>
21
+ </action>
22
+ <action method="addCss">
23
+ <stylesheet>css/media-800.css</stylesheet>
24
+ </action>
25
+ <action method="addItem">
26
+ <type>skin_js</type>
27
+ <name>js/respond.js</name>
28
+ <params />
29
+ <if>lt IE 9</if>
30
+ </action>
31
+ </reference>
32
+ <reference name="right">
33
+ <block type="cms/block" name="cms_right_info_block" before="-">
34
+ <action method="setBlockId">
35
+ <block_id>right_info_block</block_id>
36
+ </action>
37
+ </block>
38
+ <action method="unsetChild"><alias>cart_sidebar</alias></action>
39
+ <action method="unsetChild"><alias>right.reports.product.viewed</alias></action>
40
+ <action method="unsetChild"><alias>right.reports.product.compared</alias></action>
41
+ <action method="unsetChild"><alias>catalog.compare.sidebar</alias></action>
42
+ <remove name="paypal.partner.right.logo" />
43
+ <remove name="right.permanent.callout" />
44
+ <remove name="left.reports.product.viewed" />
45
+ </reference>
46
+ <reference name="footer">
47
+ <remove name="copyright.blog.footer" />
48
+ <block type="cms/block" name="page_footer_block" before="-">
49
+ <action method="setBlockId">
50
+ <block_id>page_footer_block</block_id>
51
+ </action>
52
+ </block>
53
+ </reference>
54
+ <reference name="left">
55
+ <block type="cms/block" name="cms_left_info_block" after="catalogsearch.leftnav" before="newsletter">
56
+ <action method="setBlockId">
57
+ <block_id>left_info_block</block_id>
58
+ </action>
59
+ </block>
60
+ <block type="checkout/cart_sidebar" name="cart_sidebar" template="checkout/cart/sidebar.phtml" before="-">
61
+ <action method="addItemRender"><type>simple</type><block>checkout/cart_item_renderer</block><template>checkout/cart/sidebar/default.phtml</template></action>
62
+ <action method="addItemRender"><type>grouped</type><block>checkout/cart_item_renderer_grouped</block><template>checkout/cart/sidebar/default.phtml</template></action>
63
+ <action method="addItemRender"><type>configurable</type><block>checkout/cart_item_renderer_configurable</block><template>checkout/cart/sidebar/default.phtml</template></action>
64
+ <block type="core/text_list" name="cart_sidebar.extra_actions" as="extra_actions" translate="label" module="checkout">
65
+ <label>Shopping Cart Sidebar Extra Actions</label>
66
+ </block>
67
+ </block>
68
+ <block type="reports/product_viewed" after="cart_sidebar" name="left.reports.product.viewed" template="reports/product_viewed.phtml" />
69
+ <block type="reports/product_compared" after="cart_sidebar" name="left.reports.product.compared" template="reports/product_compared.phtml" />
70
+ <block type="catalog/product_compare_sidebar" after="cart_sidebar" name="left.catalog.compare.sidebar" template="catalog/product/compare/sidebar.phtml" />
71
+ <remove name="left.permanent.callout" />
72
+ </reference>
73
+ <reference name="header">
74
+ <block type="directory/currency" name="currency_header" as="currency_header" before="-" template="directory/currency.phtml" />
75
+ <block type="checkout/cart_sidebar" name="header_cart" template="checkout/cart/sidebar_top.phtml" before="-">
76
+ <action method="addItemRender">
77
+ <type>simple</type>
78
+ <block>checkout/cart_item_renderer</block>
79
+ <template>checkout/cart/sidebar/default.phtml</template>
80
+ </action>
81
+ <action method="addItemRender">
82
+ <type>grouped</type>
83
+ <block>checkout/cart_item_renderer_grouped</block>
84
+ <template>checkout/cart/sidebar/default.phtml</template>
85
+ </action>
86
+ <action method="addItemRender">
87
+ <type>configurable</type>
88
+ <block>checkout/cart_item_renderer_configurable</block>
89
+ <template>checkout/cart/sidebar/default.phtml</template>
90
+ </action>
91
+ <block type="core/text_list" name="cart_sidebar.extra_actions" as="extra_actions" />
92
+ </block>
93
+ <remove name="top.links" />
94
+ <block type="page/template_links" name="advanced_search_link" as="advanced_search_link" template="page/template/alinks.phtml">
95
+ <action method="addLink" translate="label title" module="catalogsearch">
96
+ <label>Advanced Search</label>
97
+ <url helper="catalogsearch/getAdvancedSearchUrl" />
98
+ <title>Advanced Search</title>
99
+ </action>
100
+ </block>
101
+ <block type="page/template_links" name="top.links.custom" as="topLinksCustom">
102
+ <block type="checkout/links" name="checkout_cart_link">
103
+ <action method="addCheckoutLink" />
104
+ </block>
105
+ </block>
106
+ <block type="page/template_links" template="page/template/clinks.phtml" id="top.links.cart" name="top.links.cart" as="topLinksCart">
107
+ <block type="wishlist/links" name="wishlist_link" />
108
+ <action method="addLinkBlock">
109
+ <blockName>wishlist_link</blockName>
110
+ </action>
111
+ </block>
112
+ <block type="cms/block" name="quick_access_links">
113
+ <action method="setBlockId">
114
+ <block_id>quick_access_links</block_id>
115
+ </action>
116
+ </block>
117
+ <block type="cms/block" name="head_phone_block">
118
+ <action method="setBlockId">
119
+ <block_id>head_phone_block</block_id>
120
+ </action>
121
+ </block>
122
+ <block type="cms/block" name="top_toolbar">
123
+ <action method="setBlockId">
124
+ <block_id>top_toolbar</block_id>
125
+ </action>
126
+ </block>
127
+ <block type="cms/block" name="top_toolbar_static">
128
+ <action method="setBlockId">
129
+ <block_id>top_toolbar_static</block_id>
130
+ </action>
131
+ </block>
132
+ <block type="cms/block" name="submenu_block">
133
+ <action method="setBlockId">
134
+ <block_id>submenu_block</block_id>
135
+ </action>
136
+ </block>
137
+ <block type="cms/block" name="search_block_content" before="">
138
+ <action method="setBlockId">
139
+ <block_id>search_block_content</block_id>
140
+ </action>
141
+ </block>
142
+ <block type="newsletter/subscribe" name="header.newsletter" as="header.newsletter" template="newsletter/header_subscribe.phtml" />
143
+ <block type="page/switch" name="store_switcher" as="store_switcher" template="page/switch/stores.phtml" />
144
+ </reference>
145
+ <reference name="footer">
146
+ <action method="unsetChild">
147
+ <alias>store_switcher</alias>
148
+ </action>
149
+ </reference>
150
+ <!--Begin cart top-bar -->
151
+ <reference name="header">
152
+ <block type="checkout/cart_sidebar" name="cart_topbar" template="checkout/cart/topbar.phtml">
153
+ <action method="addItemRender">
154
+ <type>simple</type>
155
+ <block>checkout/cart_item_renderer</block>
156
+ <template>checkout/cart/sidebar/default.phtml</template>
157
+ </action>
158
+ <action method="addItemRender">
159
+ <type>grouped</type>
160
+ <block>checkout/cart_item_renderer_grouped</block>
161
+ <template>checkout/cart/sidebar/default.phtml</template>
162
+ </action>
163
+ <action method="addItemRender">
164
+ <type>configurable</type>
165
+ <block>checkout/cart_item_renderer_configurable</block>
166
+ <template>checkout/cart/sidebar/default.phtml</template>
167
+ </action>
168
+ </block>
169
+ </reference>
170
+ <!--End cart top-bar -->
171
+ <reference name="top.links.custom">
172
+ <action method="addLink" translate="label title" module="customer">
173
+ <label>My Account</label>
174
+ <url helper="customer/getAccountUrl" />
175
+ <title>My Account</title>
176
+ <prepare />
177
+ <urlParams />
178
+ <position>10</position>
179
+ </action>
180
+ </reference>
181
+ </default>
182
+ <catalog_category_default translate="label">
183
+ <reference name="root">
184
+ <action method="setTemplate">
185
+ <template>page/2columns-left.phtml</template>
186
+ </action>
187
+ </reference>
188
+ <reference name="content">
189
+ <reference name="category.products">
190
+ <reference name="product_list">
191
+ <action method="setColumnCount">
192
+ <count>5</count>
193
+ </action>
194
+ <action method="setImageSize">
195
+ <size>135</size>
196
+ </action>
197
+ </reference>
198
+ </reference>
199
+ </reference>
200
+ </catalog_category_default>
201
+ <catalog_category_layered translate="label">
202
+ <reference name="root">
203
+ <action method="setTemplate">
204
+ <template>page/2columns-left.phtml</template>
205
+ </action>
206
+ </reference>
207
+ <reference name="content">
208
+ <reference name="category.products">
209
+ <reference name="product_list">
210
+ <action method="setColumnCount">
211
+ <count>5</count>
212
+ </action>
213
+ <action method="setImageSize">
214
+ <size>135</size>
215
+ </action>
216
+ </reference>
217
+ </reference>
218
+ </reference>
219
+ </catalog_category_layered>
220
+ <catalogsearch_result_index translate="label">
221
+ <reference name="root">
222
+ <action method="setTemplate">
223
+ <template>page/2columns-left.phtml</template>
224
+ </action>
225
+ </reference>
226
+ <reference name="content">
227
+ <reference name="search.result">
228
+ <reference name="search_result_list">
229
+ <action method="setColumnCount">
230
+ <count>5</count>
231
+ </action>
232
+ <action method="setImageSize">
233
+ <size>135</size>
234
+ </action>
235
+ </reference>
236
+ </reference>
237
+ </reference>
238
+ </catalogsearch_result_index>
239
+ <catalogsearch_advanced_index translate="label">
240
+ <reference name="root">
241
+ <action method="setTemplate">
242
+ <template>page/2columns-left.phtml</template>
243
+ </action>
244
+ </reference>
245
+ <reference name="content">
246
+ <reference name="search.result">
247
+ <reference name="search_result_list">
248
+ <action method="setColumnCount">
249
+ <count>5</count>
250
+ </action>
251
+ <action method="setImageSize">
252
+ <size>135</size>
253
+ </action>
254
+ </reference>
255
+ </reference>
256
+ </reference>
257
+ </catalogsearch_advanced_index>
258
+ <catalogsearch_advanced_result translate="label">
259
+ <update handle="page_two_columns_left" />
260
+ <reference name="root">
261
+ <action method="setTemplate">
262
+ <template>page/2columns-left.phtml</template>
263
+ </action>
264
+ </reference>
265
+ </catalogsearch_advanced_result>
266
+ <contacts_index_index translate="label">
267
+ <reference name="root">
268
+ <action method="setTemplate">
269
+ <template>page/2columns-left.phtml</template>
270
+ </action>
271
+ </reference>
272
+ </contacts_index_index>
273
+ <review_product_list translate="label">
274
+ <reference name="root">
275
+ <action method="setTemplate">
276
+ <template>page/2columns-left.phtml</template>
277
+ </action>
278
+ </reference>
279
+ </review_product_list>
280
+ <review_product_view translate="label">
281
+ <reference name="root">
282
+ <action method="setTemplate">
283
+ <template>page/2columns-left.phtml</template>
284
+ </action>
285
+ </reference>
286
+ </review_product_view>
287
+ <sendfriend_product_send translate="label">
288
+ <reference name="root">
289
+ <action method="setTemplate">
290
+ <template>page/2columns-left.phtml</template>
291
+ </action>
292
+ </reference>
293
+ </sendfriend_product_send>
294
+ <tag_list_index translate="label">
295
+ <reference name="root">
296
+ <action method="setTemplate">
297
+ <template>page/2columns-left.phtml</template>
298
+ </action>
299
+ </reference>
300
+ </tag_list_index>
301
+ <catalog_product_view translate="label">
302
+ <reference name="root">
303
+ <action method="setTemplate">
304
+ <template>page/2columns-left.phtml</template>
305
+ </action>
306
+ </reference>
307
+ <reference name="left">
308
+ <block type="catalog/product_list_related" name="catalog.product.related.left" before="-" template="catalog/product/list/related.phtml" />
309
+ </reference>
310
+ </catalog_product_view>
311
+ <customer_logged_in>
312
+ <reference name="top.links.custom">
313
+ <action method="addLink" translate="label title" module="customer">
314
+ <label>Log Out</label>
315
+ <url helper="customer/getLogoutUrl" />
316
+ <title>Log Out</title>
317
+ <prepare />
318
+ <urlParams />
319
+ <position>100</position>
320
+ </action>
321
+ </reference>
322
+ </customer_logged_in>
323
+ <customer_logged_out>
324
+ <reference name="top.links.custom">
325
+ <action method="addLink" translate="label title" module="customer">
326
+ <label>Log In</label>
327
+ <url helper="customer/getLoginUrl" />
328
+ <title>Log In</title>
329
+ <prepare />
330
+ <urlParams />
331
+ <position>100</position>
332
+ </action>
333
+ </reference>
334
+ <remove name="reorder" />
335
+ </customer_logged_out>
336
+ <customer_account>
337
+ <reference name="left">
338
+ <action method="unsetChild">
339
+ <name>customer_account_navigation</name>
340
+ </action>
341
+ </reference>
342
+ <reference name="content">
343
+ <action method="insert">
344
+ <blockName>customer_account_navigation</blockName>
345
+ <after>0</after>
346
+ </action>
347
+ </reference>
348
+ </customer_account>
349
+
350
+ <wp_2columns_right>
351
+ <reference name="right">
352
+ <block type="reports/product_viewed" after="catalog.product.related" name="right.reports.product.viewed" template="reports/product_viewed.phtml" />
353
+ <block type="reports/product_compared" after="catalog.product.related" name="right.reports.product.compared" template="reports/product_compared.phtml" />
354
+ <block type="catalog/product_compare_sidebar" after="catalog.product.related" name="right.catalog.compare.sidebar" template="catalog/product/compare/sidebar.phtml" />
355
+ <block type="checkout/cart_sidebar" name="cart_sidebar" template="checkout/cart/sidebar.phtml" after="catalog.product.related">
356
+ <action method="addItemRender"><type>simple</type><block>checkout/cart_item_renderer</block><template>checkout/cart/sidebar/default.phtml</template></action>
357
+ <action method="addItemRender"><type>grouped</type><block>checkout/cart_item_renderer_grouped</block><template>checkout/cart/sidebar/default.phtml</template></action>
358
+ <action method="addItemRender"><type>configurable</type><block>checkout/cart_item_renderer_configurable</block><template>checkout/cart/sidebar/default.phtml</template></action>
359
+ <block type="core/text_list" name="cart_sidebar.extra_actions" as="extra_actions" translate="label" module="checkout">
360
+ <label>Shopping Cart Sidebar Extra Actions</label>
361
+ </block>
362
+ </block>
363
+ </reference>
364
+ <reference name="root">
365
+ <action method="setTemplate">
366
+ <template>page/2columns-right.phtml</template>
367
+ </action>
368
+ </reference>
369
+ </wp_2columns_right>
370
+ <catalog_product_view>
371
+ <update handle="wp_2columns_right" />
372
+ </catalog_product_view>
373
+ <review_product_list>
374
+ <update handle="wp_2columns_right" />
375
+ </review_product_list>
376
+ <review_product_view>
377
+ <update handle="wp_2columns_right" />
378
+ </review_product_view>
379
+
380
+ <cms_index_index>
381
+ <reference name="footer">
382
+ <action method="unsetData"><key>cache_lifetime</key></action>
383
+ <action method="unsetData"><key>cache_tags</key></action>
384
+ <block type="core/template" name="designby_link" as="designby_link" template="page/html/designby.phtml" after="-" />
385
+ </reference>
386
+ </cms_index_index>
387
+ </layout>
app/etc/modules/WP_AddToCartFormKeyIssueFix.xml DELETED
@@ -1,9 +0,0 @@
1
- <?xml version="1.0"?>
2
- <config>
3
- <modules>
4
- <WP_AddToCartFormKeyIssueFix>
5
- <active>true</active>
6
- <codePool>community</codePool>
7
- </WP_AddToCartFormKeyIssueFix>
8
- </modules>
9
- </config>
 
 
 
 
 
 
 
 
 
package.xml CHANGED
@@ -1,14 +1,14 @@
1
  <?xml version="1.0" encoding="UTF-8"?>
2
  <package>
3
  <name>wp_theme_grayscale2014</name>
4
- <version>1.2.1</version>
5
  <stability>stable</stability>
6
  <license uri="http://web-experiment.info/regular_free_license">Web-Experiment.Info Regular Free License</license>
7
  <channel>community</channel>
8
  <extends/>
9
  <summary>Magento Theme - Grayscale Full-Width (Web-Experiment.Info)</summary>
10
  <description>Magento Theme - Grayscale Full-Width (Web-Experiment.Info)</description>
11
- <notes>Папка темы и расширений изменила расположение, переместившись из local в community. Исправилена ошибка при нажатии на кнопку Add to Cart: при включенном кэшировании продукт не всегда добавлялся.</notes>
12
  <authors>
13
  <author>
14
  <name>WebAndPeople</name>
@@ -21,24 +21,14 @@
21
  <email>y.gerassimenko@webandpeople.com</email>
22
  </author>
23
  </authors>
24
- <date>2014-03-12</date>
25
- <time>03:38:30</time>
26
  <contents>
27
  <target name="mageweb">
28
  <dir name="app">
29
  <dir name="code">
30
  <dir name="community">
31
  <dir name="WP">
32
- <dir name="AddToCartFormKeyIssueFix">
33
- <dir name="Model">
34
- <dir name="Checkout">
35
- <file name="Observer.php" hash="7f9f65c95658e53e7dbcafadc98b77a8"/>
36
- </dir>
37
- </dir>
38
- <dir name="etc">
39
- <file name="config.xml" hash="d3c8e2829ac2cae4a0618c2d160b2ec7"/>
40
- </dir>
41
- </dir>
42
  <dir name="BackToTopButton">
43
  <dir name="Block">
44
  <dir name="System">
@@ -65,26 +55,47 @@
65
  </dir>
66
  <dir name="CustomMenu">
67
  <dir name="Block">
68
- <file name="Navigation.php" hash="87be6224e66862e0562d30977277503c"/>
69
- <file name="Toggle.php" hash="c0e3299c7ce19041edb481ff09ab22c7"/>
70
- <file name="Topmenu.php" hash="7102b3bf0473dc5ecb0d66c12bfc6a95"/>
 
 
 
 
 
 
 
 
 
71
  </dir>
72
  <dir name="Helper">
73
- <file name="Data.php" hash="3fc8215a159463e064f9673e6b9c6a7b"/>
 
 
 
 
 
 
 
 
 
 
 
 
74
  </dir>
75
  <dir name="controllers">
76
- <file name="AjaxmenucontentController.php" hash="7e4b0f04147ede2a9405181e1056fd19"/>
77
- <file name="AjaxmobilemenucontentController.php" hash="7b1690de9885838fb6f483136eed3a06"/>
78
  </dir>
79
  <dir name="etc">
80
- <file name="config.xml" hash="de23ba8f0f2ed3ec5e59fcc8eaaeb5ed"/>
81
- <file name="system.xml" hash="c8df283cdc4662e977c4b7479f09e14d"/>
82
  </dir>
83
  </dir>
84
  <dir name="SmartCatalog">
85
  <dir name="Block">
86
  <dir name="Product">
87
- <file name="Promo.php" hash="7cff1abba0c08c0e1667686f6824dd8d"/>
88
  </dir>
89
  <file name="Toggle.php" hash="05f421ec9fae609620f24250d5eb591f"/>
90
  </dir>
@@ -95,7 +106,7 @@
95
  <file name="Observer.php" hash="f2225790b750f4defc7eb631057cf459"/>
96
  </dir>
97
  <dir name="etc">
98
- <file name="config.xml" hash="37c812ed5c76b4024fe733875cfbbcb7"/>
99
  <file name="system.xml" hash="0958f674a918e0dcc0ed5c70b9ec5a87"/>
100
  </dir>
101
  </dir>
@@ -126,7 +137,7 @@
126
  <file name="Data.php" hash="9442514d1b5c864a63b1af4c883df06b"/>
127
  </dir>
128
  <dir name="etc">
129
- <file name="config.xml" hash="ea695f97af77d2cc4de5a0b4aa9c8528"/>
130
  <file name="system.xml" hash="f9215090b4719e89943cb57980d33f70"/>
131
  </dir>
132
  </dir>
@@ -140,7 +151,7 @@
140
  <dir name="layout">
141
  <dir name="webandpeople">
142
  <file name="backtotopbutton.xml" hash="6b51d83c28fab664b4ae44e02858a3f3"/>
143
- <file name="custommenu.xml" hash="924c62b611df2b20ef35fccab8c87a86"/>
144
  <file name="smartcatalog.xml" hash="28cd097f3c9cd8444020f8b8fcf3ba58"/>
145
  <file name="smartproductimage.xml" hash="2b72dcc258c4e440716d7416348682da"/>
146
  </dir>
@@ -151,8 +162,9 @@
151
  <file name="button.phtml" hash="2649afd7988da0af70e36e3b289978a5"/>
152
  </dir>
153
  <dir name="custommenu">
154
- <file name="menucontent.phtml" hash="c6aacc6cd49e638f08e90803183fed7b"/>
155
- <file name="top.phtml" hash="e57f1dc563d8cd5c7bfd39bdf58afd50"/>
 
156
  </dir>
157
  <dir name="smartcatalog">
158
  <file name="list-home.phtml" hash="a73eed68e52d7f4551f161972c7b5040"/>
@@ -166,7 +178,7 @@
166
  </dir>
167
  <dir name="grayscale2014">
168
  <dir name="layout">
169
- <file name="local.xml" hash="15e2758594852bd4b2ec1f9c73cce3ad"/>
170
  </dir>
171
  <dir name="locale">
172
  <dir name="en_US">
@@ -249,7 +261,6 @@
249
  </dir>
250
  <dir name="etc">
251
  <dir name="modules">
252
- <file name="WP_AddToCartFormKeyIssueFix.xml" hash="31a1a62638fb9ae53ef35810f09e7d31"/>
253
  <file name="WP_BackToTopButton.xml" hash="663133d914db5bfd43ebb5b9d7a97761"/>
254
  <file name="WP_CustomMenu.xml" hash="c367e72a4fd849f0eb777634ca2d422c"/>
255
  <file name="WP_SmartCatalog.xml" hash="20736117beaebce512604feb64c09c1a"/>
@@ -305,7 +316,7 @@
305
  <file name="backtotopbutton.css" hash="fcea466a33cad71f5bf221bc375ae09b"/>
306
  </dir>
307
  <dir name="custommenu">
308
- <file name="custommenu.css" hash="1502d73576a6c565ec27b565a2de2778"/>
309
  </dir>
310
  <dir name="smartcatalog">
311
  <file name="smartcatalog.css" hash="9d8800e0a7328fdcee66917c5d0bc3e2"/>
@@ -322,7 +333,8 @@
322
  <dir name="js">
323
  <dir name="webandpeople">
324
  <dir name="custommenu">
325
- <file name="custommenu.js" hash="f3a0fc60503e5db502d0e34f7d72c665"/>
 
326
  </dir>
327
  <dir name="smartcatalog">
328
  <file name="jquery.smartCatalog.js" hash="20d97df3d75f663ef794cc7d7b735041"/>
@@ -332,23 +344,23 @@
332
  </dir>
333
  <dir name="grayscale2014">
334
  <dir name="css">
335
- <file name="color.css" hash="c9585d28d795329764a960c2f5c2b08f"/>
336
- <file name="media-480.css" hash="bed0561575e4cf40f3898d03aa561195"/>
337
- <file name="media-800.css" hash="100d5675effdfffe65636684320713ea"/>
338
- <file name="media-small.css" hash="2930f72f6284fc47dd991815c551f2d6"/>
339
- <file name="skin.css" hash="31eaf20d63a310e9bdf6a4e6ffb2f185"/>
340
- <file name="slider.css" hash="a2cd945afce72fe75df05cc7b98c6894"/>
341
- <file name="styles-ie.css" hash="71d298472e9b0125e3b50592148ff890"/>
342
- <file name="styles.css" hash="0dd13659e6f54c9f8303e87863e17299"/>
343
  <dir name="webandpeople">
344
  <dir name="backtotopbutton">
345
- <file name="backtotopbutton.css" hash="d5cf6c153ec6e6a3e09a0a7631406fa4"/>
346
  </dir>
347
  <dir name="custommenu">
348
- <file name="custommenu.css" hash="d833978dbae40ec40b2fddfa4268e4ef"/>
349
  </dir>
350
  <dir name="smartcatalog">
351
- <file name="smartcatalog.css" hash="d72aaa6bee4a8cec4d5f0232154860c8"/>
352
  </dir>
353
  </dir>
354
  </dir>
1
  <?xml version="1.0" encoding="UTF-8"?>
2
  <package>
3
  <name>wp_theme_grayscale2014</name>
4
+ <version>1.2.2</version>
5
  <stability>stable</stability>
6
  <license uri="http://web-experiment.info/regular_free_license">Web-Experiment.Info Regular Free License</license>
7
  <channel>community</channel>
8
  <extends/>
9
  <summary>Magento Theme - Grayscale Full-Width (Web-Experiment.Info)</summary>
10
  <description>Magento Theme - Grayscale Full-Width (Web-Experiment.Info)</description>
11
+ <notes>Добавлен блок корзины в левый сайдбар. Обновлены CSS темы. Проверено на совместимость с Магенто 1.9</notes>
12
  <authors>
13
  <author>
14
  <name>WebAndPeople</name>
21
  <email>y.gerassimenko@webandpeople.com</email>
22
  </author>
23
  </authors>
24
+ <date>2014-06-14</date>
25
+ <time>03:55:33</time>
26
  <contents>
27
  <target name="mageweb">
28
  <dir name="app">
29
  <dir name="code">
30
  <dir name="community">
31
  <dir name="WP">
 
 
 
 
 
 
 
 
 
 
32
  <dir name="BackToTopButton">
33
  <dir name="Block">
34
  <dir name="System">
55
  </dir>
56
  <dir name="CustomMenu">
57
  <dir name="Block">
58
+ <file name="Navigation.php" hash="561bb88d0c92eb585e1a1b34a2218de0"/>
59
+ <dir name="System">
60
+ <dir name="Config">
61
+ <dir name="Renderer">
62
+ <file name="Heading.php" hash="24eab1766dc317132ca44564ff26f9a8"/>
63
+ </dir>
64
+ <dir name="Source">
65
+ <file name="Topmenu.php" hash="960ae04b07c8c69b4774b444ca8836df"/>
66
+ </dir>
67
+ </dir>
68
+ </dir>
69
+ <file name="Topmenu.php" hash="baf91d07f38b733b3e09957ccab4db4d"/>
70
  </dir>
71
  <dir name="Helper">
72
+ <file name="Data.php" hash="facc8faf614ee7fa7501a8f48a0d504f"/>
73
+ </dir>
74
+ <dir name="Model">
75
+ <file name="Observer.php" hash="fd7b2bd7b8544e7d769dfee097326a43"/>
76
+ <dir name="System">
77
+ <dir name="Config">
78
+ <dir name="Source">
79
+ <file name="Popuptype.php" hash="cae99d4e53952b9edf40f5667a168f02"/>
80
+ <file name="Position.php" hash="663a74b9ac82ec696b4317f51348deeb"/>
81
+ <file name="Staticblock.php" hash="1ac558e25f8cedefccb4fe93818565a6"/>
82
+ </dir>
83
+ </dir>
84
+ </dir>
85
  </dir>
86
  <dir name="controllers">
87
+ <file name="AjaxmenucontentController.php" hash="8149156483648c590da7d4e977b6829e"/>
88
+ <file name="AjaxmobilemenucontentController.php" hash="38ca4e28579d38d697b22e5940c7ecc6"/>
89
  </dir>
90
  <dir name="etc">
91
+ <file name="config.xml" hash="2ff3e0a3ba40334b5f1c257de443b449"/>
92
+ <file name="system.xml" hash="3aba15847abf6639d2c26901d58d4cfa"/>
93
  </dir>
94
  </dir>
95
  <dir name="SmartCatalog">
96
  <dir name="Block">
97
  <dir name="Product">
98
+ <file name="Promo.php" hash="cf7df00bd794709df1ecbd3211ff53a7"/>
99
  </dir>
100
  <file name="Toggle.php" hash="05f421ec9fae609620f24250d5eb591f"/>
101
  </dir>
106
  <file name="Observer.php" hash="f2225790b750f4defc7eb631057cf459"/>
107
  </dir>
108
  <dir name="etc">
109
+ <file name="config.xml" hash="ed82d59af7244a7b4ba9435ae2563380"/>
110
  <file name="system.xml" hash="0958f674a918e0dcc0ed5c70b9ec5a87"/>
111
  </dir>
112
  </dir>
137
  <file name="Data.php" hash="9442514d1b5c864a63b1af4c883df06b"/>
138
  </dir>
139
  <dir name="etc">
140
+ <file name="config.xml" hash="f2f48fada6827558878b2e4b7270b2da"/>
141
  <file name="system.xml" hash="f9215090b4719e89943cb57980d33f70"/>
142
  </dir>
143
  </dir>
151
  <dir name="layout">
152
  <dir name="webandpeople">
153
  <file name="backtotopbutton.xml" hash="6b51d83c28fab664b4ae44e02858a3f3"/>
154
+ <file name="custommenu.xml" hash="93dc3f19f392b6eb524ddebabf271ad0"/>
155
  <file name="smartcatalog.xml" hash="28cd097f3c9cd8444020f8b8fcf3ba58"/>
156
  <file name="smartproductimage.xml" hash="2b72dcc258c4e440716d7416348682da"/>
157
  </dir>
162
  <file name="button.phtml" hash="2649afd7988da0af70e36e3b289978a5"/>
163
  </dir>
164
  <dir name="custommenu">
165
+ <file name="menucontent.phtml" hash="185449e1085f1aa82dcb30c6731d4348"/>
166
+ <file name="sidebar.phtml" hash="761bfda083cfb05e3716d5e2a76f02e0"/>
167
+ <file name="top.phtml" hash="8aeca4901afc4115ce3b1b8ba5dc54a0"/>
168
  </dir>
169
  <dir name="smartcatalog">
170
  <file name="list-home.phtml" hash="a73eed68e52d7f4551f161972c7b5040"/>
178
  </dir>
179
  <dir name="grayscale2014">
180
  <dir name="layout">
181
+ <file name="local.xml" hash="35d9806f03a693b2c39f9588c8401967"/>
182
  </dir>
183
  <dir name="locale">
184
  <dir name="en_US">
261
  </dir>
262
  <dir name="etc">
263
  <dir name="modules">
 
264
  <file name="WP_BackToTopButton.xml" hash="663133d914db5bfd43ebb5b9d7a97761"/>
265
  <file name="WP_CustomMenu.xml" hash="c367e72a4fd849f0eb777634ca2d422c"/>
266
  <file name="WP_SmartCatalog.xml" hash="20736117beaebce512604feb64c09c1a"/>
316
  <file name="backtotopbutton.css" hash="fcea466a33cad71f5bf221bc375ae09b"/>
317
  </dir>
318
  <dir name="custommenu">
319
+ <file name="custommenu.css" hash="2fe55d59d10e6cc04a522b4db79ce815"/>
320
  </dir>
321
  <dir name="smartcatalog">
322
  <file name="smartcatalog.css" hash="9d8800e0a7328fdcee66917c5d0bc3e2"/>
333
  <dir name="js">
334
  <dir name="webandpeople">
335
  <dir name="custommenu">
336
+ <file name="custommenu.js" hash="3c6821215eef7afa77a73d16e0e890a2"/>
337
+ <file name="webtoolkit.base64.js" hash="d464b20d386bdc75f1eb05ff4963f446"/>
338
  </dir>
339
  <dir name="smartcatalog">
340
  <file name="jquery.smartCatalog.js" hash="20d97df3d75f663ef794cc7d7b735041"/>
344
  </dir>
345
  <dir name="grayscale2014">
346
  <dir name="css">
347
+ <file name="color.css" hash="499b6563db95f701e5ed26c52e5f3a35"/>
348
+ <file name="media-480.css" hash="a0b576595260af4e09ad2bcaeefcdd59"/>
349
+ <file name="media-800.css" hash="9beb800a61dc55daaff1e049e7afe350"/>
350
+ <file name="media-small.css" hash="779710cfff826520025f4d5d30cc487c"/>
351
+ <file name="skin.css" hash="e0631baf591ee2137d3be773c222d17b"/>
352
+ <file name="slider.css" hash="139ea28fe40e33192cfc55914a9a60d3"/>
353
+ <file name="styles-ie.css" hash="b2ffea761c097212d19ff620eebfab39"/>
354
+ <file name="styles.css" hash="b39c2eafd6a712d101156cbc9850f6cc"/>
355
  <dir name="webandpeople">
356
  <dir name="backtotopbutton">
357
+ <file name="backtotopbutton.css" hash="42e7dc7aac02e82e990084d67a35605e"/>
358
  </dir>
359
  <dir name="custommenu">
360
+ <file name="custommenu.css" hash="24d0e45ec846bec920991d1c01d6b861"/>
361
  </dir>
362
  <dir name="smartcatalog">
363
+ <file name="smartcatalog.css" hash="f9a4839a2fb6d08e7179754d67ff3ce9"/>
364
  </dir>
365
  </dir>
366
  </dir>
skin/frontend/default/default/css/webandpeople/custommenu/custommenu.css CHANGED
@@ -2,79 +2,14 @@
2
  position: relative;
3
  font-size: 12px;
4
  padding: 0px 0px 0px 0px;
5
- width: 100%;
6
  border-radius: 2px;
7
  height: auto;
8
- margin: 0 auto;
9
  }
10
  /*IE7 fix*/
11
  *:first-child+html #custommenu {
12
  z-index: 998;
13
  }
14
- div.menu {
15
- float: left;
16
- padding: 0px 0px 0px 0px;
17
- margin: 0px 0px 0px 0px;
18
- }
19
- div.menu a:link, div.menu a:visited {
20
- display: block;
21
- height: 40px;
22
- padding-left: 15px;
23
- padding-right: 15px;
24
- }
25
- div.menu a span {
26
- display: block;
27
- height: 28px;
28
- padding-right: 0px;
29
- padding-top: 12px;
30
- }
31
- div.menu a span:hover {
32
- cursor: pointer;
33
- }
34
- div.wp-custom-menu-popup {
35
- position: absolute;
36
- z-index: 1000;
37
- display: none;
38
- text-align: left;
39
- padding: 0px 0px 10px 0px;
40
- border-top: 0;
41
- width: 100%;
42
- margin-top: -1px;
43
- }
44
- div.menu a, div.wp-custom-menu-popup a {
45
- text-decoration: none;
46
- display:block;
47
- cursor: pointer;
48
- _height: 0;
49
- height: auto;
50
- line-height:13px;
51
- }
52
- div.level1 {
53
- margin-bottom: 5px;
54
- }
55
- div.level2 {
56
- margin-bottom: 5px;
57
- }
58
- div.level3 {
59
- margin-bottom: 5px;
60
- padding: 5px;
61
- }
62
- div.block2 {
63
- padding-top: 0px;
64
- padding-left: 10px;
65
- padding-right: 10px;
66
- display: block;
67
- }
68
- a.level1:link, a.level1:visited {
69
- margin-top: 10px;
70
- margin-bottom: 10px;
71
- padding: 5px 10px;
72
- border-radius: 2px;
73
- }
74
- a.level2:link, a.level2:visited {
75
- padding: 3px 10px;
76
- border-radius: 2px;
77
- }
78
  /* Clearfix */
79
  div.block2:after {
80
  content: ".";
@@ -90,45 +25,53 @@ html[xmlns] div.block2 {
90
  * html div.block2 {
91
  height: 1%;
92
  }
93
- div.block2 p {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94
  margin-bottom: 3px;
95
  line-height: 120%;
96
- color: #000;
97
  font-size: 11px;
98
  }
99
- div.block2 p a {
100
  display: inline;
101
  }
102
- div.block2 a img {
103
  opacity: .9;
104
  filter: alpha(opacity=90);
105
  }
106
- div.block2 a:hover img {
107
  opacity: 1;
108
  filter: alpha(opacity=100);
109
- -webkit-transition: all .2s ease-in-out;
110
- -moz-transition: all .2s ease-in-out;
111
- -ms-transition: all .2s ease-in-out;
112
- transition: all .2s ease-in-out;
113
  }
114
- div.block2 .brand a:hover img {
115
  -webkit-transition: all 0;
116
  -moz-transition: all 0;
117
  -ms-transition: all 0;
118
  transition: all 0;
119
  }
120
- div.wp-custom-menu-popup hr {
121
  margin: 0px 0px 10px 0px;
122
  }
123
- /******************************************* COLUMN WIDTH ***************************** */
124
- div.column {
125
- float: left;
126
- width: 18%; /* for 5 columns*/
127
- padding: 0px 1%;
128
- margin: 0px 0px 0px 0px;
129
- }
130
- /*end COLUMN WIDTH */
131
-
132
  div.itemSubMenu {
133
  margin-left: 0px;
134
  }
@@ -137,107 +80,242 @@ div.itemSubMenu {
137
  height: 0;
138
  overflow: hidden;
139
  }
140
- div.level1 {
141
  margin-bottom: 0px;
142
  }
143
- /*BG*/
144
- #custommenu {
145
- }
146
- div.wp-custom-menu-popup {
147
- background: #f1f1f1;
148
- box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.3);
149
- }
150
- div.menu a:link, div.menu a:visited {
151
- }
152
- div.menu a:hover {
153
- background: #f1f1f1;
154
  }
155
- div.menu a, div.wp-custom-menu-popup a {
156
- -webkit-transition: all .1s linear;
157
- -moz-transition: all .1s linear;
158
- -ms-transition: all .1s linear;
159
- transition: all .1s linear;
 
160
  }
161
- div.menu .brand a, div.wp-custom-menu-popup .brand a {
162
  -webkit-transition: all 0s linear;
163
  -moz-transition: all 0s linear;
164
  -ms-transition: all 0s linear;
165
  transition: all 0s linear;
166
  }
167
- div.menu.active a {
168
- background: #f1f1f1 !important;
169
- color: #000 !important;
 
 
170
  }
171
- div.level3 {
172
- background: #fff;
173
  }
174
- /*FONTS*/
175
- div.menu {
176
- font-weight: normal;
177
- font-size: 14px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
178
  text-transform: uppercase;
179
- font-family: "Segoe UI";
180
  }
181
- a.level1:link, a.level1:visited {
182
- text-transform: none;
183
- font-weight: normal;
 
184
  }
185
- a.level2:link, a.level2:visited {
186
  font-weight: normal;
187
  font-size: 13px;
188
  line-height: 16px;
189
  }
190
- a.level3:link, a.level3:visited {
191
  font-size: 11px;
192
  font-weight: normal;
193
  line-height: 100%;
194
  margin-bottom: 0px;
195
  }
196
- /*COLOR*/
197
- div.menu a:link, div.menu a:visited {
198
- color: #fff;
199
  }
200
- div.menu a:hover, div.menu.active a {
201
- color: #000;
 
 
 
202
  }
203
- a.level3:link, a.level3:visited {
204
- color: #333333;
 
205
  }
206
- a.level3:hover {
207
- color: #b43f74;
208
  }
209
- a.level2:link, a.level2:visited {
210
- color: #000;
 
211
  }
212
- a.level1:hover {
213
- background: #d3d3d3;
214
  }
215
- a.level2:hover {
216
- color: #000;
217
- background: #d3d3d3;
 
218
  }
219
- .block2 table.brand {
220
- float: left;
221
  }
222
- .block2 .single_menu_product {
223
- float: left;
224
- position: relative;
225
- max-width: 150px;
226
- overflow: hidden;
227
- margin-right: 20px;
228
- margin-left: 0px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
229
  }
230
- /*MOBILE MENU STYLES*/
231
- #menu-button, .parentMenu {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
232
  display: inline-block;
233
  }
234
- html[xmlns] #menu-button, html[xmlns] .parentMenu {
235
  display: block;
236
  }
237
- * html #menu-button, * html .parentMenu {
238
  height: 1%;
239
  }
240
- #menu-button:after, .parentMenu:after {
241
  content: ".";
242
  display: block;
243
  clear: both;
@@ -251,23 +329,23 @@ html[xmlns] #menu-button, html[xmlns] .parentMenu {
251
  padding: 0;
252
  z-index: 999;
253
  }
254
- #menu-button {
255
  float: none;
256
  padding: 10px 0px 10px 0px;
257
  margin: 0px 0px 0px 0px;
258
  width: 100%;
259
- border-bottom: 1px solid #fff;
 
260
  text-transform: uppercase;
261
  }
262
- #menu-button a:link, #menu-button a:visited {
263
- color: #fff;
264
  display: block;
265
  float: left;
266
  margin-left: 45%;
267
  position: relative;
268
  padding: 0px 10px;
269
  }
270
- #menu-button a span:after {
271
  display: block;
272
  position: relative;
273
  content: "";
@@ -275,85 +353,97 @@ html[xmlns] #menu-button, html[xmlns] .parentMenu {
275
  height: 0;
276
  border-left: 5px solid transparent;
277
  border-right: 5px solid transparent;
278
- border-top: 4px solid #dadada;
 
279
  margin: 8px 0px 0px 5px;
280
  float: right;
281
  opacity: 0.7;
282
  }
283
- #menu-button:hover {
284
  cursor: pointer;
285
  }
286
- #menu-button:hover a:after {
287
  opacity: 1;
288
  }
289
- .menu-mobile div.column {
290
  float:none;
291
  padding:5px;
292
- background: #fff;
293
  }
294
- .menu-mobile a.itemMenuName {
295
  display: block;
296
  text-align: left;
297
  }
298
- .menu-mobile div.menu-button, .menu-mobile div.menu-mobile {
299
  float: none;
300
  padding: 0px 0px 0px 0px;
301
  margin: 0px 0px 0px 0px;
302
  width: 100%;
303
- border-bottom: 1px solid #fff;
 
304
  }
305
- .menu-mobile div.column {
306
  float: none;
307
  width: 100%;
308
  padding: 0px 0;
309
  margin: 0px 0px 0px 0px;
310
  }
311
- .menu-mobile a.level1:link, .menu-mobile a.level1:visited {
312
  margin-top: 0px;
313
  margin-bottom: 0;
314
  padding: 10px 10px;
315
  border-radius: 2px;
316
- color: #000;
317
  }
318
- .menu-mobile a.level2:link, .menu-mobile a.level2:visited {
319
  padding: 10px 10px;
320
  border-radius: 2px;
321
  }
322
- .menu-mobile a.level1:link, .menu-mobile a.level1:visited {
323
- color: #555;
324
- }
325
- .menu-mobile a.level1:hover {
326
- background-color: #f1f1f1;
327
- }
328
- .menu-mobile .parent {
329
- background-color: #fff;
330
- }
331
  /*buttons level 01*/
332
- .menu-mobile .parentMenu {
333
- padding: 0px 0px;
334
  display: block;
335
  text-align: left;
336
- border-bottom: 1px solid #dadada;
337
  }
338
- .menu-mobile .parentMenu a:link, .menu-mobile .parentMenu a:visited {
339
  padding: 10px 0px 10px 10px;
340
  margin-right: 80px;
341
- color: #000;
342
  display: block;
343
  }
344
- .menu-mobile .parentMenu:hover {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
345
  cursor: pointer;
346
  }
347
- .parentMenu {
348
  position: relative;
349
  }
350
- .parentMenu a {
351
  display: block;
352
  }
353
- #menu-button {
354
  cursor: pointer;
355
  }
356
- .menu-mobile div.level2 {
357
  margin-bottom: 0;
358
  }
359
  #custommenu-mobile .button {
@@ -381,16 +471,63 @@ html[xmlns] #menu-button, html[xmlns] .parentMenu {
381
  #custommenu-mobile .level1 .button.open {
382
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
383
  }
384
- /*BG*/
385
- #custommenu-mobile .parentMenu:hover a:link, #custommenu-mobile .parentMenu:hover a:visited, #custommenu-mobile .parentMenu:hover {
386
- background-color: #fff;
 
387
  }
388
- #custommenu-mobile .level0 {
389
- background-color: #f1f1f1;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
390
  }
391
- #custommenu-mobile .level1 {
392
- background-color: #e4e4e4;
 
 
 
 
 
 
 
 
 
 
 
 
 
393
  }
394
- #custommenu-mobile .level2 {
 
 
 
395
  background-color: #f1f1f1;
396
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2
  position: relative;
3
  font-size: 12px;
4
  padding: 0px 0px 0px 0px;
 
5
  border-radius: 2px;
6
  height: auto;
7
+ width: 100%;
8
  }
9
  /*IE7 fix*/
10
  *:first-child+html #custommenu {
11
  z-index: 998;
12
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
13
  /* Clearfix */
14
  div.block2:after {
15
  content: ".";
25
  * html div.block2 {
26
  height: 1%;
27
  }
28
+ /*end clearfix*/
29
+ div.wp-custom-menu-popup {
30
+ position: absolute;
31
+ z-index: 1000;
32
+ display: none;
33
+ text-align: left;
34
+ border-top: 0;
35
+ margin-top: -1px;
36
+ }
37
+ #custommenu div.menu {
38
+ float: left;
39
+ padding: 0px 0px 0px 0px;
40
+ margin: 0px 0px 0px 0px;
41
+ }
42
+ #custommenu div.menu a span:hover {
43
+ cursor: pointer;
44
+ }
45
+ /*static block*/
46
+ #custommenu div.block2 p {
47
  margin-bottom: 3px;
48
  line-height: 120%;
 
49
  font-size: 11px;
50
  }
51
+ #custommenu div.block2 p a {
52
  display: inline;
53
  }
54
+ #custommenu div.block2 a img {
55
  opacity: .9;
56
  filter: alpha(opacity=90);
57
  }
58
+ #custommenu div.block2 a:hover img {
59
  opacity: 1;
60
  filter: alpha(opacity=100);
61
+ -webkit-transition: all .2s ease-in-out;
62
+ -moz-transition: all .2s ease-in-out;
63
+ -ms-transition: all .2s ease-in-out;
64
+ transition: all .2s ease-in-out;
65
  }
66
+ #custommenu div.block2 #custommenu .brand a:hover img {
67
  -webkit-transition: all 0;
68
  -moz-transition: all 0;
69
  -ms-transition: all 0;
70
  transition: all 0;
71
  }
72
+ #custommenu div.wp-custom-menu-popup hr {
73
  margin: 0px 0px 10px 0px;
74
  }
 
 
 
 
 
 
 
 
 
75
  div.itemSubMenu {
76
  margin-left: 0px;
77
  }
80
  height: 0;
81
  overflow: hidden;
82
  }
83
+ #custommenu div.level1 {
84
  margin-bottom: 0px;
85
  }
86
+ #custommenu .block2 .single_menu_product {
87
+ float: left;
88
+ position: relative;
89
+ max-width: 150px;
90
+ overflow: hidden;
91
+ margin-right: 20px;
92
+ margin-left: 0px;
 
 
 
 
93
  }
94
+ /*transitions*/
95
+ #custommenu div.menu a, #custommenu div.wp-custom-menu-popup a {
96
+ -webkit-transition: all .1s linear;
97
+ -moz-transition: all .1s linear;
98
+ -ms-transition: all .1s linear;
99
+ transition: all .1s linear;
100
  }
101
+ #custommenu div.menu .brand a, #custommenu div.wp-custom-menu-popup .brand a {
102
  -webkit-transition: all 0s linear;
103
  -moz-transition: all 0s linear;
104
  -ms-transition: all 0s linear;
105
  transition: all 0s linear;
106
  }
107
+ /*******************************************TOP MENU*******************************************/
108
+
109
+ #custommenu div.wp-custom-menu-popup {
110
+ padding: 0px 0px 10px 0px;
111
+ border-radius: 0px 3px 3px 0px;
112
  }
113
+ #custommenu div.level1 {
114
+ margin-bottom: 5px;
115
  }
116
+ #custommenu div.level2 {
117
+ margin-bottom: 5px;
118
+ }
119
+ #custommenu div.level3 {
120
+ margin-bottom: 5px;
121
+ padding: 5px;
122
+ }
123
+ div.block2 {
124
+ padding-top: 10px;
125
+ padding-left: 10px;
126
+ padding-right: 10px;
127
+ display: block;
128
+ }
129
+ /*column width - 4 columns*/
130
+ #custommenu div.column {
131
+ margin: 0px 0px 0px 0px;
132
+ float: left;
133
+ padding: 0px 5px;
134
+ }
135
+ /*buttons and links*/
136
+ #custommenu div.menu a:link, #custommenu div.menu a:visited {
137
+ display: block;
138
+ height: 30px;
139
+ padding-left: 15px;
140
+ padding-right: 15px;
141
+ }
142
+ #custommenu div.menu a span {
143
+ display: block;
144
+ height: 21px;
145
+ padding-right: 0px;
146
+ padding-top: 9px;
147
+ }
148
+ #custommenu div.menu a, #custommenu div.wp-custom-menu-popup a {
149
+ text-decoration: none;
150
+ display:block;
151
+ cursor: pointer;
152
+ _height: 0;размерах
153
+ height: auto;
154
+ line-height:13px;
155
+ }
156
+ #custommenu a.level1:link, #custommenu a.level1:visited {
157
+ margin-top: 10px;
158
+ margin-bottom: 10px;
159
+ padding: 5px 10px;
160
+ border-radius: 2px;
161
+ }
162
+ #custommenu a.level2:link, #custommenu a.level2:visited,
163
+ #custommenu a.level3:link, #custommenu a.level3:visited {
164
+ padding: 3px 10px;
165
+ border-radius: 2px;
166
+ -webkit-transition: all .1s linear;
167
+ -moz-transition: all .1s linear;
168
+ -ms-transition: all .1s linear;
169
+ transition: all .1s linear;
170
+ }
171
+ /*fonts*/
172
+ #custommenu div.menu {
173
+ font-weight: bold;
174
+ font-size: 13px;
175
  text-transform: uppercase;
176
+ font-family: "Trebuchet MS", Arial, sans-serif;
177
  }
178
+ #custommenu a.level1:link, #custommenu a.level1:visited {
179
+ text-transform: uppercase;
180
+ font-weight: bold;
181
+ font-family: Arial, sans-serif;
182
  }
183
+ #custommenu a.level2:link, #custommenu a.level2:visited {
184
  font-weight: normal;
185
  font-size: 13px;
186
  line-height: 16px;
187
  }
188
+ #custommenu a.level3:link, #custommenu a.level3:visited {
189
  font-size: 11px;
190
  font-weight: normal;
191
  line-height: 100%;
192
  margin-bottom: 0px;
193
  }
194
+ /*color scheme*/
195
+ #custommenu div.wp-custom-menu-popup {
196
+ background: #fff;
197
  }
198
+ #custommenu .menu a:hover, #wp-nav-container .active a {
199
+ background: #fff;
200
+ }
201
+ #custommenu div.wp-custom-menu-popup a:hover {
202
+ background: #f1f1f1;
203
  }
204
+ /*******************************************SIDEBAR MENU*******************************************/
205
+ .wp-custommenu-sidebar {
206
+ position: relative;
207
  }
208
+ .wp-custommenu-sidebar div.menu {
209
+ float: none;
210
  }
211
+ .wp-custommenu-sidebar div.column {
212
+ width: auto;
213
+ padding: 0 10px; /* must be fixed! do not use percent! */
214
  }
215
+ .wp-custommenu-sidebar .itemMenuName {
216
+ display: block;
217
  }
218
+ .wp-custommenu-sidebar div.wp-custom-menu-popup {
219
+ padding: 10px 0px 10px 0px;
220
+ border-radius: 0px 3px 3px 0px;
221
+ border-left: 0;
222
  }
223
+ .wp-custommenu-sidebar.block-content {
224
+ padding: 0;
225
  }
226
+ /*popup links width*/
227
+ .wp-custommenu-sidebar .popup a.level1 {
228
+ background-position: 99% 50%;
229
+ background-repeat: no-repeat;
230
+ }
231
+ /*buttons and links*/
232
+ .wp-custommenu-sidebar div.menu a:link, .wp-custommenu-sidebar div.menu a:visited {
233
+ display: block;
234
+ padding: 5px 3px;
235
+ margin-bottom: 5px;
236
+ border-radius: 2px;
237
+ }
238
+ .wp-custommenu-sidebar div.menu a span {
239
+ display: block;
240
+ }
241
+ .wp-custommenu-sidebar div.menu a, .wp-custommenu-sidebar div.wp-custom-menu-popup a {
242
+ text-decoration: none;
243
+ display:block;
244
+ cursor: pointer;
245
+ _height: 0;
246
+ height: auto;
247
+ }
248
+ .wp-custommenu-sidebar a.level1:link, .wp-custommenu-sidebar a.level1:visited {
249
+ padding: 5px;
250
+ margin-bottom: 3px;
251
+ }
252
+ .wp-custommenu-sidebar div.block1 a:link, .wp-custommenu-sidebar div.block1 a:visited {
253
+ display: block;
254
+ float: none;
255
+ padding: 3px;
256
+ }
257
+ .wp-custommenu-sidebar a.level2:link, .wp-custommenu-sidebar a.level2:visited,
258
+ .wp-custommenu-sidebar a.level3:link, .wp-custommenu-sidebar a.level3:visited {
259
+ padding: 3px 10px;
260
+ border-radius: 2px;
261
+ -webkit-transition: all .1s linear;
262
+ -moz-transition: all .1s linear;
263
+ -ms-transition: all .1s linear;
264
+ transition: all .1s linear;
265
+ }
266
+ /*fonts*/
267
+ .wp-custommenu-sidebar a.level0:link, .wp-custommenu-sidebar a.level0:visited {
268
+ margin-bottom: 3px;
269
+ padding: 5px;
270
+ font-size: 14px;
271
+ font-weight: bold;
272
+ font-family: Arial, sans-serif;
273
+ }
274
+ .wp-custommenu-sidebar a.level1:link, .wp-custommenu-sidebar a.level1:visited {
275
+ text-transform: none;
276
+ font-weight: normal;
277
+ font-size: 14px;
278
+ font-family: Arial, sans-serif;
279
+ }
280
+ .wp-custommenu-sidebar a.level2:link, .wp-custommenu-sidebar a.level2:visited,
281
+ .wp-custommenu-sidebar div.wp-custom-menu-popup a.level2:link, .wp-custommenu-sidebar div.wp-custom-menu-popup a.level2:visited {
282
+ font-weight: normal;
283
+ font-size: 13px;
284
+ line-height: 16px;
285
+ }
286
+ .wp-custommenu-sidebar a.level3:link, .wp-custommenu-sidebar a.level3:visited,
287
+ .wp-custommenu-sidebar div.wp-custom-menu-popup a.level3:link, .wp-custommenu-sidebar div.wp-custom-menu-popup a.level3:visited {
288
+ font-size: 12px;
289
+ font-weight: normal;
290
+ line-height: 100%;
291
+ margin-bottom: 0px;
292
  }
293
+ /*color scheme*/
294
+ .wp-custommenu-sidebar div.wp-custom-menu-popup {
295
+ box-shadow: 0 0 10px 0px #999999;
296
+ background: #fff;
297
+ }
298
+ .wp-custommenu-sidebar a.level0:hover, .wp-custommenu-sidebar a.level1:hover, .wp-custommenu-sidebar a.level2:hover, .wp-custommenu-sidebar a.level3:hover,
299
+ .wp-custommenu-sidebar .active a:link, .wp-custommenu-sidebar .active a:visited,
300
+ .wp-custommenu-sidebar div.wp-custom-menu-popup a:hover {
301
+ background-color: #f1f1f1;
302
+ }
303
+ .wp-custommenu-sidebar .popup a.level1 {
304
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNrs1EEOADAEBMDyVe/y1m3celxETzZxHUJCAJyJ6BnKwgs3YDND1NjELE7D7i4ZPDVxBtfqGt4m7eOxaOl4DBqRfZsL/4OvAAMAWnwedcvK1tUAAAAASUVORK5CYII=);
305
+ background-position: 99% 50%;
306
+ background-repeat: no-repeat;
307
+ }
308
+ /*******************************************MOBILE MENU*******************************************/
309
+ #custommenu-mobile #menu-button, #custommenu-mobile .parentMenu {
310
  display: inline-block;
311
  }
312
+ html[xmlns] #custommenu-mobile #menu-button, html[xmlns] #custommenu-mobile .parentMenu {
313
  display: block;
314
  }
315
+ * html #custommenu-mobile #menu-button, * html #custommenu-mobile .parentMenu {
316
  height: 1%;
317
  }
318
+ #custommenu-mobile #menu-button:after, #custommenu-mobile .parentMenu:after {
319
  content: ".";
320
  display: block;
321
  clear: both;
329
  padding: 0;
330
  z-index: 999;
331
  }
332
+ #custommenu-mobile #menu-button {
333
  float: none;
334
  padding: 10px 0px 10px 0px;
335
  margin: 0px 0px 0px 0px;
336
  width: 100%;
337
+ border-bottom-width: 1px;
338
+ border-bottom-style: solid;
339
  text-transform: uppercase;
340
  }
341
+ #custommenu-mobile #menu-button a:link, #custommenu-mobile #menu-button a:visited {
 
342
  display: block;
343
  float: left;
344
  margin-left: 45%;
345
  position: relative;
346
  padding: 0px 10px;
347
  }
348
+ #custommenu-mobile #menu-button a span:after {
349
  display: block;
350
  position: relative;
351
  content: "";
353
  height: 0;
354
  border-left: 5px solid transparent;
355
  border-right: 5px solid transparent;
356
+ border-top-width: 4px;
357
+ border-top-style: solid;
358
  margin: 8px 0px 0px 5px;
359
  float: right;
360
  opacity: 0.7;
361
  }
362
+ #custommenu-mobile #menu-button:hover {
363
  cursor: pointer;
364
  }
365
+ #custommenu-mobile #menu-button:hover a:after {
366
  opacity: 1;
367
  }
368
+ #custommenu-mobile div.column {
369
  float:none;
370
  padding:5px;
 
371
  }
372
+ #custommenu-mobile a.itemMenuName {
373
  display: block;
374
  text-align: left;
375
  }
376
+ #custommenu-mobile div.menu-button, .menu-mobile div.menu-mobile {
377
  float: none;
378
  padding: 0px 0px 0px 0px;
379
  margin: 0px 0px 0px 0px;
380
  width: 100%;
381
+ border-bottom-width: 1px;
382
+ border-bottom-style: solid;
383
  }
384
+ #custommenu-mobile div.column {
385
  float: none;
386
  width: 100%;
387
  padding: 0px 0;
388
  margin: 0px 0px 0px 0px;
389
  }
390
+ #custommenu-mobile a.level1:link, #custommenu-mobile a.level1:visited {
391
  margin-top: 0px;
392
  margin-bottom: 0;
393
  padding: 10px 10px;
394
  border-radius: 2px;
 
395
  }
396
+ #custommenu-mobile a.level2:link, #custommenu-mobile a.level2:visited {
397
  padding: 10px 10px;
398
  border-radius: 2px;
399
  }
 
 
 
 
 
 
 
 
 
400
  /*buttons level 01*/
401
+ #custommenu-mobile .parentMenu {
402
+ padding: 0 0;
403
  display: block;
404
  text-align: left;
 
405
  }
406
+ #custommenu-mobile .parentMenu a:link, #custommenu-mobile .parentMenu a:visited {
407
  padding: 10px 0px 10px 10px;
408
  margin-right: 80px;
 
409
  display: block;
410
  }
411
+ #custommenu-mobile a.level1:link, #custommenu-mobile a.level1:visited {
412
+ margin-top: 0;
413
+ margin-bottom: 0;
414
+ padding-top: 10px;
415
+ padding-bottom: 10px;
416
+ }
417
+ #custommenu-mobile a.level2:link, #custommenu-mobile a.level2:visited {
418
+ margin-top: 0;
419
+ margin-bottom: 0;
420
+ padding-top: 5px;
421
+ padding-bottom: 5px;
422
+ }
423
+ #custommenu-mobile a.level3:link, #custommenu-mobile a.level3 :visited {
424
+ padding-left: 3%;
425
+ background-repeat: no-repeat;
426
+ background-image: url(data:image/gif;base64,R0lGODlhAwAFAIABAI+Pj////yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==);
427
+ background-position: 1% 50%;
428
+ margin-top: 0;
429
+ margin-bottom: 0;
430
+ padding-top: 0px;
431
+ padding-bottom: 0px;
432
+ }
433
+
434
+ #custommenu-mobile .parentMenu:hover {
435
  cursor: pointer;
436
  }
437
+ #custommenu-mobile .parentMenu {
438
  position: relative;
439
  }
440
+ #custommenu-mobile .parentMenu a {
441
  display: block;
442
  }
443
+ #custommenu-mobile #menu-button {
444
  cursor: pointer;
445
  }
446
+ #custommenu-mobile div.level2 {
447
  margin-bottom: 0;
448
  }
449
  #custommenu-mobile .button {
471
  #custommenu-mobile .level1 .button.open {
472
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
473
  }
474
+ /*fonts*/
475
+ #custommenu-mobile .parentMenu a:link, #custommenu-mobile .parentMenu a:visited { text-transform: uppercase;
476
+ font-size: 14px;
477
+ font-weight: bold;
478
  }
479
+ #custommenu-mobile a.level1:link, #custommenu-mobile a.level1:visited {
480
+ font-weight: normal;
481
+ text-transform: none;
482
+ font-family: Arial, sans-serif;
483
+ }
484
+ #custommenu-mobile a.level2:link, #custommenu-mobile a.level2:visited {
485
+ font-weight: normal;
486
+ text-transform: none;
487
+ font-family: Arial, sans-serif;
488
+ font-size: 13px;
489
+ line-height: 16px;
490
+ }
491
+ #custommenu-mobile a.level3:link, #custommenu-mobile a.level3 :visited { font-weight: normal;
492
+ text-transform: none;
493
+ font-family: Arial, sans-serif;
494
+ font-size: 11px;
495
+ font-weight: normal;
496
+ line-height: 100%;
497
  }
498
+ /*color scheme*/
499
+ #custommenu-mobile #menu-button a:link, #custommenu-mobile #menu-button a:visited {
500
+ color: #fff;
501
+ }
502
+ #custommenu-mobile #menu-button a:hover {
503
+ color: #999;
504
+ }
505
+ #custommenu-mobile .parentMenu a:link, #custommenu-mobile .parentMenu a:visited {
506
+ color: #000;
507
+ }
508
+ #custommenu-mobile #menu-content {
509
+ border-bottom: 1px solid #dadada;
510
+ }
511
+ #custommenu-mobile div.parentMenu {
512
+ border-bottom: 1px solid #dadada;
513
  }
514
+ #custommenu-mobile div.level0, #custommenu-mobile div.level2 {
515
+ background-color: #ffffff;
516
+ }
517
+ #custommenu-mobile div.level1, #custommenu-mobile div.level4 {
518
  background-color: #f1f1f1;
519
  }
520
+ #custommenu-mobile div.parentMenu:hover {
521
+ background-color: #dadada;
522
+ }
523
+
524
+ .actParent {
525
+ color: green;
526
+ }
527
+ .act {
528
+ color: red;
529
+ }
530
+
531
+ .active a {
532
+ color: black;
533
+ }
skin/frontend/default/default/js/webandpeople/custommenu/custommenu.js CHANGED
@@ -1,263 +1,419 @@
1
- function wpShowMenuPopup(objMenu, event, popupId)
2
- {
3
- if (typeof wpCustommenuTimerHide[popupId] != 'undefined') clearTimeout(wpCustommenuTimerHide[popupId]);
4
- objMenu = $(objMenu.id); var popup = $(popupId); if (!popup) return;
5
- if (!!wpActiveMenu) {
6
- wpHideMenuPopup(objMenu, event, wpActiveMenu.popupId, wpActiveMenu.menuId);
7
- }
8
- wpActiveMenu = {menuId: objMenu.id, popupId: popupId};
9
- if (!objMenu.hasClassName('active')) {
10
- wpCustommenuTimerShow[popupId] = setTimeout(function() {
11
- objMenu.addClassName('active');
12
- var popupWidth = CUSTOMMENU_POPUP_WIDTH;
13
- if (!popupWidth) popupWidth = popup.getWidth();
14
- var pos = wpPopupPos(objMenu, popupWidth);
15
- popup.style.top = pos.top + 'px';
16
- popup.style.left = pos.left + 'px';
17
- wpSetPopupZIndex(popup);
18
- if (CUSTOMMENU_POPUP_WIDTH)
19
- popup.style.width = CUSTOMMENU_POPUP_WIDTH + 'px';
20
- // --- Static Block width ---
21
- var block2 = $(popupId).select('div.block2');
22
- if (typeof block2[0] != 'undefined') {
23
- var wStart = block2[0].id.indexOf('_w');
24
- if (wStart > -1) {
25
- var w = block2[0].id.substr(wStart+2);
26
- } else {
27
- var w = 0;
28
- $(popupId).select('div.block1 div.column').each(function(item) {
29
- w += $(item).getWidth();
30
- });
31
- }
32
- if (w) block2[0].style.width = w + 'px';
33
- }
34
- // --- change href ---
35
- var wpMenuAnchor = $(objMenu.select('a')[0]);
36
- wpChangeTopMenuHref(wpMenuAnchor, true);
37
- // --- show popup ---
38
- if (typeof jQuery == 'undefined') {
39
- popup.style.display = 'block';
40
- } else {
41
- jQuery('#' + popupId).stop(true, true).fadeIn();
42
- }
43
- }, CUSTOMMENU_POPUP_DELAY_BEFORE_DISPLAYING);
44
- }
45
- }
46
-
47
- function wpHideMenuPopup(element, event, popupId, menuId)
48
- {
49
- if (typeof wpCustommenuTimerShow[popupId] != 'undefined') clearTimeout(wpCustommenuTimerShow[popupId]);
50
- var element = $(element); var objMenu = $(menuId) ;var popup = $(popupId); if (!popup) return;
51
- var wpCurrentMouseTarget = getCurrentMouseTarget(event);
52
- if (!!wpCurrentMouseTarget) {
53
- if (!wpIsChildOf(element, wpCurrentMouseTarget) && element != wpCurrentMouseTarget) {
54
- if (!wpIsChildOf(popup, wpCurrentMouseTarget) && popup != wpCurrentMouseTarget) {
55
- if (objMenu.hasClassName('active')) {
56
- wpCustommenuTimerHide[popupId] = setTimeout(function() {
57
- objMenu.removeClassName('active');
58
- // --- change href ---
59
- var wpMenuAnchor = $(objMenu.select('a')[0]);
60
- wpChangeTopMenuHref(wpMenuAnchor, false);
61
- // --- hide popup ---
62
- if (typeof jQuery == 'undefined') {
63
- popup.style.display = 'none';
64
- } else {
65
- jQuery('#' + popupId).stop(true, true).fadeOut();
66
- }
67
- }, CUSTOMMENU_POPUP_DELAY_BEFORE_HIDING);
68
- }
69
- }
70
- }
71
- }
72
- }
73
-
74
- function wpPopupOver(element, event, popupId, menuId)
75
- {
76
- if (typeof wpCustommenuTimerHide[popupId] != 'undefined') clearTimeout(wpCustommenuTimerHide[popupId]);
77
- }
78
-
79
- function wpPopupPos(objMenu, w)
80
- {
81
- var pos = objMenu.cumulativeOffset();
82
- var wraper = $('custommenu');
83
- var posWraper = wraper.cumulativeOffset();
84
- var xTop = pos.top - posWraper.top
85
- if (CUSTOMMENU_POPUP_TOP_OFFSET) {
86
- xTop += CUSTOMMENU_POPUP_TOP_OFFSET;
87
- } else {
88
- xTop += objMenu.getHeight();
89
- }
90
- var res = {'top': xTop};
91
- if (CUSTOMMENU_RTL_MODE) {
92
- var xLeft = pos.left - posWraper.left - w + objMenu.getWidth();
93
- if (xLeft < 0) xLeft = 0;
94
- res.left = xLeft;
95
- } else {
96
- var wWraper = wraper.getWidth();
97
- var xLeft = pos.left - posWraper.left;
98
- if ((xLeft + w) > wWraper) xLeft = wWraper - w;
99
- if (xLeft < 0) xLeft = 0;
100
- res.left = xLeft;
101
- }
102
- return res;
103
- }
104
-
105
- function wpChangeTopMenuHref(wpMenuAnchor, state)
106
- {
107
- if (state) {
108
- wpMenuAnchor.href = wpMenuAnchor.rel;
109
- } else if (wpIsMobile.any()) {
110
- wpMenuAnchor.href = 'javascript:void(0);';
111
- }
112
- }
113
-
114
- function wpIsChildOf(parent, child)
115
- {
116
- if (child != null) {
117
- while (child.parentNode) {
118
- if ((child = child.parentNode) == parent) {
119
- return true;
120
- }
121
- }
122
- }
123
- return false;
124
- }
125
-
126
- function wpSetPopupZIndex(popup)
127
- {
128
- $$('.wp-custom-menu-popup').each(function(item){
129
- item.style.zIndex = '9999';
130
- });
131
- popup.style.zIndex = '10000';
132
- }
133
-
134
- function getCurrentMouseTarget(xEvent)
135
- {
136
- var wpCurrentMouseTarget = null;
137
- if (xEvent.toElement) {
138
- wpCurrentMouseTarget = xEvent.toElement;
139
- } else if (xEvent.relatedTarget) {
140
- wpCurrentMouseTarget = xEvent.relatedTarget;
141
- }
142
- return wpCurrentMouseTarget;
143
- }
144
-
145
- function getCurrentMouseTargetMobile(xEvent)
146
- {
147
- if (!xEvent) var xEvent = window.event;
148
- var wpCurrentMouseTarget = null;
149
- if (xEvent.target) wpCurrentMouseTarget = xEvent.target;
150
- else if (xEvent.srcElement) wpCurrentMouseTarget = xEvent.srcElement;
151
- if (wpCurrentMouseTarget.nodeType == 3) // defeat Safari bug
152
- wpCurrentMouseTarget = wpCurrentMouseTarget.parentNode;
153
- return wpCurrentMouseTarget;
154
- }
155
-
156
- /* Mobile */
157
- function wpMenuButtonToggle()
158
- {
159
- $('menu-content').toggle();
160
- }
161
-
162
- function wpGetMobileSubMenuLevel(id)
163
- {
164
- var rel = $(id).readAttribute('rel');
165
- return parseInt(rel.replace('level', ''));
166
- }
167
-
168
- function wpSubMenuToggle(obj, activeMenuId, activeSubMenuId)
169
- {
170
- var currLevel = wpGetMobileSubMenuLevel(activeSubMenuId);
171
- // --- hide submenus ---
172
- $$('.wp-custom-menu-submenu').each(function(item) {
173
- if (item.id == activeSubMenuId) return;
174
- var xLevel = wpGetMobileSubMenuLevel(item.id);
175
- if (xLevel >= currLevel) {
176
- $(item).hide();
177
- }
178
- });
179
- // --- reset button state ---
180
- $('custommenu-mobile').select('span.button').each(function(xItem) {
181
- var subMenuId = $(xItem).readAttribute('rel');
182
- if (!$(subMenuId).visible()) {
183
- $(xItem).removeClassName('open');
184
- }
185
- });
186
- // ---
187
- if ($(activeSubMenuId).getStyle('display') == 'none') {
188
- $(activeSubMenuId).show();
189
- $(obj).addClassName('open');
190
- } else {
191
- $(activeSubMenuId).hide();
192
- $(obj).removeClassName('open');
193
- }
194
- }
195
-
196
- function wpResetMobileMenuState()
197
- {
198
- $('menu-content').hide();
199
- $$('.wp-custom-menu-submenu').each(function(item) {
200
- $(item).hide();
201
- });
202
- $('custommenu-mobile').select('span.button').each(function(item) {
203
- $(item).removeClassName('open');
204
- });
205
- }
206
-
207
- function wpCustomMenuMobileToggle()
208
- {
209
- var w = window,
210
- d = document,
211
- e = d.documentElement,
212
- g = d.getElementsByTagName('body')[0],
213
- x = w.innerWidth || e.clientWidth || g.clientWidth,
214
- y = w.innerHeight|| e.clientHeight|| g.clientHeight;
215
-
216
- if ((x < 800 || wpIsMobile.any()) && wpMobileMenuEnabled) {
217
- $('custommenu').hide();
218
- $('custommenu-mobile').show();
219
- // --- ajax load ---
220
- if (wpMoblieMenuAjaxUrl) {
221
- new Ajax.Updater({success: 'menu-content'}, wpMoblieMenuAjaxUrl, {
222
- method: 'get',
223
- asynchronous: true
224
- });
225
- wpMoblieMenuAjaxUrl = null;
226
- }
227
- } else {
228
- $('custommenu-mobile').hide();
229
- wpResetMobileMenuState();
230
- $('custommenu').show();
231
- // --- ajax load ---
232
- if (wpMenuAjaxUrl) {
233
- new Ajax.Updater({success: 'custommenu'}, wpMenuAjaxUrl, {
234
- method: 'get',
235
- asynchronous: true
236
- });
237
- wpMenuAjaxUrl = null;
238
- }
239
- }
240
-
241
- if ($('custommenu-loading')) $('custommenu-loading').remove();
242
- }
243
-
244
- var wpIsMobile = {
245
- Android: function() {
246
- return navigator.userAgent.match(/Android/i);
247
- },
248
- BlackBerry: function() {
249
- return navigator.userAgent.match(/BlackBerry/i);
250
- },
251
- iOS: function() {
252
- return navigator.userAgent.match(/iPhone|iPad|iPod/i);
253
- },
254
- Opera: function() {
255
- return navigator.userAgent.match(/Opera Mini/i);
256
- },
257
- Windows: function() {
258
- return navigator.userAgent.match(/IEMobile/i);
259
- },
260
- any: function() {
261
- return (wpIsMobile.Android() || wpIsMobile.BlackBerry() || wpIsMobile.iOS() || wpIsMobile.Opera() || wpIsMobile.Windows());
262
- }
263
- };
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* -------------------- */
2
+ /* --- Default view --- */
3
+ /* -------------------- */
4
+
5
+ var wpMenuLoaded = false;
6
+
7
+ function wpInitPopupContent()
8
+ {
9
+ var xMenu = null;
10
+ if (wpMenuLoaded) return;
11
+ xMenu = $('custommenu');
12
+ if (wpPopupMenuContent && xMenu) xMenu.innerHTML = wpPopupMenuContent + xMenu.innerHTML;
13
+ xMenu = $('wp-sidebar-nav-container-content');
14
+ if (wpPopupMenuSidebarContent && xMenu) xMenu.innerHTML = wpPopupMenuSidebarContent + xMenu.innerHTML;
15
+ wpMenuLoaded = true;
16
+ }
17
+
18
+ function wpShowMenuPopup(objMenu, event, popupId)
19
+ {
20
+ wpInitPopupContent();
21
+ if (typeof wpCustommenuTimerHide[popupId] != 'undefined') clearTimeout(wpCustommenuTimerHide[popupId]);
22
+ objMenu = $(objMenu.id); var popup = $(popupId); if (!popup) return;
23
+ if (!!wpActiveMenu) {
24
+ wpHideMenuPopup(objMenu, event, wpActiveMenu.popupId, wpActiveMenu.menuId);
25
+ }
26
+ wpActiveMenu = {menuId: objMenu.id, popupId: popupId};
27
+ if (!objMenu.hasClassName('active')) {
28
+ wpCustommenuTimerShow[popupId] = setTimeout(function() {
29
+ objMenu.addClassName('active');
30
+ // --- Position ---
31
+ if (wpMenuPosition == CUSTOMMENU_POSITION_TOP) { // --- Top Position
32
+ var popupWidth = CUSTOMMENU_POPUP_WIDTH;
33
+ if (!popupWidth) popupWidth = popup.getWidth();
34
+ var pos = wpPopupPos(objMenu, popupWidth);
35
+ popup.style.top = pos.top + 'px';
36
+ popup.style.left = pos.left + 'px';
37
+ wpSetPopupZIndex(popup);
38
+ if (CUSTOMMENU_POPUP_WIDTH) {
39
+ popup.style.width = CUSTOMMENU_POPUP_WIDTH + 'px';
40
+ }
41
+ } else { // --- Sidebar Position
42
+ var popupWidth = 0;
43
+ if (CUSTOMMENU_POPUP_SB_WIDTH) {
44
+ popupWidth = CUSTOMMENU_POPUP_SB_WIDTH;
45
+ popup.style.width = popupWidth + 'px';
46
+ } else if (!popup.style.width) {
47
+ // --- get auto width of Popup ---
48
+ var popupContent = document.createElement('div');
49
+ $(popupContent).setStyle({'float' : 'left', 'display': 'none'});
50
+ $(popupContent).addClassName($('wp-sidebar-nav-container-content').readAttribute('class'));
51
+ popupContent.innerHTML = popup.innerHTML;
52
+ var pageBody = document.getElementsByTagName('BODY')[0];
53
+ pageBody.appendChild(popupContent);
54
+ popupWidth = popupContent.getWidth();
55
+ pageBody.removeChild(popupContent);
56
+ // --- / get auto width of Popup ---
57
+ popup.style.width = popupWidth + 'px';
58
+ } else {
59
+ popupWidth = popup.getWidth();
60
+ }
61
+ if (CUSTOMMENU_POPUP_SB_HEIGHT) popup.style.height = CUSTOMMENU_POPUP_SB_HEIGHT + 'px';
62
+ var pos = wpPopupPosSidebar(objMenu, popup.getHeight());
63
+ popup.style.top = pos.top + 'px';
64
+ if (wpMenuPosition == CUSTOMMENU_POSITION_LEFT) {
65
+ popup.style.left = pos.left + 'px';
66
+ } else if (wpMenuPosition == CUSTOMMENU_POSITION_RIGHT) {
67
+ popup.style.left = -popupWidth + 'px';
68
+ }
69
+ }
70
+ // --- / Position ---
71
+ // --- Static Block width ---
72
+ var block2 = $(popupId).select('div.block2');
73
+ if (typeof block2[0] != 'undefined') {
74
+ var wStart = block2[0].id.indexOf('_w');
75
+ if (wStart > -1) {
76
+ var w = block2[0].id.substr(wStart+2);
77
+ } else {
78
+ var w = 0;
79
+ $(popupId).select('div.block1 div.column').each(function(item) {
80
+ w += $(item).getWidth();
81
+ });
82
+ }
83
+ if (w) block2[0].style.width = w + 'px';
84
+ }
85
+ // --- change href ---
86
+ var wpMenuAnchor = $(objMenu.select('a')[0]);
87
+ wpChangeTopMenuHref(wpMenuAnchor, true);
88
+ // --- show popup ---
89
+ if (typeof jQuery == 'undefined' ||
90
+ (wpMenuPosition != CUSTOMMENU_POSITION_TOP)
91
+ ) {
92
+ popup.style.display = 'block';
93
+ } else {
94
+ jQuery('#' + popupId).stop(true, true).fadeIn();
95
+ }
96
+ }, CUSTOMMENU_POPUP_DELAY_BEFORE_DISPLAYING);
97
+ }
98
+ }
99
+
100
+ function wpHideMenuPopup(element, event, popupId, menuId)
101
+ {
102
+ if (typeof wpCustommenuTimerShow[popupId] != 'undefined') clearTimeout(wpCustommenuTimerShow[popupId]);
103
+ var element = $(element); var objMenu = $(menuId) ;var popup = $(popupId); if (!popup) return;
104
+ var wpCurrentMouseTarget = getCurrentMouseTarget(event);
105
+ if (!!wpCurrentMouseTarget) {
106
+ if (!wpIsChildOf(element, wpCurrentMouseTarget) && element != wpCurrentMouseTarget) {
107
+ if (!wpIsChildOf(popup, wpCurrentMouseTarget) && popup != wpCurrentMouseTarget) {
108
+ if (objMenu.hasClassName('active')) {
109
+ wpCustommenuTimerHide[popupId] = setTimeout(function() {
110
+ objMenu.removeClassName('active');
111
+ // --- change href ---
112
+ var wpMenuAnchor = $(objMenu.select('a')[0]);
113
+ wpChangeTopMenuHref(wpMenuAnchor, false);
114
+ // --- hide popup ---
115
+ if (typeof jQuery == 'undefined' ||
116
+ (wpMenuPosition != CUSTOMMENU_POSITION_TOP)
117
+ ) {
118
+ popup.style.display = 'none';
119
+ } else {
120
+ jQuery('#' + popupId).stop(true, true).fadeOut();
121
+ }
122
+ }, CUSTOMMENU_POPUP_DELAY_BEFORE_HIDING);
123
+ }
124
+ }
125
+ }
126
+ }
127
+ }
128
+
129
+ function wpPopupOver(element, event, popupId, menuId)
130
+ {
131
+ if (typeof wpCustommenuTimerHide[popupId] != 'undefined') clearTimeout(wpCustommenuTimerHide[popupId]);
132
+ }
133
+
134
+ function wpPopupPos(objMenu, w)
135
+ {
136
+ var pos = objMenu.cumulativeOffset();
137
+ var wraper = $('custommenu');
138
+ var posWraper = wraper.cumulativeOffset();
139
+ var xTop = pos.top - posWraper.top
140
+ if (CUSTOMMENU_POPUP_TOP_OFFSET) {
141
+ xTop += CUSTOMMENU_POPUP_TOP_OFFSET;
142
+ } else {
143
+ xTop += objMenu.getHeight();
144
+ }
145
+ var res = {'top': xTop};
146
+ if (CUSTOMMENU_RTL_MODE) {
147
+ var xLeft = pos.left - posWraper.left - w + objMenu.getWidth();
148
+ if (xLeft < 0) xLeft = 0;
149
+ res.left = xLeft;
150
+ } else {
151
+ var wWraper = wraper.getWidth();
152
+ var xLeft = pos.left - posWraper.left;
153
+ if ((xLeft + w) > wWraper) xLeft = wWraper - w;
154
+ if (xLeft < 0) xLeft = 0;
155
+ res.left = xLeft;
156
+ }
157
+ return res;
158
+ }
159
+
160
+ function wpPopupPosSidebar(objMenu, h)
161
+ {
162
+ var xTop = 0;
163
+ var wraper = $('wp-sidebar-nav-container-content');
164
+ var bottomOffset = (CUSTOMMENU_POPUP_SB_BOTTOM_OFFSET > 0) ? CUSTOMMENU_POPUP_SB_BOTTOM_OFFSET : 0;
165
+ var posWraper = wraper.cumulativeOffset();
166
+ // ---
167
+ if (wpPopupMenuSbType == CUSTOMMENU_POPUP_SB_TYPE_RELATIVE) {
168
+ var pos = objMenu.cumulativeOffset();
169
+ } else {
170
+ var pos = {top: posWraper.top};
171
+ }
172
+ var xTop1 = pos.top - posWraper.top;
173
+ var winHeight = wpGetClientHeight();
174
+ var scrollTop = wpGetScrollTop();
175
+ var xTop2 = scrollTop + winHeight - (posWraper.top + h) - bottomOffset;
176
+ if ((winHeight-bottomOffset) < h || xTop1 < xTop2) {
177
+ xTop = xTop1; // --- beside with item of menu
178
+ } else {
179
+ xTop = xTop2; // --- pinned to the bottom of the window
180
+ }
181
+ var xLeft = wraper.getWidth();
182
+ return {'top': xTop, 'left': xLeft};
183
+ }
184
+
185
+ function wpChangeTopMenuHref(wpMenuAnchor, state)
186
+ {
187
+ if (state) {
188
+ wpMenuAnchor.href = wpMenuAnchor.rel;
189
+ } else if (wpIsMobile.any()) {
190
+ wpMenuAnchor.href = 'javascript:void(0);';
191
+ }
192
+ }
193
+
194
+ function wpIsChildOf(parent, child)
195
+ {
196
+ if (child != null) {
197
+ while (child.parentNode) {
198
+ if ((child = child.parentNode) == parent) {
199
+ return true;
200
+ }
201
+ }
202
+ }
203
+ return false;
204
+ }
205
+
206
+ function wpSetPopupZIndex(popup)
207
+ {
208
+ $$('.wp-custom-menu-popup').each(function(item){
209
+ item.style.zIndex = '9999';
210
+ });
211
+ popup.style.zIndex = '10000';
212
+ }
213
+
214
+ function getCurrentMouseTarget(xEvent)
215
+ {
216
+ var wpCurrentMouseTarget = null;
217
+ if (xEvent.toElement) {
218
+ wpCurrentMouseTarget = xEvent.toElement;
219
+ } else if (xEvent.relatedTarget) {
220
+ wpCurrentMouseTarget = xEvent.relatedTarget;
221
+ }
222
+ return wpCurrentMouseTarget;
223
+ }
224
+
225
+ function wpGetScrollTop()
226
+ {
227
+ scrollY = 0;
228
+ if (typeof window.pageYOffset == 'number') {
229
+ scrollY = window.pageYOffset;
230
+ } else if (document.documentElement && document.documentElement.scrollTop) {
231
+ scrollY = document.documentElement.scrollTop;
232
+ } else if (document.body && document.body.scrollTop) {
233
+ scrollY = document.body.scrollTop;
234
+ } else if (window.scrollY) {
235
+ scrollY = window.scrollY;
236
+ }
237
+ return scrollY;
238
+ }
239
+
240
+ function wpFilterResults (n_win, n_docel, n_body)
241
+ {
242
+ var n_result = n_win ? n_win : 0;
243
+ if (n_docel && (!n_result || (n_result > n_docel))) n_result = n_docel;
244
+ return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
245
+ }
246
+
247
+ function wpGetClientHeight()
248
+ {
249
+ return wpFilterResults (
250
+ window.innerHeight ? window.innerHeight : 0,
251
+ document.documentElement ? document.documentElement.clientHeight : 0,
252
+ document.body ? document.body.clientHeight : 0
253
+ );
254
+ }
255
+
256
+
257
+ /* ------------------- */
258
+ /* --- Mobile view --- */
259
+ /* ------------------- */
260
+
261
+
262
+ var wpMobileMenuLoaded = false;
263
+
264
+ function wpInitMobileMenuContent()
265
+ {
266
+ if (wpMobileMenuLoaded) return;
267
+ var xMenu = $('menu-content');
268
+ if (typeof wpMobileMenuContent != 'undefined') xMenu.innerHTML = wpMobileMenuContent;
269
+ wpMobileMenuLoaded = true;
270
+ }
271
+
272
+ function wpMenuButtonToggle()
273
+ {
274
+ $('menu-content').toggle();
275
+ }
276
+
277
+ function wpGetMobileSubMenuLevel(id)
278
+ {
279
+ var rel = $(id).readAttribute('rel');
280
+ return parseInt(rel.replace('level', ''));
281
+ }
282
+
283
+ function wpSubMenuToggle(obj, activeMenuId, activeSubMenuId)
284
+ {
285
+ var currLevel = wpGetMobileSubMenuLevel(activeSubMenuId);
286
+ // --- hide submenus ---
287
+ $$('.wp-custom-menu-submenu.mobile').each(function(item) {
288
+ if (item.id == activeSubMenuId) return;
289
+ var xLevel = wpGetMobileSubMenuLevel(item.id);
290
+ if (xLevel >= currLevel) {
291
+ $(item).hide();
292
+ }
293
+ });
294
+ // --- reset button state ---
295
+ $('custommenu-mobile').select('span.button').each(function(xItem) {
296
+ var subMenuId = $(xItem).readAttribute('rel');
297
+ if (!$(subMenuId).visible()) {
298
+ $(xItem).removeClassName('open');
299
+ }
300
+ });
301
+ // ---
302
+ if ($(activeSubMenuId).getStyle('display') == 'none') {
303
+ $(activeSubMenuId).show();
304
+ $(obj).addClassName('open');
305
+ } else {
306
+ $(activeSubMenuId).hide();
307
+ $(obj).removeClassName('open');
308
+ }
309
+ }
310
+
311
+ function wpResetMobileMenuState()
312
+ {
313
+ $('menu-content').hide();
314
+ $$('.wp-custom-menu-submenu.mobile').each(function(item) {
315
+ $(item).hide();
316
+ });
317
+ $('custommenu-mobile').select('span.button').each(function(item) {
318
+ $(item).removeClassName('open');
319
+ });
320
+ }
321
+
322
+ function wpCustomMenuMobileToggle()
323
+ {
324
+ var w = window,
325
+ d = document,
326
+ e = d.documentElement,
327
+ g = d.getElementsByTagName('body')[0],
328
+ x = w.innerWidth || e.clientWidth || g.clientWidth,
329
+ y = w.innerHeight|| e.clientHeight|| g.clientHeight;
330
+
331
+ if ((x < CUSTOMMENU_MOBILE_MENU_WIDTH_INIT || wpIsMobile.any()) && wpMobileMenuEnabled) {
332
+ wpInitMobileMenuContent();
333
+ if ($('custommenu')) $('custommenu').hide();
334
+ if ($('wp-sidebar-nav-container')) $('wp-sidebar-nav-container').hide();
335
+ $('custommenu-mobile').show();
336
+ // --- ajax load ---
337
+ if (wpMoblieMenuAjaxUrl) {
338
+ new Ajax.Request(
339
+ wpMoblieMenuAjaxUrl, {
340
+ asynchronous: true,
341
+ method: 'post',
342
+ onSuccess: function(transport) {
343
+ if (transport && transport.responseText) {
344
+ try {
345
+ response = eval('(' + transport.responseText + ')');
346
+ } catch (e) {
347
+ response = {};
348
+ }
349
+ }
350
+ wpMobileMenuContent = response;
351
+ wpMobileMenuLoaded = false;
352
+ wpInitMobileMenuContent();
353
+ }
354
+ }
355
+ );
356
+ wpMoblieMenuAjaxUrl = null;
357
+ }
358
+ } else {
359
+ $('custommenu-mobile').hide();
360
+ wpResetMobileMenuState();
361
+ if ($('custommenu')) {
362
+ if (!(wpMenuPosition != CUSTOMMENU_POSITION_TOP && !wpTopmenuStaticBlockId)) {
363
+ $('custommenu').show();
364
+ }
365
+ }
366
+ if ($('wp-sidebar-nav-container')) $('wp-sidebar-nav-container').show();
367
+ if ($('wp-sidebar-nav-container-content')) $('wp-sidebar-nav-container-content').show();
368
+ // --- ajax load ---
369
+ if (wpMenuAjaxUrl) {
370
+ new Ajax.Request(
371
+ wpMenuAjaxUrl, {
372
+ asynchronous: true,
373
+ method: 'post',
374
+ onSuccess: function(transport) {
375
+ if (transport && transport.responseText) {
376
+ try {
377
+ response = eval('(' + transport.responseText + ')');
378
+ } catch (e) {
379
+ response = {};
380
+ }
381
+ }
382
+ if ($('custommenu')) $('custommenu').update(response.topMenu);
383
+ if ($('wp-sidebar-nav-container-content')) {
384
+ $('wp-sidebar-nav-container-content').update(response.topMenuSidebar);
385
+ $('wp-sidebar-nav-container-content').show();
386
+ }
387
+ wpPopupMenuContent = response.popupMenu;
388
+ wpPopupMenuSidebarContent = response.popupMenuSidebar;
389
+ }
390
+ }
391
+ );
392
+ wpMenuAjaxUrl = null;
393
+ }
394
+ }
395
+
396
+ if ($('custommenu-loading')) $('custommenu-loading').remove();
397
+ if ($('custommenu-sidebar-loading')) $('custommenu-sidebar-loading').remove();
398
+ }
399
+
400
+ var wpIsMobile = {
401
+ Android: function() {
402
+ return navigator.userAgent.match(/Android/i);
403
+ },
404
+ BlackBerry: function() {
405
+ return navigator.userAgent.match(/BlackBerry/i);
406
+ },
407
+ iOS: function() {
408
+ return navigator.userAgent.match(/iPhone|iPad|iPod/i);
409
+ },
410
+ Opera: function() {
411
+ return navigator.userAgent.match(/Opera Mini/i);
412
+ },
413
+ Windows: function() {
414
+ return navigator.userAgent.match(/IEMobile/i);
415
+ },
416
+ any: function() {
417
+ return (wpIsMobile.Android() || wpIsMobile.BlackBerry() || wpIsMobile.iOS() || wpIsMobile.Opera() || wpIsMobile.Windows());
418
+ }
419
+ };
skin/frontend/default/default/js/webandpeople/custommenu/webtoolkit.base64.js ADDED
@@ -0,0 +1,142 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ *
3
+ * Base64 encode / decode
4
+ * http://www.webtoolkit.info/javascript-base64.html
5
+ *
6
+ **/
7
+
8
+ var Base64 = {
9
+
10
+ // private property
11
+ _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
12
+
13
+ // public method for encoding
14
+ encode : function (input) {
15
+ var output = "";
16
+ var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
17
+ var i = 0;
18
+
19
+ input = Base64._utf8_encode(input);
20
+
21
+ while (i < input.length) {
22
+
23
+ chr1 = input.charCodeAt(i++);
24
+ chr2 = input.charCodeAt(i++);
25
+ chr3 = input.charCodeAt(i++);
26
+
27
+ enc1 = chr1 >> 2;
28
+ enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
29
+ enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
30
+ enc4 = chr3 & 63;
31
+
32
+ if (isNaN(chr2)) {
33
+ enc3 = enc4 = 64;
34
+ } else if (isNaN(chr3)) {
35
+ enc4 = 64;
36
+ }
37
+
38
+ output = output +
39
+ this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
40
+ this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
41
+
42
+ }
43
+
44
+ return output;
45
+ },
46
+
47
+ // public method for decoding
48
+ decode : function (input) {
49
+ var output = "";
50
+ var chr1, chr2, chr3;
51
+ var enc1, enc2, enc3, enc4;
52
+ var i = 0;
53
+
54
+ input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
55
+
56
+ while (i < input.length) {
57
+
58
+ enc1 = this._keyStr.indexOf(input.charAt(i++));
59
+ enc2 = this._keyStr.indexOf(input.charAt(i++));
60
+ enc3 = this._keyStr.indexOf(input.charAt(i++));
61
+ enc4 = this._keyStr.indexOf(input.charAt(i++));
62
+
63
+ chr1 = (enc1 << 2) | (enc2 >> 4);
64
+ chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
65
+ chr3 = ((enc3 & 3) << 6) | enc4;
66
+
67
+ output = output + String.fromCharCode(chr1);
68
+
69
+ if (enc3 != 64) {
70
+ output = output + String.fromCharCode(chr2);
71
+ }
72
+ if (enc4 != 64) {
73
+ output = output + String.fromCharCode(chr3);
74
+ }
75
+
76
+ }
77
+
78
+ output = Base64._utf8_decode(output);
79
+
80
+ return output;
81
+
82
+ },
83
+
84
+ // private method for UTF-8 encoding
85
+ _utf8_encode : function (string) {
86
+ string = string.replace(/\r\n/g,"\n");
87
+ var utftext = "";
88
+
89
+ for (var n = 0; n < string.length; n++) {
90
+
91
+ var c = string.charCodeAt(n);
92
+
93
+ if (c < 128) {
94
+ utftext += String.fromCharCode(c);
95
+ }
96
+ else if((c > 127) && (c < 2048)) {
97
+ utftext += String.fromCharCode((c >> 6) | 192);
98
+ utftext += String.fromCharCode((c & 63) | 128);
99
+ }
100
+ else {
101
+ utftext += String.fromCharCode((c >> 12) | 224);
102
+ utftext += String.fromCharCode(((c >> 6) & 63) | 128);
103
+ utftext += String.fromCharCode((c & 63) | 128);
104
+ }
105
+
106
+ }
107
+
108
+ return utftext;
109
+ },
110
+
111
+ // private method for UTF-8 decoding
112
+ _utf8_decode : function (utftext) {
113
+ var string = "";
114
+ var i = 0;
115
+ var c = c1 = c2 = 0;
116
+
117
+ while ( i < utftext.length ) {
118
+
119
+ c = utftext.charCodeAt(i);
120
+
121
+ if (c < 128) {
122
+ string += String.fromCharCode(c);
123
+ i++;
124
+ }
125
+ else if((c > 191) && (c < 224)) {
126
+ c2 = utftext.charCodeAt(i+1);
127
+ string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
128
+ i += 2;
129
+ }
130
+ else {
131
+ c2 = utftext.charCodeAt(i+1);
132
+ c3 = utftext.charCodeAt(i+2);
133
+ string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
134
+ i += 3;
135
+ }
136
+
137
+ }
138
+
139
+ return string;
140
+ }
141
+
142
+ }
skin/frontend/default/grayscale2014/css/color.css CHANGED
@@ -1,64 +1,64 @@
1
- /*COLOR*/
2
- /*headings*/
3
- h1, h2, h3, h4, h5, h6, .col-main dl dt {
4
- color: #555;
5
- }
6
- /*border-color*/
7
- .checkout-progress li.active {
8
- border-color: #dadada;
9
- }
10
- /*background - color*/
11
- .nav-container{
12
- background-color: #333333;
13
- }
14
- .product-options {background-color: #f5f5f5;}
15
- .tier-prices, .tier-prices .price, .price-box-bundle, .price-box-bundle .price, .error-msg, .success-msg, .note-msg, .notice-msg {background-color: #d14937; color: #ffffff; }
16
- /*text color*/
17
- a:link, a:visited {
18
- color: #000;
19
- text-decoration:none;
20
- }
21
- .price, #checkout-review-table tfoot tr.last .price, #product_comparison .price, #shopping-cart-totals-table .price, #shopping-cart-totals-table tfoot .price, .product-view .product-shop .full-product-price .price, .product-essential .price-as-configured .price, .block .regular-price .price, .block .regular-price, .data-table td.last .price, label.required em, a.more:hover, .form-search .search-autocomplete li:hover, h2.desc_head, #checkout-review-table td.last .price, a.level1:link, a.level1:visited, .menu-mobile a:active, div.tabs_block h5 a:link, div.tabs_block h5 a:active, div.tabs_block h5 a:visited, div.tabs_info a:link, div.tabs_info a:active, div.tabs_info a:visited {
22
- color: #000;
23
- }
24
- a:hover, div.menu a:hover, a.level1:hover,
25
- a.level2:hover, a.level3:hover {
26
- text-decoration:none;
27
- color: #5d5d5d;
28
- }
29
- /*orange*/
30
- .validation-advice {
31
- color: #ff7200;
32
- z-index: 999;
33
- }
34
- .error-msg {
35
- color: #ff7200;
36
- }
37
- /*standard navigation*/
38
- #nav li a:hover {
39
- color:#555;
40
- }
41
- #nav ul li a:hover, .over {
42
- background:#999 !important;
43
- }
44
- #nav ul ul li a:hover {
45
- background:#999 !important;
46
- }
47
- /* slider active button*/
48
- .stripNav a.activeSlide, .stripNav a.activeSlide:hover, .stripNav a.activeSlide {
49
- background-color:#555;
50
- border:1px solid #555;
51
- color: #555;
52
- }
53
- /*any button*/
54
- button.button span span {
55
- color: #ffffff;
56
- }
57
- /*product page button, checkout button*/
58
- .product-shop .add-to-cart button.button span, .checkout-types button.button span, #review-buttons-container button.button span, .product-options-bottom button.button span {
59
- color: #ffffff;
60
- }
61
- /*product page button, checkout button - hover*/
62
- .product-shop .add-to-cart button.button:hover span, #review-buttons-container button.button:hover span, .product-options-bottom button.button:hover span, .checkout-types button.button:hover span {
63
- color: #fff;
64
- }
1
+ /*COLOR*/
2
+ /*headings*/
3
+ h1, h2, h3, h4, h5, h6, .col-main dl dt {
4
+ color: #555;
5
+ }
6
+ /*border-color*/
7
+ .checkout-progress li.active {
8
+ border-color: #dadada;
9
+ }
10
+ /*background - color*/
11
+ .nav-container{
12
+ background-color: #333333;
13
+ }
14
+ .product-options {background-color: #f5f5f5;}
15
+ .tier-prices, .tier-prices .price, .price-box-bundle, .price-box-bundle .price, .error-msg, .success-msg, .note-msg, .notice-msg {background-color: #d14937; color: #ffffff; }
16
+ /*text color*/
17
+ a:link, a:visited {
18
+ color: #000;
19
+ text-decoration:none;
20
+ }
21
+ .price, #checkout-review-table tfoot tr.last .price, #product_comparison .price, #shopping-cart-totals-table .price, #shopping-cart-totals-table tfoot .price, .product-view .product-shop .full-product-price .price, .product-essential .price-as-configured .price, .block .regular-price .price, .block .regular-price, .data-table td.last .price, label.required em, a.more:hover, .form-search .search-autocomplete li:hover, h2.desc_head, #checkout-review-table td.last .price, a.level1:link, a.level1:visited, .menu-mobile a:active, div.tabs_block h5 a:link, div.tabs_block h5 a:active, div.tabs_block h5 a:visited, div.tabs_info a:link, div.tabs_info a:active, div.tabs_info a:visited {
22
+ color: #000;
23
+ }
24
+ a:hover, div.menu a:hover, a.level1:hover,
25
+ a.level2:hover, a.level3:hover {
26
+ text-decoration:none;
27
+ color: #666;
28
+ }
29
+ /*orange*/
30
+ .validation-advice {
31
+ color: #ff7200;
32
+ z-index: 999;
33
+ }
34
+ .error-msg {
35
+ color: #ff7200;
36
+ }
37
+ /*standard navigation*/
38
+ #nav li a:hover {
39
+ color:#555;
40
+ }
41
+ #nav ul li a:hover, .over {
42
+ background:#999 !important;
43
+ }
44
+ #nav ul ul li a:hover {
45
+ background:#999 !important;
46
+ }
47
+ /* slider active button*/
48
+ .stripNav a.activeSlide, .stripNav a.activeSlide:hover, .stripNav a.activeSlide {
49
+ background-color:#555;
50
+ border:1px solid #555;
51
+ color: #555;
52
+ }
53
+ /*any button*/
54
+ button.button span span {
55
+ color: #ffffff;
56
+ }
57
+ /*product page button, checkout button*/
58
+ .product-shop .add-to-cart button.button span, .checkout-types button.button span, #review-buttons-container button.button span, .product-options-bottom button.button span {
59
+ color: #ffffff;
60
+ }
61
+ /*product page button, checkout button - hover*/
62
+ .product-shop .add-to-cart button.button:hover span, #review-buttons-container button.button:hover span, .product-options-bottom button.button:hover span, .checkout-types button.button:hover span {
63
+ color: #fff;
64
+ }
skin/frontend/default/grayscale2014/css/media-480.css CHANGED
@@ -1,378 +1,381 @@
1
- @media all and (min-width:480px) and (max-width:899px) {
2
- #search_mini_form, .form-search, div.search, .header-container, .submenu, .main-container, .home_page_header_block,
3
- .header .links, .nav-container, .footer, .footer_block .links_block div, .footer ul.links, .col3-layout .col-wrapper, .col2-set .col-1, .col2-set .col-2, .col2-set .col-narrow ,
4
- .col2-set .col-wide, .pager .pages, .pager p.amount, .pager .limiter, .product-view .product-img-box,
5
- .product-view .product-shop, .cart .cart-collaterals .col2-set,
6
- .cart .cart-collaterals .col2-set .col-2,
7
- .col2-set .col-1, .cart .cart-collaterals .col2-set .col-2 {
8
- width: 100%;
9
- }
10
- .welcome-msg, ul.links-advanced, .block-cart-top .qty, .block-cart-top .price, .upper-header .sp, div.block-cart-top p.amount,
11
- .sorter .view-mode label, div.block-cart-top .actions {
12
- display: none;
13
- }
14
- h2 {
15
- font-weight: 600;
16
- }
17
- .form-search input.input-text {
18
- width: 79%;
19
- height: 20px;
20
- margin: 0px 0px 0px 0px;
21
- padding: 0px 0px 0px 0px;
22
- text-indent: 1%;
23
- }
24
- #search_mini_form {
25
- clear: both;
26
- float: left;
27
- }
28
- .form-search {
29
- height: 22px;
30
- }
31
- div.search {
32
- margin: 3px 0px 10px 0px;
33
- float: left;
34
- }
35
- .form-search button.button {
36
- width: 20%;
37
- max-width: 35px;
38
- }
39
- .block-currency {
40
- float: left;
41
- margin-left: 2px;
42
- margin-bottom: 4px;
43
- }
44
- div.wp_stylish_languages_switcher_flags {
45
- margin-right: 5px;
46
- }
47
- div.block-cart-top {
48
- float: left;
49
- margin-left: 0px;
50
- }
51
- .upper-header {
52
- float: left;
53
- clear: both;
54
- width: 99%;
55
- }
56
- div.block-cart-top {
57
- clear: both;
58
- width: 99%;
59
- padding-left: 1%;
60
- }
61
- div.block-cart-top .cart-link a:link, div.block-cart-top .cart-link a:visited {
62
- display: block;
63
- background: #dadada;
64
- padding: 2px 5px !important;
65
- border-radius: 3px;
66
- color: #000;
67
- text-align: center;
68
- margin-left: 0;
69
- float: left;
70
- }
71
- .header .quick-access {
72
- float:left;
73
- padding-left: 1%;
74
- width: 99%;
75
- }
76
- .header .links {
77
- float: left;
78
- margin: 0;
79
- padding: 0;
80
- }
81
- .header .links li {
82
- padding:0px 0px 0px 0px;
83
- margin: 0px 10px 10px 0px;
84
- }
85
- .header .links a:link, .header .links a:visited {
86
- text-decoration: none;
87
- padding: 2px 5px !important;
88
- border-radius: 3px;
89
- background-color: #dadada;
90
- display: block;
91
- text-align: center;
92
- }
93
- div.block-cart-top .cart-link a:hover, .header .links a:hover {
94
- background: #eaeaea;
95
- }
96
- /*********************************Footer ******************************/
97
- .footer .footer_block {
98
- padding-top: 0;
99
- }
100
- .footer_block .links_block div {
101
- float: none;
102
- }
103
- .footer ul.links {
104
- text-align: left;
105
- padding-left: 0;
106
- padding-right: 0;
107
- padding-top: 0;
108
- }
109
- .footer_block h4.title {
110
- padding-top: 15px;
111
- }
112
- .footer_block .links_block div ul li a:link, .footer_block .links_block div ul li a:visited {
113
- display: block;
114
- }
115
- .footer_block .links_block div ul li a:hover {
116
- color: #000;
117
- }
118
- .footer ul.links li, .footer_block .links_block div ul li {
119
- display: block;
120
- margin-bottom: 0px;
121
- text-align: left;
122
- font-size: 14px;
123
- padding-bottom: 7px;
124
- padding-top: 7px;
125
- }
126
- .footer ul.links li a {
127
- display: block
128
- }
129
- /* Base Columns */
130
- .col-left, .col-right {
131
- width: 98%;
132
- padding-left: 1%;
133
- padding-right: 1%;
134
- float: none;
135
- text-align: center;
136
- overflow: hidden;
137
- }
138
- .col2-left-layout .col-main, .col2-right-layout .col-main, .col1-layout .col-main {
139
- width: 98%;
140
- padding-left: 1%;
141
- padding-right: 1%;
142
- float: none;
143
- overflow: hidden;
144
- }
145
- .col2-right-layout .col-main, .col2-left-layout .col-main {
146
- float: none;
147
- margin-bottom: 1%;
148
- }
149
- .col3-layout .col-left {
150
- clear: both;
151
- }
152
- /* Content Columns */
153
-
154
- .col2-set .col-1, .col2-set .col-2 {
155
- float:left;
156
- margin-bottom: 5%;
157
- }
158
- .col3-set .col-1 {
159
- float:left;
160
- width:32%;
161
- }
162
- .col3-set .col-2 {
163
- float:left;
164
- width:32%;
165
- margin-left:2%;
166
- }
167
- .col3-set .col-3 {
168
- float:right;
169
- width:32%;
170
- }
171
- .col4-set .col-1 {
172
- float:left;
173
- width:23.5%;
174
- }
175
- .col4-set .col-2 {
176
- float:left;
177
- width:23.5%;
178
- margin:0 2%;
179
- }
180
- .col4-set .col-3 {
181
- float:left;
182
- width:23.5%;
183
- }
184
- .col4-set .col-4 {
185
- float:right;
186
- width:23.5%;
187
- }
188
- /*img*/
189
- .products-grid .product-image img, .category-image img {
190
- max-width: 100%;
191
- height: auto;
192
- }
193
- /*Toolbar*/
194
- .pager .pages {
195
- clear: both;
196
- margin: 0;
197
- padding: 0;
198
- background: #dadada;
199
- border-radius: 3px;
200
- padding: 3px 0px;
201
- color: #000;
202
- }
203
- .pager .pages li a:link, .pager .pages li a:visited {
204
- border-bottom: 2px solid #dadada;
205
- }
206
- .pager .pages strong, .sorter label, .pager .amount {
207
- color: #000;
208
- }
209
- .pager p.amount, .pager .limiter {
210
- padding: 3px 0px;
211
- text-align: center;
212
- font-size: 12px;
213
- color: #000;
214
- }
215
- .sorter .view-mode {
216
- font-size: 12px;
217
- }
218
- /************************PRODUCT************/
219
- .product-shop .product-name {
220
- display: none;
221
- }
222
- .product-view .product-shop .price-box {
223
- float: left;
224
- margin-right: 5%;
225
- width: 50%;
226
- }
227
- .product-view .product-shop .price-box-bundle .price-box {
228
- float: none;
229
- }
230
- .add-to-box .add-to-cart {
231
- padding-top: 15px;
232
- float: right;
233
- }
234
- .links_list {
235
- clear: both;
236
- }
237
- .product-view .product-shop .add-to-links {
238
- padding: 0;
239
- clear: both;
240
- }
241
- .product-options-bottom .add-to-cart {
242
- float:left;
243
- padding-top: 5%;
244
- clear: both;
245
- }
246
- .box-collateral img, .compare-table img, .std img {
247
- max-width: 100%;
248
- height: auto;
249
- }
250
- .product-view {
251
- margin-top: 5px;
252
- border: 0;
253
- padding: 0;
254
- }
255
- .product-essential {
256
- padding: 0;
257
- }
258
- .product-view .product-shop .grouped-items-table .product-pricing-grouped li {
259
- display: table-cell;
260
- text-align: left;
261
- }
262
- .product-collateral {
263
- padding: 15px 0px 25px 0px;
264
- }
265
- .product-options dl dd .input-box {
266
- margin-bottom: 5%;
267
- }
268
- .add-to-box .or {
269
- display: none;
270
- }
271
- .tabs {
272
- border-top: 3px solid #dadada;
273
- }
274
- .tabs li, .tabs li.active a, .tabs li.active a:hover, .tabs a {
275
- width: 100%;
276
- border-bottom: 1px solid #fff;
277
- border-left: 0;
278
- }
279
- .tabs li.active a, .tabs li.active a:hover {
280
- font-weight: bold;
281
- }
282
- .tabs li.active a, .tabs li.active a:hover {
283
- font-weight: bold;
284
- }
285
- .tabs li a:after {
286
- content: "";
287
- width: 0;
288
- height: 0;
289
- border-left: 5px solid transparent;
290
- border-right: 5px solid transparent;
291
- border-top: 3px solid #aaa;
292
- margin: -5px 5px 0px 5px;
293
- padding: 0;
294
- font-size: 0;
295
- }
296
- .tabs li.active a:after {
297
- content: " ";
298
- border: 0;
299
- }
300
- .more-views h4 {
301
- display: none
302
- }
303
- .product-view .box-up-sell .products-grid td, .product-view .box-up-sell .products-grid .product-image {
304
- text-align: left;
305
- }
306
- /****************CART ********************/
307
- .cart-table .btn-continue, .cart-table .btn-update, .cart-table .btn-empty {
308
- float: left;
309
- margin-bottom: 10px;
310
- margin-right: 10px;
311
- }
312
- .data-table tr.first th {
313
- padding: 10px 0px 10px 0px;
314
- }
315
- .buttons-set {
316
- margin-bottom: 4em;
317
- margin-top: 0em;
318
- }
319
- /* Sitemap */
320
- .page-sitemap .links {
321
- text-align:center;
322
- }
323
- /***************ACCOUNT***********/
324
- .account-login .content h2 {
325
- margin-top: 3%;
326
- }
327
- .block-account .block-content li a, .block-account .block-content li.current strong {
328
- display: block;
329
- width: 100%;
330
- padding: 10px 0px;
331
- }
332
- .my-account {
333
- padding-bottom: 20px;
334
- }
335
- .block {
336
- width: 48%;
337
- float: left;
338
- margin-right: 1%;
339
- }
340
- .sidebar .sidebar {
341
- max-width: 48%;
342
- float: left;
343
- margin-right: 1%;
344
- }
345
- .block-account {
346
- width: 100%;
347
- float: none;
348
- }
349
- .sidebar_banner {
350
- width: 48%;
351
- float: left;
352
- margin-right: 1%;
353
- }
354
- .sidebar_banner img {
355
- max-width: 100%;
356
- height: auto;
357
- width: auto\9; /* ie8 */
358
- }
359
- .block .block-title {
360
- text-align: center;
361
- }
362
-
363
- /******************HOME PAGE ************************/
364
-
365
- /*trisha*/
366
- div.tabs_ul li {
367
- float: none;
368
- }
369
- div.tabs_ul li a:after {
370
- content: " >";
371
- font-size: 14px;
372
- }
373
- div.tabs_ul li.ui-tabs-selected a:after {
374
- content: " ";
375
- font-size: 0px;
376
- }
377
-
378
- }
 
 
 
1
+ @media all and (min-width:480px) and (max-width:899px) {
2
+ #search_mini_form, .form-search, div.search, .header-container, .submenu, .main-container, .home_page_header_block,
3
+ .header .links, .nav-container, .footer, .footer_block .links_block div, .footer ul.links, .col3-layout .col-wrapper, .col2-set .col-1, .col2-set .col-2, .col2-set .col-narrow ,
4
+ .col2-set .col-wide, .pager .pages, .pager p.amount, .pager .limiter, .product-view .product-img-box,
5
+ .product-view .product-shop, .cart .cart-collaterals .col2-set,
6
+ .cart .cart-collaterals .col2-set .col-2,
7
+ .col2-set .col-1, .cart .cart-collaterals .col2-set .col-2 {
8
+ width: 100%;
9
+ }
10
+ .welcome-msg, ul.links-advanced, .block-cart-top .qty, .block-cart-top .price, .upper-header .sp, div.block-cart-top p.amount,
11
+ .sorter .view-mode label, div.block-cart-top .actions {
12
+ display: none;
13
+ }
14
+ h2 {
15
+ font-weight: 600;
16
+ }
17
+ .form-search input.input-text {
18
+ width: 79%;
19
+ height: 20px;
20
+ margin: 0px 0px 0px 0px;
21
+ padding: 0px 0px 0px 0px;
22
+ text-indent: 1%;
23
+ }
24
+ #search_mini_form {
25
+ clear: both;
26
+ float: left;
27
+ }
28
+ .form-search {
29
+ height: 22px;
30
+ }
31
+ div.search {
32
+ margin: 3px 0px 10px 0px;
33
+ float: left;
34
+ }
35
+ .form-search button.button {
36
+ width: 20%;
37
+ max-width: 35px;
38
+ }
39
+ .block-currency {
40
+ float: left;
41
+ margin-left: 2px;
42
+ margin-bottom: 4px;
43
+ }
44
+ div.wp_stylish_languages_switcher_flags {
45
+ margin-right: 5px;
46
+ }
47
+ div.block-cart-top {
48
+ float: left;
49
+ margin-left: 0px;
50
+ }
51
+ .upper-header {
52
+ float: left;
53
+ clear: both;
54
+ width: 99%;
55
+ }
56
+ div.block-cart-top {
57
+ clear: both;
58
+ width: 99%;
59
+ padding-left: 1%;
60
+ }
61
+ div.block-cart-top .cart-link a:link, div.block-cart-top .cart-link a:visited {
62
+ display: block;
63
+ background: #dadada;
64
+ padding: 2px 5px !important;
65
+ border-radius: 3px;
66
+ color: #000;
67
+ text-align: center;
68
+ margin-left: 0;
69
+ float: left;
70
+ }
71
+ .header .quick-access {
72
+ float:left;
73
+ padding-left: 1%;
74
+ width: 99%;
75
+ }
76
+ .header .links {
77
+ float: left;
78
+ margin: 0;
79
+ padding: 0;
80
+ }
81
+ .header .links li {
82
+ padding:0px 0px 0px 0px;
83
+ margin: 0px 10px 10px 0px;
84
+ }
85
+ .header .links a:link, .header .links a:visited {
86
+ text-decoration: none;
87
+ padding: 2px 5px !important;
88
+ border-radius: 3px;
89
+ background-color: #dadada;
90
+ display: block;
91
+ text-align: center;
92
+ }
93
+ .header .switchers {
94
+ margin-bottom: 10px;
95
+ }
96
+ div.block-cart-top .cart-link a:hover, .header .links a:hover {
97
+ background: #eaeaea;
98
+ }
99
+ /*********************************Footer ******************************/
100
+ .footer .footer_block {
101
+ padding-top: 0;
102
+ }
103
+ .footer_block .links_block div {
104
+ float: none;
105
+ }
106
+ .footer ul.links {
107
+ text-align: left;
108
+ padding-left: 0;
109
+ padding-right: 0;
110
+ padding-top: 0;
111
+ }
112
+ .footer_block h4.title {
113
+ padding-top: 15px;
114
+ }
115
+ .footer_block .links_block div ul li a:link, .footer_block .links_block div ul li a:visited {
116
+ display: block;
117
+ }
118
+ .footer_block .links_block div ul li a:hover {
119
+ color: #000;
120
+ }
121
+ .footer ul.links li, .footer_block .links_block div ul li {
122
+ display: block;
123
+ margin-bottom: 0px;
124
+ text-align: left;
125
+ font-size: 14px;
126
+ padding-bottom: 7px;
127
+ padding-top: 7px;
128
+ }
129
+ .footer ul.links li a {
130
+ display: block
131
+ }
132
+ /* Base Columns */
133
+ .col-left, .col-right {
134
+ width: 98%;
135
+ padding-left: 1%;
136
+ padding-right: 1%;
137
+ float: none;
138
+ text-align: center;
139
+ overflow: hidden;
140
+ }
141
+ .col2-left-layout .col-main, .col2-right-layout .col-main, .col1-layout .col-main {
142
+ width: 98%;
143
+ padding-left: 1%;
144
+ padding-right: 1%;
145
+ float: none;
146
+ /*overflow: hidden;*/
147
+ }
148
+ .col2-right-layout .col-main, .col2-left-layout .col-main {
149
+ float: none;
150
+ margin-bottom: 1%;
151
+ }
152
+ .col3-layout .col-left {
153
+ clear: both;
154
+ }
155
+ /* Content Columns */
156
+
157
+ .col2-set .col-1, .col2-set .col-2 {
158
+ float:left;
159
+ margin-bottom: 5%;
160
+ }
161
+ .col3-set .col-1 {
162
+ float:left;
163
+ width:32%;
164
+ }
165
+ .col3-set .col-2 {
166
+ float:left;
167
+ width:32%;
168
+ margin-left:2%;
169
+ }
170
+ .col3-set .col-3 {
171
+ float:right;
172
+ width:32%;
173
+ }
174
+ .col4-set .col-1 {
175
+ float:left;
176
+ width:23.5%;
177
+ }
178
+ .col4-set .col-2 {
179
+ float:left;
180
+ width:23.5%;
181
+ margin:0 2%;
182
+ }
183
+ .col4-set .col-3 {
184
+ float:left;
185
+ width:23.5%;
186
+ }
187
+ .col4-set .col-4 {
188
+ float:right;
189
+ width:23.5%;
190
+ }
191
+ /*img*/
192
+ .products-grid .product-image img, .category-image img {
193
+ max-width: 100%;
194
+ height: auto;
195
+ }
196
+ /*Toolbar*/
197
+ .pager .pages {
198
+ clear: both;
199
+ margin: 0;
200
+ padding: 0;
201
+ background: #dadada;
202
+ border-radius: 3px;
203
+ padding: 3px 0px;
204
+ color: #000;
205
+ }
206
+ .pager .pages li a:link, .pager .pages li a:visited {
207
+ border-bottom: 2px solid #dadada;
208
+ }
209
+ .pager .pages strong, .sorter label, .pager .amount {
210
+ color: #000;
211
+ }
212
+ .pager p.amount, .pager .limiter {
213
+ padding: 3px 0px;
214
+ text-align: center;
215
+ font-size: 12px;
216
+ color: #000;
217
+ }
218
+ .sorter .view-mode {
219
+ font-size: 12px;
220
+ }
221
+ /************************PRODUCT************/
222
+ .product-shop .product-name {
223
+ display: none;
224
+ }
225
+ .product-view .product-shop .price-box {
226
+ float: left;
227
+ margin-right: 5%;
228
+ width: 50%;
229
+ }
230
+ .product-view .product-shop .price-box-bundle .price-box {
231
+ float: none;
232
+ }
233
+ .add-to-box .add-to-cart {
234
+ padding-top: 15px;
235
+ float: right;
236
+ }
237
+ .links_list {
238
+ clear: both;
239
+ }
240
+ .product-view .product-shop .add-to-links {
241
+ padding: 0;
242
+ clear: both;
243
+ }
244
+ .product-options-bottom .add-to-cart {
245
+ float:left;
246
+ padding-top: 5%;
247
+ clear: both;
248
+ }
249
+ .box-collateral img, .compare-table img, .std img {
250
+ max-width: 100%;
251
+ height: auto;
252
+ }
253
+ .product-view {
254
+ margin-top: 5px;
255
+ border: 0;
256
+ padding: 0;
257
+ }
258
+ .product-essential {
259
+ padding: 0;
260
+ }
261
+ .product-view .product-shop .grouped-items-table .product-pricing-grouped li {
262
+ display: table-cell;
263
+ text-align: left;
264
+ }
265
+ .product-collateral {
266
+ padding: 15px 0px 25px 0px;
267
+ }
268
+ .product-options dl dd .input-box {
269
+ margin-bottom: 5%;
270
+ }
271
+ .add-to-box .or {
272
+ display: none;
273
+ }
274
+ .tabs {
275
+ border-top: 3px solid #dadada;
276
+ }
277
+ .tabs li, .tabs li.active a, .tabs li.active a:hover, .tabs a {
278
+ width: 100%;
279
+ border-bottom: 1px solid #fff;
280
+ border-left: 0;
281
+ }
282
+ .tabs li.active a, .tabs li.active a:hover {
283
+ font-weight: bold;
284
+ }
285
+ .tabs li.active a, .tabs li.active a:hover {
286
+ font-weight: bold;
287
+ }
288
+ .tabs li a:after {
289
+ content: "";
290
+ width: 0;
291
+ height: 0;
292
+ border-left: 5px solid transparent;
293
+ border-right: 5px solid transparent;
294
+ border-top: 3px solid #aaa;
295
+ margin: -5px 5px 0px 5px;
296
+ padding: 0;
297
+ font-size: 0;
298
+ }
299
+ .tabs li.active a:after {
300
+ content: " ";
301
+ border: 0;
302
+ }
303
+ .more-views h4 {
304
+ display: none
305
+ }
306
+ .product-view .box-up-sell .products-grid td, .product-view .box-up-sell .products-grid .product-image {
307
+ text-align: left;
308
+ }
309
+ /****************CART ********************/
310
+ .cart-table .btn-continue, .cart-table .btn-update, .cart-table .btn-empty {
311
+ float: left;
312
+ margin-bottom: 10px;
313
+ margin-right: 10px;
314
+ }
315
+ .data-table tr.first th {
316
+ padding: 10px 0px 10px 0px;
317
+ }
318
+ .buttons-set {
319
+ margin-bottom: 4em;
320
+ margin-top: 0em;
321
+ }
322
+ /* Sitemap */
323
+ .page-sitemap .links {
324
+ text-align:center;
325
+ }
326
+ /***************ACCOUNT***********/
327
+ .account-login .content h2 {
328
+ margin-top: 3%;
329
+ }
330
+ .block-account .block-content li a, .block-account .block-content li.current strong {
331
+ display: block;
332
+ width: 100%;
333
+ padding: 10px 0px;
334
+ }
335
+ .my-account {
336
+ padding-bottom: 20px;
337
+ }
338
+ .block {
339
+ width: 48%;
340
+ float: left;
341
+ margin-right: 1%;
342
+ }
343
+ .sidebar .sidebar {
344
+ max-width: 48%;
345
+ float: left;
346
+ margin-right: 1%;
347
+ }
348
+ .block-account {
349
+ width: 100%;
350
+ float: none;
351
+ }
352
+ .sidebar_banner {
353
+ width: 48%;
354
+ float: left;
355
+ margin-right: 1%;
356
+ }
357
+ .sidebar_banner img {
358
+ max-width: 100%;
359
+ height: auto;
360
+ width: auto\9; /* ie8 */
361
+ }
362
+ .block .block-title {
363
+ text-align: center;
364
+ }
365
+
366
+ /******************HOME PAGE ************************/
367
+
368
+ /*trisha*/
369
+ div.tabs_ul li {
370
+ float: none;
371
+ }
372
+ div.tabs_ul li a:after {
373
+ content: " >";
374
+ font-size: 14px;
375
+ }
376
+ div.tabs_ul li.ui-tabs-selected a:after {
377
+ content: " ";
378
+ font-size: 0px;
379
+ }
380
+
381
+ }
skin/frontend/default/grayscale2014/css/media-800.css CHANGED
@@ -1,376 +1,376 @@
1
- @media all and (min-width:900px) and (max-width:1199px) {
2
- .panel {
3
- width: 100%;
4
- float: right;
5
- margin-bottom: 1%;
6
- }
7
-
8
- .sform {
9
- width: 100%;
10
- float: right;
11
- }
12
- .switchers {
13
- clear: both;
14
- }
15
- }
16
-
17
- @media all and (min-width:1200px) {
18
- .panel {
19
- width: 60%;
20
- float: right;
21
- }
22
-
23
- .sform {
24
- width: 40%;
25
- float: right;
26
- }
27
-
28
- }
29
-
30
- @media all and (min-width:900px) {
31
-
32
- /******* DESKTOP SITE WIDTH *******/
33
- .header-container, .submenu, .main-container, .home_page_header_block, .top_toolbar_container, .footer, .nav-container {
34
- width: 100%;
35
- margin-left: auto;
36
- margin-right: auto;
37
- }
38
- .cart, .customer-account-create .main, .checkout-onepage-success .main, .customer-account-logoutsuccess .main, .checkout-onepage-index .main, .my-account, .customer-account-login .main, .checkout-multishipping-login .main, .checkout-multishipping-addresses .main, .checkout-multishipping-shipping .main, .checkout-multishipping-billing .main, .checkout-multishipping-overview .main, .checkout-multishipping-success .main, .checkout-cart-index .main {
39
- max-width: 1200px;
40
- margin-left: auto;
41
- margin-right: auto;
42
- }
43
- /******* DESKTOP SITE WIDTH *******/
44
- .welcome-msg {
45
- display: block;
46
- width: 50%;
47
- float: left;
48
- text-align: left
49
- }
50
- .form-search input.input-text {
51
- width: 300px;
52
- height: 20px;
53
- margin: 0px 0px 0px 3px;
54
- padding: 0px 0px 0px 6px;
55
- }
56
- .header .quick-access, .upper-header, div.block-cart-top, .block-currency, .header .links, #search_mini_form, div.search {
57
- float: right;
58
- }
59
- #search_mini_form {
60
- width: 350px;
61
- }
62
- .form-search {
63
- width: 345px;
64
- height: 22px;
65
- }
66
- div.search {
67
- margin: 0% 0% 0% 1%;
68
- }
69
- .form-search button.button {
70
- width: 20px;
71
- }
72
- .block-currency,
73
- div.block-cart-top {
74
- margin-left: 10px;
75
- }
76
- .upper-header {
77
- margin-bottom: 10px;
78
- margin-top: 5px;
79
- }
80
- .header .links li {
81
- padding:0px 0px 0px 20px;
82
- }
83
- .header .links a:link, .header .links a:visited {
84
- text-decoration: none;
85
- font: 11px Arial, sans-serif;
86
- background-color: transparent;
87
- background-image: url(../images/sprite.png);
88
- background-position: -78px 5px;
89
- background-repeat: no-repeat;
90
- padding: 0px 0px 0px 7px;
91
- }
92
- div.block-cart-top a.title:link, div.block-cart-top a.title:visited {
93
- background-color: transparent;
94
- background-image: url(../images/sprite.png);
95
- background-position: 0px 1px;
96
- background-repeat: no-repeat;
97
- font-size: 0;
98
- display: block;
99
- float: left;
100
- color: transparent;
101
- width: 16px;
102
- height: 16px;
103
- }
104
- div.block-cart-top .cart-link {
105
- display: none;
106
- }
107
-
108
- /*********************************Footer ******************************/
109
- .footer_block .links_block div {
110
- float: left;
111
- width: 30%;
112
- margin-right: 20px;
113
- }
114
- .footer_block .links_block div.last {
115
- margin-right: 0;
116
- margin-left: 8px;
117
- }
118
-
119
- .footer ul.links li {
120
- float: left;
121
- }
122
- .footer ul.links li a:link, .footer ul.links li a:visited {
123
- color: #000;
124
- }
125
- .footer_block .links_block div ul li a:hover, .footer ul.links li a:hover {
126
- color: #888;
127
- }
128
- /*Headings */
129
- h1, .page-title h2, .postTitle h2 {
130
- font-size: 2.5em;
131
- }
132
- .page-title h1, .page-title h2 {
133
- margin: 0% 0% 3% 0%;
134
- }
135
- h2 {
136
- font-size: 1.4em;
137
- font-weight: 600;
138
- }
139
- h3 {
140
- font-size: 1.125em;
141
- font-weight: 600;
142
- }
143
- h4 {
144
- font-size: 1em;
145
- font-weight: 600;
146
- }
147
- h5 {
148
- font-size: 0.875em;
149
- font-weight: 500;
150
- font-family: "Segoe UI", "Myriad Pro", Arial, sans-serif;
151
- }
152
- h6 {
153
- font-size: 0.75em;
154
- font-weight:bold;
155
- }
156
- /* Base Columns */
157
- .col-left, .col-right {
158
- width: 18%;
159
- padding-left: 1%;
160
- padding-right: 1%;
161
- float: right;
162
- text-align: center;
163
- overflow: hidden;
164
- }
165
- .col2-left-layout .col-main, .col2-right-layout .col-main {
166
- width: 78%;
167
- padding-left: 1%;
168
- padding-right: 1%;
169
- }
170
- /* 1 Column Layout */
171
- .col1-layout .col-main {
172
- float:none;
173
- width:auto;
174
- padding-left: 10px;
175
- padding-right: 10px;
176
- }
177
- /* 2 Columns left Layout */
178
- .col2-right-layout .col-main,
179
- .col2-left-layout .col-main {
180
- float: right;
181
- }
182
- /* 2 Columns right Layout */
183
- .col2-right-layout .col-main {
184
- float: left;
185
- }
186
- /* 3 Columns Layout */
187
- .col3-layout .col-wrapper {
188
- float: left;
189
- width: 80%;
190
- padding:0;
191
- }
192
- .col3-layout .col-main {
193
- width: 76%;
194
- padding-left: 0%;
195
- padding-right: 0%;
196
- margin-left: 0;
197
- float: right;
198
- overflow: hidden;
199
- }
200
- .col3-layout .col-left {
201
- width: 22%;
202
- }
203
- /* Content Columns */
204
- .col2-set .col-1 {
205
- float: left;
206
- width:48%;
207
- }
208
- .col2-set .col-2 {
209
- float:right;
210
- width:48.5%;
211
- }
212
- .col2-set .col-narrow {
213
- width:32%;
214
- }
215
- .col2-set .col-wide {
216
- width:65%;
217
- }
218
- .col3-set .col-1 {
219
- float:left;
220
- width:32%;
221
- }
222
- .col3-set .col-2 {
223
- float:left;
224
- width:32%;
225
- margin-left:2%;
226
- }
227
- .col3-set .col-3 {
228
- float:right;
229
- width:32%;
230
- }
231
- .col4-set .col-1 {
232
- float:left;
233
- width:23.5%;
234
- }
235
- .col4-set .col-2 {
236
- float:left;
237
- width:23.5%;
238
- margin:0 2%;
239
- }
240
- .col4-set .col-3 {
241
- float:left;
242
- width:23.5%;
243
- }
244
- .col4-set .col-4 {
245
- float:right;
246
- width:23.5%;
247
- }
248
- .sidebar_banner img {
249
- max-width: 100%;
250
- height: auto;
251
- width: auto\9; /* ie8 */
252
- }
253
- .block, .sidebar_banner {
254
- width: 100%;
255
- float: none;
256
- margin-left: auto;
257
- margin-right: auto;
258
- display: block;
259
- }
260
- .block .block-title {
261
- text-align: left;
262
- background: transparent;
263
- }
264
- /***********************************CATALOG********************************/
265
- .products-grid .product-image {
266
- margin-bottom: 10px;
267
- }
268
- /**/
269
- .raiting_cat ul.products-grid li {
270
- padding-bottom: 20px;
271
- }
272
- /*Toolbar*/
273
- .pager .pages {
274
- margin:0 140px;
275
- }
276
- .pager .pages li a:link, .pager .pages li a:visited {
277
- border-bottom: 2px solid #fff;
278
- }
279
- .pager .pages strong, .sorter label, .pager .amount {
280
- color: #9a9a9a;
281
- }
282
- .short_cat ul.products-grid li {
283
- padding-bottom: 0px !important;
284
- }
285
- /************************PRODUCT************/
286
- .product-options, .product-options-bottom {
287
- width: 53%;
288
- float: right;
289
- margin: 0px 0px 3px 0px;
290
- padding: 1% 1%;
291
- border-width: 1px;
292
- border-style: solid;
293
- }
294
- .product-view .product-img-box {
295
- width: 44%;
296
- }
297
- .product-view .product-shop {
298
- width: 55%;
299
- float: right;
300
- }
301
- .product-img-box .product-name {
302
- display: none;
303
- }
304
-
305
- .product-options-bottom .add-to-cart {
306
- float: right;
307
- padding-top: 4px;
308
- }
309
- .padder {
310
- border-right: 1px solid #c5c5c5;
311
- border-bottom: 1px solid #c5c5c5;
312
- border-left: 1px solid #c5c5c5;
313
- border-radius: 0px 2px 2px 2px;
314
- padding: 5px 10px 5px 10px;
315
- border-top: 1px solid #dadada;
316
- margin-top: -1px;
317
- }
318
- .product-view .box-up-sell .products-grid td, .product-view .box-up-sell .products-grid .product-image {
319
- text-align: left;
320
- }
321
- /*****************************SHOPPIMG CART PAGE********/
322
- #shopping-cart-table {
323
- margin-left: auto;
324
- margin-right: auto;
325
- }
326
- .cart .cart-collaterals .col2-set {
327
- width: 63%;
328
- }
329
- .cart .cart-collaterals .col2-set .col-2 {
330
- width: 36%;
331
- }
332
- .data-table tr.first th {
333
- padding: 10px 10px 10px 0px;
334
- }
335
- /******************ACCOUNT*********************/
336
- .account-login .content {
337
- min-height:240px;
338
- }
339
- .block-account .block-content li a, .block-account .block-content li.current strong, .block-account .block-content li.current {
340
- border: 0 !important;
341
- }
342
- .dashboard .welcome-msg {
343
- margin:0 8em 1.5em 0;
344
- }
345
- .box-account .box-head h2 {
346
- float:left;
347
- margin:0;
348
- }
349
- .box-account .box-head {
350
- text-align:right;
351
- }
352
- /******************HOME PAGE ************************/
353
- /*trisha*/
354
- div.tabs_ul li {
355
- float: left;
356
- }
357
-
358
- /*lightbox*/
359
- #outerImageContainer {
360
- max-width: 520px;
361
- }
362
- #prevLink, #nextLink, #imageData #bottomNavClose {
363
- opacity: 0.4;
364
-
365
- }
366
- #prevLink:hover, #nextLink:hover, #imageData #bottomNavClose:hover {
367
- opacity: 1;
368
- }
369
- #prevLink, #nextLink, #imageData #bottomNavClose{
370
- -webkit-transition: all .3s linear;
371
- -moz-transition: all .3s linear;
372
- -ms-transition: all .3s linear;
373
- transition: all .3s linear;
374
- }
375
-
376
- }
1
+ @media all and (min-width:900px) and (max-width:1199px) {
2
+ .panel {
3
+ width: 100%;
4
+ float: right;
5
+ margin-bottom: 1%;
6
+ }
7
+
8
+ .sform {
9
+ width: 100%;
10
+ float: right;
11
+ }
12
+ .switchers {
13
+ clear: both;
14
+ }
15
+ }
16
+
17
+ @media all and (min-width:1200px) {
18
+ .panel {
19
+ width: 60%;
20
+ float: right;
21
+ }
22
+
23
+ .sform {
24
+ width: 40%;
25
+ float: right;
26
+ }
27
+
28
+ }
29
+
30
+ @media all and (min-width:900px) {
31
+
32
+ /******* DESKTOP SITE WIDTH *******/
33
+ .header-container, .submenu, .main-container, .home_page_header_block, .top_toolbar_container, .footer, .nav-container {
34
+ width: 100%;
35
+ margin-left: auto;
36
+ margin-right: auto;
37
+ }
38
+ .cart, .customer-account-create .main, .checkout-onepage-success .main, .customer-account-logoutsuccess .main, .checkout-onepage-index .main, .my-account, .customer-account-login .main, .checkout-multishipping-login .main, .checkout-multishipping-addresses .main, .checkout-multishipping-shipping .main, .checkout-multishipping-billing .main, .checkout-multishipping-overview .main, .checkout-multishipping-success .main, .checkout-cart-index .main {
39
+ max-width: 1200px;
40
+ margin-left: auto;
41
+ margin-right: auto;
42
+ }
43
+ /******* DESKTOP SITE WIDTH *******/
44
+ .welcome-msg {
45
+ display: block;
46
+ width: 50%;
47
+ float: left;
48
+ text-align: left
49
+ }
50
+ .form-search input.input-text {
51
+ width: 300px;
52
+ height: 20px;
53
+ margin: 0px 0px 0px 3px;
54
+ padding: 0px 0px 0px 6px;
55
+ }
56
+ .header .quick-access, .upper-header, div.block-cart-top, .block-currency, .header .links, #search_mini_form, div.search {
57
+ float: right;
58
+ }
59
+ #search_mini_form {
60
+ width: 350px;
61
+ }
62
+ .form-search {
63
+ width: 345px;
64
+ height: 22px;
65
+ }
66
+ div.search {
67
+ margin: 0% 0% 0% 1%;
68
+ }
69
+ .form-search button.button {
70
+ width: 20px;
71
+ }
72
+ .block-currency,
73
+ div.block-cart-top {
74
+ margin-left: 10px;
75
+ }
76
+ .upper-header {
77
+ margin-bottom: 10px;
78
+ margin-top: 5px;
79
+ }
80
+ .header .links li {
81
+ padding:0px 0px 0px 20px;
82
+ }
83
+ .header .links a:link, .header .links a:visited {
84
+ text-decoration: none;
85
+ font: 11px Arial, sans-serif;
86
+ background-color: transparent;
87
+ background-image: url(../images/sprite.png);
88
+ background-position: -78px 5px;
89
+ background-repeat: no-repeat;
90
+ padding: 0px 0px 0px 7px;
91
+ }
92
+ div.block-cart-top a.title:link, div.block-cart-top a.title:visited {
93
+ background-color: transparent;
94
+ background-image: url(../images/sprite.png);
95
+ background-position: 0px 1px;
96
+ background-repeat: no-repeat;
97
+ font-size: 0;
98
+ display: block;
99
+ float: left;
100
+ color: transparent;
101
+ width: 16px;
102
+ height: 16px;
103
+ }
104
+ div.block-cart-top .cart-link {
105
+ display: none;
106
+ }
107
+
108
+ /*********************************Footer ******************************/
109
+ .footer_block .links_block div {
110
+ float: left;
111
+ width: 30%;
112
+ margin-right: 20px;
113
+ }
114
+ .footer_block .links_block div.last {
115
+ margin-right: 0;
116
+ margin-left: 8px;
117
+ }
118
+
119
+ .footer ul.links li {
120
+ float: left;
121
+ }
122
+ .footer ul.links li a:link, .footer ul.links li a:visited {
123
+ color: #000;
124
+ }
125
+ .footer_block .links_block div ul li a:hover, .footer ul.links li a:hover {
126
+ color: #888;
127
+ }
128
+ /*Headings */
129
+ h1, .page-title h2, .postTitle h2 {
130
+ font-size: 2.5em;
131
+ }
132
+ .page-title h1, .page-title h2 {
133
+ margin: 0% 0% 3% 0%;
134
+ }
135
+ h2 {
136
+ font-size: 1.4em;
137
+ font-weight: 600;
138
+ }
139
+ h3 {
140
+ font-size: 1.125em;
141
+ font-weight: 600;
142
+ }
143
+ h4 {
144
+ font-size: 1em;
145
+ font-weight: 600;
146
+ }
147
+ h5 {
148
+ font-size: 0.875em;
149
+ font-weight: 500;
150
+ font-family: "Segoe UI", "Myriad Pro", Arial, sans-serif;
151
+ }
152
+ h6 {
153
+ font-size: 0.75em;
154
+ font-weight:bold;
155
+ }
156
+ /* Base Columns */
157
+ .col-left, .col-right {
158
+ width: 18%;
159
+ padding-left: 1%;
160
+ padding-right: 1%;
161
+ float: right;
162
+ text-align: center;
163
+ /*overflow: hidden;*/
164
+ }
165
+ .col2-left-layout .col-main, .col2-right-layout .col-main {
166
+ width: 78%;
167
+ padding-left: 1%;
168
+ padding-right: 1%;
169
+ }
170
+ /* 1 Column Layout */
171
+ .col1-layout .col-main {
172
+ float:none;
173
+ width:auto;
174
+ padding-left: 10px;
175
+ padding-right: 10px;
176
+ }
177
+ /* 2 Columns left Layout */
178
+ .col2-right-layout .col-main,
179
+ .col2-left-layout .col-main {
180
+ float: right;
181
+ }
182
+ /* 2 Columns right Layout */
183
+ .col2-right-layout .col-main {
184
+ float: left;
185
+ }
186
+ /* 3 Columns Layout */
187
+ .col3-layout .col-wrapper {
188
+ float: left;
189
+ width: 80%;
190
+ padding:0;
191
+ }
192
+ .col3-layout .col-main {
193
+ width: 76%;
194
+ padding-left: 0%;
195
+ padding-right: 0%;
196
+ margin-left: 0;
197
+ float: right;
198
+ overflow: hidden;
199
+ }
200
+ .col3-layout .col-left {
201
+ width: 22%;
202
+ }
203
+ /* Content Columns */
204
+ .col2-set .col-1 {
205
+ float: left;
206
+ width:48%;
207
+ }
208
+ .col2-set .col-2 {
209
+ float:right;
210
+ width:48.5%;
211
+ }
212
+ .col2-set .col-narrow {
213
+ width:32%;
214
+ }
215
+ .col2-set .col-wide {
216
+ width:65%;
217
+ }
218
+ .col3-set .col-1 {
219
+ float:left;
220
+ width:32%;
221
+ }
222
+ .col3-set .col-2 {
223
+ float:left;
224
+ width:32%;
225
+ margin-left:2%;
226
+ }
227
+ .col3-set .col-3 {
228
+ float:right;
229
+ width:32%;
230
+ }
231
+ .col4-set .col-1 {
232
+ float:left;
233
+ width:23.5%;
234
+ }
235
+ .col4-set .col-2 {
236
+ float:left;
237
+ width:23.5%;
238
+ margin:0 2%;
239
+ }
240
+ .col4-set .col-3 {
241
+ float:left;
242
+ width:23.5%;
243
+ }
244
+ .col4-set .col-4 {
245
+ float:right;
246
+ width:23.5%;
247
+ }
248
+ .sidebar_banner img {
249
+ max-width: 100%;
250
+ height: auto;
251
+ width: auto\9; /* ie8 */
252
+ }
253
+ .block, .sidebar_banner {
254
+ width: 100%;
255
+ float: none;
256
+ margin-left: auto;
257
+ margin-right: auto;
258
+ display: block;
259
+ }
260
+ .block .block-title {
261
+ text-align: left;
262
+ background: transparent;
263
+ }
264
+ /***********************************CATALOG********************************/
265
+ .products-grid .product-image {
266
+ margin-bottom: 10px;
267
+ }
268
+ /**/
269
+ .raiting_cat ul.products-grid li {
270
+ padding-bottom: 20px;
271
+ }
272
+ /*Toolbar*/
273
+ .pager .pages {
274
+ margin:0 140px;
275
+ }
276
+ .pager .pages li a:link, .pager .pages li a:visited {
277
+ border-bottom: 2px solid #fff;
278
+ }
279
+ .pager .pages strong, .sorter label, .pager .amount {
280
+ color: #9a9a9a;
281
+ }
282
+ .short_cat ul.products-grid li {
283
+ padding-bottom: 0px !important;
284
+ }
285
+ /************************PRODUCT************/
286
+ .product-options, .product-options-bottom {
287
+ width: 53%;
288
+ float: right;
289
+ margin: 0px 0px 3px 0px;
290
+ padding: 1% 1%;
291
+ border-width: 1px;
292
+ border-style: solid;
293
+ }
294
+ .product-view .product-img-box {
295
+ width: 44%;
296
+ }
297
+ .product-view .product-shop {
298
+ width: 55%;
299
+ float: right;
300
+ }
301
+ .product-img-box .product-name {
302
+ display: none;
303
+ }
304
+
305
+ .product-options-bottom .add-to-cart {
306
+ float: right;
307
+ padding-top: 4px;
308
+ }
309
+ .padder {
310
+ border-right: 1px solid #c5c5c5;
311
+ border-bottom: 1px solid #c5c5c5;
312
+ border-left: 1px solid #c5c5c5;
313
+ border-radius: 0px 2px 2px 2px;
314
+ padding: 5px 10px 5px 10px;
315
+ border-top: 1px solid #dadada;
316
+ margin-top: -1px;
317
+ }
318
+ .product-view .box-up-sell .products-grid td, .product-view .box-up-sell .products-grid .product-image {
319
+ text-align: left;
320
+ }
321
+ /*****************************SHOPPIMG CART PAGE********/
322
+ #shopping-cart-table {
323
+ margin-left: auto;
324
+ margin-right: auto;
325
+ }
326
+ .cart .cart-collaterals .col2-set {
327
+ width: 63%;
328
+ }
329
+ .cart .cart-collaterals .col2-set .col-2 {
330
+ width: 36%;
331
+ }
332
+ .data-table tr.first th {
333
+ padding: 10px 10px 10px 0px;
334
+ }
335
+ /******************ACCOUNT*********************/
336
+ .account-login .content {
337
+ min-height:240px;
338
+ }
339
+ .block-account .block-content li a, .block-account .block-content li.current strong, .block-account .block-content li.current {
340
+ border: 0 !important;
341
+ }
342
+ .dashboard .welcome-msg {
343
+ margin:0 8em 1.5em 0;
344
+ }
345
+ .box-account .box-head h2 {
346
+ float:left;
347
+ margin:0;
348
+ }
349
+ .box-account .box-head {
350
+ text-align:right;
351
+ }
352
+ /******************HOME PAGE ************************/
353
+ /*trisha*/
354
+ div.tabs_ul li {
355
+ float: left;
356
+ }
357
+
358
+ /*lightbox*/
359
+ #outerImageContainer {
360
+ max-width: 520px;
361
+ }
362
+ #prevLink, #nextLink, #imageData #bottomNavClose {
363
+ opacity: 0.4;
364
+
365
+ }
366
+ #prevLink:hover, #nextLink:hover, #imageData #bottomNavClose:hover {
367
+ opacity: 1;
368
+ }
369
+ #prevLink, #nextLink, #imageData #bottomNavClose{
370
+ -webkit-transition: all .3s linear;
371
+ -moz-transition: all .3s linear;
372
+ -ms-transition: all .3s linear;
373
+ transition: all .3s linear;
374
+ }
375
+
376
+ }
skin/frontend/default/grayscale2014/css/media-small.css CHANGED
@@ -1,396 +1,398 @@
1
- @media all and (max-width:479px) {
2
- #search_mini_form, .form-search, div.search, .header-container, .submenu, .main-container, .home_page_header_block, .nav-container, .product-view .product-img-box,
3
- .product-view .product-shop {
4
- width: 100%;
5
- }
6
- .welcome-msg, ul.links-advanced, .block-cart-top .qty, .block-cart-top .price, .upper-header .sp, .seotext,
7
- #review-form .data-table tr.first th, .header .logo strong, .data-table th, div.block-cart-top p.amount, .sorter .view-mode label, .product-shop .product-name,
8
- .add-to-box .or, .more-views h4, .sc-toolbar {
9
- display: none;
10
- }
11
- .form-search input.input-text {
12
- width:79%;
13
- height: 20px;
14
- margin: 0px 0px 0px 0px;
15
- padding: 0px 0px 0px 0px;
16
- text-indent: 1%;
17
- }
18
- #search_mini_form {
19
- clear: both;
20
- }
21
- .form-search {
22
- height: 22px;
23
- }
24
- div.search {
25
- margin: 3px 0px 10px 0px;
26
- float: left;
27
- }
28
- #search_mini_form {
29
- float: left;
30
- }
31
- .form-search button.button {
32
- width: 20%;
33
- max-width: 35px;
34
- }
35
- .block-currency {
36
- float: left;
37
- margin-bottom: 3%;
38
- }
39
- div.wp_stylish_languages_switcher_flags {
40
- margin-right: 1%;
41
- }
42
- .header a.logo {
43
- margin: 0% auto 5% auto;
44
- }
45
- div.block-cart-top {
46
- float: left;
47
- margin-left: 1%;
48
- }
49
- .upper-header {
50
- float: left;
51
- margin-bottom: 1%;
52
- clear: both;
53
- width: 99%;
54
- }
55
- .div.block-cart-top {
56
- clear: both;
57
- padding-left: 1%;
58
- }
59
- div.block-cart-top .cart-link a:link, div.block-cart-top .cart-link a:visited {
60
- color: #000;
61
- display: block;
62
- background: #dadada;
63
- padding: 2px 5px !important;
64
- border-radius: 3px;
65
- color: #000;
66
- text-align: center;
67
- margin-left: 0;
68
- float: left;
69
- }
70
- .header .quick-access {
71
- float:left;
72
- padding-left: 1%;
73
- width: 99%;
74
- }
75
- .header .links {
76
- float: left;
77
- margin: 0px 0px 10px 0px;
78
- padding: 0;
79
- width: 100%;
80
- }
81
- .header .links li {
82
- padding:0;
83
- margin: 1% 5%;
84
- }
85
- .header .links a:link, .header .links a:visited {
86
- color: #000;
87
- text-decoration: none;
88
- padding: 2px 5px !important;
89
- border-radius: 3px;
90
- background: #dadada;
91
- display: block;
92
- text-align: center;
93
- }
94
- div.block-cart-top .cart-link a:hover, .header .links a:hover {
95
- background: #eaeaea;
96
- }
97
- /*********************************Footer ******************************/
98
- .footer, .footer_block .links_block div {
99
- width: 100%;
100
- margin-left: auto;
101
- margin-right: auto;
102
- }
103
- .footer ul.links {
104
- text-align: left;
105
- padding-left: 0;
106
- padding-right: 0;
107
- width: 100%;
108
- padding-top: 0;
109
- }
110
- .footer_block h4.title {
111
- padding-top: 10px;
112
- }
113
- .footer_block .links_block div ul li a:link, .footer_block .links_block div ul li a:visited {
114
- display: block;
115
- }
116
- .footer_block .links_block div ul li a:hover {
117
- color: #000;
118
- }
119
- .footer ul.links li, .footer_block .links_block div ul li {
120
- display: block;
121
- margin-bottom: 0px;
122
- text-align: left;
123
- font-size: 14px;
124
- padding-bottom: 10px;
125
- padding-top: 10px;
126
- }
127
- .footer ul.links li a {
128
- display: block;
129
- }
130
- /* Base Columns */
131
- .col-left, .col-right {
132
- width: 98%;
133
- padding-left: 1%;
134
- padding-right: 1%;
135
- float: none;
136
- text-align: center;
137
- overflow: hidden;
138
- }
139
- .col2-left-layout .col-main, .col2-right-layout .col-main, .col1-layout .col-main {
140
- width: 98%;
141
- padding-left: 1%;
142
- padding-right: 1%;
143
- float: none;
144
- overflow: hidden;
145
- }
146
- .col2-right-layout .col-main, .col2-left-layout .col-main {
147
- float: none;
148
- margin-bottom: 1%;
149
- }
150
- .col3-layout .col-wrapper {
151
- float: none;
152
- width: 100%;
153
- padding:0;
154
- }
155
- /***********************************CATALOG********************************/
156
- /*img*/
157
- .products-grid .product-image img, .category-image img {
158
- max-width: 100%;
159
- height: auto;
160
- }
161
- /*Toolbar*/
162
- .pager .pages {
163
- clear: both;
164
- margin: 0;
165
- width: 100%;
166
- padding: 0;
167
- background: #dadada;
168
- border-radius: 3px;
169
- padding: 3px 0px;
170
- color: #000;
171
- }
172
- .pager .pages li a:link, .pager .pages li a:visited {
173
- border-bottom: 2px solid #dadada;
174
- }
175
- .pager .pages strong, .sorter label, .pager .amount {
176
- color: #000;
177
- }
178
- .pager p.amount, .pager .limiter {
179
- width: 100%;
180
- padding: 3px 0px;
181
- text-align: center;
182
- font-size: 12px;
183
- color: #000;
184
- }
185
- .sorter .view-mode {
186
- font-size: 12px;
187
- }
188
- /************************PRODUCT************/
189
- .product-img-box img {
190
- max-width: 100%;
191
- height: auto;
192
- }
193
- .product-view .product-shop .price-box {
194
- float: left;
195
- margin-right: 5%;
196
- }
197
- .product-view .product-shop .price-box-bundle .price-box {
198
- float: none;
199
- }
200
- .add-to-box .add-to-cart {
201
- padding-top: 15px;
202
- float: left;
203
- }
204
- .product-shop .add-to-box {
205
- text-align: left;
206
- clear: both;
207
- float: left;
208
- margin-top: 0;
209
- margin-bottom: 2em;
210
- }
211
- .product-view .product-shop .add-to-links {
212
- padding: 0;
213
- clear: both;
214
- }
215
- .product-view .product-shop .grouped-items-table .product-pricing-grouped li {
216
- display: table-cell;
217
- text-align: left;
218
- }
219
- .product-options dl dd .input-box, .product-options dd select {
220
- margin-bottom: 5%;
221
- }
222
- .product-options-bottom .add-to-cart {
223
- float:left;
224
- padding-top: 5%;
225
- clear: both;
226
- }
227
- .links_list {
228
- clear: both;
229
- }
230
- .product-collateral {
231
- padding: 15px 0px 25px 0px;
232
- }
233
- .tabs {
234
- border-top: 3px solid #dadada;
235
- }
236
- .tabs li, .tabs li.active a, .tabs li.active a:hover, .tabs a {
237
- width: 100%;
238
- border: 0;
239
- }
240
- .tabs li.active a, .tabs li.active a:hover {
241
- font-weight: bold;
242
- }
243
- .tabs li a:after {
244
- content: " >";
245
- font-size: 12px;
246
- }
247
- .tabs li.active a:after {
248
- content: " ";
249
- }
250
- .box-collateral img, .compare-table img, .std img {
251
- max-width: 100%;
252
- height: auto;
253
- }
254
- .product-view {
255
- margin-top: 5px;
256
- border: 1px solid #dadada;
257
- padding: 5px 5px 0px 5px;
258
- }
259
- .product-essential {
260
- padding: 0;
261
- }
262
- .product-view .box-up-sell .products-grid td, .brand td {
263
- display: inline-block;
264
- width: 100%;
265
- text-align: center ;
266
- }
267
- .box-up-sell .products-grid .product-image {
268
- text-align: center !important;
269
- }
270
- .product-view .box-up-sell .products-grid .ratings .rating-box {
271
- margin-left: auto;
272
- margin-right: auto;
273
- }
274
- /****************CART ********************/
275
- .cart .cart-collaterals .col2-set {
276
- width: 100%;
277
- }
278
- .cart .cart-collaterals .col2-set .col-2 {
279
- width:100%;
280
- }
281
- .account-login h2 {
282
- font-size: 1em;
283
- }
284
- .col2-set .col-1 {
285
- float:left;
286
- width:98%;
287
- margin-bottom: 5%;
288
- }
289
- .col2-set .col-2 {
290
- float:left;
291
- width:98%;
292
- }
293
- .col2-set .col-narrow {
294
- width:32%;
295
- }
296
- .col2-set .col-wide {
297
- width:65%;
298
- }
299
- .cart .cart-collaterals .col2-set .col-2 {
300
- width: 100%;
301
- }
302
- /*data table*/
303
- .data-table td, table.products-grid td, table.brand td {
304
- width: 90%;
305
- display: block;
306
- clear: both;
307
- border: 0 !important;
308
- float: left;
309
- padding-left: 5%;
310
- padding-right: 5%;
311
- }
312
- .data-table td {
313
- text-align: left !important;
314
- }
315
- .data-table textarea {
316
- display: block;
317
- width: 90%;
318
- height: auto;
319
- }
320
- .data-table .btn-remove2 {
321
- font-size: 12px;
322
- line-height: 14px;
323
- width: auto;
324
- font-weight: bold;
325
- text-indent: 16px;
326
- }
327
- .data-table .buttons-set {
328
- margin-top: 5%;
329
- margin-bottom: 5%;
330
- padding-left: 5%;
331
- padding-right: 5%;
332
- width: 90%;
333
- }
334
- .data-table .buttons-set button {
335
- margin-bottom: 5%;
336
- margin-left: 0;
337
- float: left;
338
- clear: both;
339
- }
340
- #shopping-cart-table button {
341
- clear: both;
342
- display: block;
343
- margin-bottom: 5%;
344
- }
345
- /***************ACCOUNT***********/
346
- .account-login .content h2 {
347
- margin-top: 3%;
348
- }
349
- .block-account .block-content li a, .block-account .block-content li.current strong {
350
- display: block;
351
- width: 100%;
352
- padding: 10px 0px;
353
- }
354
- .my-account {
355
- padding-bottom: 20px;
356
- }
357
- .block .block-title {
358
- text-align: center;
359
- }
360
- .buttons-set {
361
- margin-bottom: 4em;
362
- margin-top: 0em;
363
- }
364
- .buttons-set button {
365
- clear: both;
366
- display: block;
367
- margin-bottom: 5%;
368
- }
369
- /* Sitemap */
370
- .page-sitemap .links {
371
- text-align:center;
372
- }
373
-
374
- /*trisha*/
375
- div.tabs_ul li {
376
- float: none;
377
- }
378
- .home-tabs.products-grid li {
379
- float: none;
380
- width: 100% !important;
381
- }
382
- div.tabs_ul li a:after {
383
- content: " >";
384
- font-size: 14px;
385
- }
386
- div.tabs_ul li.ui-tabs-selected a:after {
387
- content: " ";
388
- font-size: 0px;
389
- }
390
- /*cutom menu*/
391
- #menu-button a:link, #menu-button a:visited {
392
- margin-left: 40%;
393
- }
394
- }
395
-
396
-
 
 
1
+ @media all and (max-width:479px) {
2
+ #search_mini_form, .form-search, div.search, .header-container, .submenu, .main-container, .home_page_header_block, .nav-container, .product-view .product-img-box,
3
+ .product-view .product-shop {
4
+ width: 100%;
5
+ }
6
+ .welcome-msg, ul.links-advanced, .block-cart-top .qty, .block-cart-top .price, .upper-header .sp, .seotext,
7
+ #review-form .data-table tr.first th, .header .logo strong, .data-table th, div.block-cart-top p.amount, .sorter .view-mode label, .product-shop .product-name,
8
+ .add-to-box .or, .more-views h4, .sc-toolbar, div.block-cart-top .button-small {
9
+ display: none;
10
+ }
11
+ .form-search input.input-text {
12
+ width:79%;
13
+ height: 20px;
14
+ margin: 0px 0px 0px 0px;
15
+ padding: 0px 0px 0px 0px;
16
+ text-indent: 1%;
17
+ }
18
+ #search_mini_form {
19
+ clear: both;
20
+ }
21
+ .form-search {
22
+ height: 22px;
23
+ }
24
+ div.search {
25
+ margin: 3px 0px 10px 0px;
26
+ float: left;
27
+ }
28
+ #search_mini_form {
29
+ float: left;
30
+ }
31
+ .form-search button.button {
32
+ width: 20%;
33
+ max-width: 35px;
34
+ }
35
+ .block-currency {
36
+ float: left;
37
+ margin-bottom: 3%;
38
+ }
39
+ div.wp_stylish_languages_switcher_flags {
40
+ margin-right: 1%;
41
+ }
42
+ .header a.logo {
43
+ margin: 0% auto 5% auto;
44
+ }
45
+ div.block-cart-top {
46
+ float: left;
47
+ margin-left: 1%;
48
+ }
49
+ .upper-header {
50
+ float: left;
51
+ margin-bottom: 1%;
52
+ clear: both;
53
+ width: 99%;
54
+ }
55
+ .div.block-cart-top {
56
+ clear: both;
57
+ padding-left: 1%;
58
+ }
59
+ div.block-cart-top .cart-link a:link, div.block-cart-top .cart-link a:visited {
60
+ color: #000;
61
+ display: block;
62
+ background: #dadada;
63
+ padding: 2px 5px !important;
64
+ border-radius: 3px;
65
+ color: #000;
66
+ text-align: center;
67
+ margin-left: 0;
68
+ float: left;
69
+ margin-bottom: 10px;
70
+ }
71
+ .header .quick-access {
72
+ float:left;
73
+ padding-left: 1%;
74
+ width: 99%;
75
+ }
76
+ .header .links {
77
+ float: left;
78
+ margin: 0px 0px 10px 0px;
79
+ padding: 0;
80
+ width: 100%;
81
+ }
82
+ .header .links li {
83
+ padding:0;
84
+ margin: 1% 5% 1% 0%;
85
+ }
86
+ .header .links a:link, .header .links a:visited {
87
+ color: #000;
88
+ text-decoration: none;
89
+ padding: 2px 5px !important;
90
+ border-radius: 3px;
91
+ background: #dadada;
92
+ display: block;
93
+ text-align: center;
94
+ }
95
+ div.block-cart-top .cart-link a:hover, .header .links a:hover {
96
+ background: #eaeaea;
97
+ }
98
+
99
+ /*********************************Footer ******************************/
100
+ .footer, .footer_block .links_block div {
101
+ width: 100%;
102
+ margin-left: auto;
103
+ margin-right: auto;
104
+ }
105
+ .footer ul.links {
106
+ text-align: left;
107
+ padding-left: 0;
108
+ padding-right: 0;
109
+ width: 100%;
110
+ padding-top: 0;
111
+ }
112
+ .footer_block h4.title {
113
+ padding-top: 10px;
114
+ }
115
+ .footer_block .links_block div ul li a:link, .footer_block .links_block div ul li a:visited {
116
+ display: block;
117
+ }
118
+ .footer_block .links_block div ul li a:hover {
119
+ color: #000;
120
+ }
121
+ .footer ul.links li, .footer_block .links_block div ul li {
122
+ display: block;
123
+ margin-bottom: 0px;
124
+ text-align: left;
125
+ font-size: 14px;
126
+ padding-bottom: 10px;
127
+ padding-top: 10px;
128
+ }
129
+ .footer ul.links li a {
130
+ display: block;
131
+ }
132
+ /* Base Columns */
133
+ .col-left, .col-right {
134
+ width: 98%;
135
+ padding-left: 1%;
136
+ padding-right: 1%;
137
+ float: none;
138
+ text-align: center;
139
+ /*overflow: hidden;*/
140
+ }
141
+ .col2-left-layout .col-main, .col2-right-layout .col-main, .col1-layout .col-main {
142
+ width: 98%;
143
+ padding-left: 1%;
144
+ padding-right: 1%;
145
+ float: none;
146
+ overflow: hidden;
147
+ }
148
+ .col2-right-layout .col-main, .col2-left-layout .col-main {
149
+ float: none;
150
+ margin-bottom: 1%;
151
+ }
152
+ .col3-layout .col-wrapper {
153
+ float: none;
154
+ width: 100%;
155
+ padding:0;
156
+ }
157
+ /***********************************CATALOG********************************/
158
+ /*img*/
159
+ .products-grid .product-image img, .category-image img {
160
+ max-width: 100%;
161
+ height: auto;
162
+ }
163
+ /*Toolbar*/
164
+ .pager .pages {
165
+ clear: both;
166
+ margin: 0;
167
+ width: 100%;
168
+ padding: 0;
169
+ background: #dadada;
170
+ border-radius: 3px;
171
+ padding: 3px 0px;
172
+ color: #000;
173
+ }
174
+ .pager .pages li a:link, .pager .pages li a:visited {
175
+ border-bottom: 2px solid #dadada;
176
+ }
177
+ .pager .pages strong, .sorter label, .pager .amount {
178
+ color: #000;
179
+ }
180
+ .pager p.amount, .pager .limiter {
181
+ width: 100%;
182
+ padding: 3px 0px;
183
+ text-align: center;
184
+ font-size: 12px;
185
+ color: #000;
186
+ }
187
+ .sorter .view-mode {
188
+ font-size: 12px;
189
+ }
190
+ /************************PRODUCT************/
191
+ .product-img-box img {
192
+ max-width: 100%;
193
+ height: auto;
194
+ }
195
+ .product-view .product-shop .price-box {
196
+ float: left;
197
+ margin-right: 5%;
198
+ }
199
+ .product-view .product-shop .price-box-bundle .price-box {
200
+ float: none;
201
+ }
202
+ .add-to-box .add-to-cart {
203
+ padding-top: 15px;
204
+ float: left;
205
+ }
206
+ .product-shop .add-to-box {
207
+ text-align: left;
208
+ clear: both;
209
+ float: left;
210
+ margin-top: 0;
211
+ margin-bottom: 2em;
212
+ }
213
+ .product-view .product-shop .add-to-links {
214
+ padding: 0;
215
+ clear: both;
216
+ }
217
+ .product-view .product-shop .grouped-items-table .product-pricing-grouped li {
218
+ display: table-cell;
219
+ text-align: left;
220
+ }
221
+ .product-options dl dd .input-box, .product-options dd select {
222
+ margin-bottom: 5%;
223
+ }
224
+ .product-options-bottom .add-to-cart {
225
+ float:left;
226
+ padding-top: 5%;
227
+ clear: both;
228
+ }
229
+ .links_list {
230
+ clear: both;
231
+ }
232
+ .product-collateral {
233
+ padding: 15px 0px 25px 0px;
234
+ }
235
+ .tabs {
236
+ border-top: 3px solid #dadada;
237
+ }
238
+ .tabs li, .tabs li.active a, .tabs li.active a:hover, .tabs a {
239
+ width: 100%;
240
+ border: 0;
241
+ }
242
+ .tabs li.active a, .tabs li.active a:hover {
243
+ font-weight: bold;
244
+ }
245
+ .tabs li a:after {
246
+ content: " >";
247
+ font-size: 12px;
248
+ }
249
+ .tabs li.active a:after {
250
+ content: " ";
251
+ }
252
+ .box-collateral img, .compare-table img, .std img {
253
+ max-width: 100%;
254
+ height: auto;
255
+ }
256
+ .product-view {
257
+ margin-top: 5px;
258
+ border: 1px solid #dadada;
259
+ padding: 5px 5px 0px 5px;
260
+ }
261
+ .product-essential {
262
+ padding: 0;
263
+ }
264
+ .product-view .box-up-sell .products-grid td, .brand td {
265
+ display: inline-block;
266
+ width: 100%;
267
+ text-align: center ;
268
+ }
269
+ .box-up-sell .products-grid .product-image {
270
+ text-align: center !important;
271
+ }
272
+ .product-view .box-up-sell .products-grid .ratings .rating-box {
273
+ margin-left: auto;
274
+ margin-right: auto;
275
+ }
276
+ /****************CART ********************/
277
+ .cart .cart-collaterals .col2-set {
278
+ width: 100%;
279
+ }
280
+ .cart .cart-collaterals .col2-set .col-2 {
281
+ width:100%;
282
+ }
283
+ .account-login h2 {
284
+ font-size: 1em;
285
+ }
286
+ .col2-set .col-1 {
287
+ float:left;
288
+ width:98%;
289
+ margin-bottom: 5%;
290
+ }
291
+ .col2-set .col-2 {
292
+ float:left;
293
+ width:98%;
294
+ }
295
+ .col2-set .col-narrow {
296
+ width:32%;
297
+ }
298
+ .col2-set .col-wide {
299
+ width:65%;
300
+ }
301
+ .cart .cart-collaterals .col2-set .col-2 {
302
+ width: 100%;
303
+ }
304
+ /*data table*/
305
+ .data-table td, table.products-grid td, table.brand td {
306
+ width: 90%;
307
+ display: block;
308
+ clear: both;
309
+ border: 0 !important;
310
+ float: left;
311
+ padding-left: 5%;
312
+ padding-right: 5%;
313
+ }
314
+ .data-table td {
315
+ text-align: left !important;
316
+ }
317
+ .data-table textarea {
318
+ display: block;
319
+ width: 90%;
320
+ height: auto;
321
+ }
322
+ .data-table .btn-remove2 {
323
+ font-size: 12px;
324
+ line-height: 14px;
325
+ width: auto;
326
+ font-weight: bold;
327
+ text-indent: 16px;
328
+ }
329
+ .data-table .buttons-set {
330
+ margin-top: 5%;
331
+ margin-bottom: 5%;
332
+ padding-left: 5%;
333
+ padding-right: 5%;
334
+ width: 90%;
335
+ }
336
+ .data-table .buttons-set button {
337
+ margin-bottom: 5%;
338
+ margin-left: 0;
339
+ float: left;
340
+ clear: both;
341
+ }
342
+ #shopping-cart-table button {
343
+ clear: both;
344
+ display: block;
345
+ margin-bottom: 5%;
346
+ }
347
+ /***************ACCOUNT***********/
348
+ .account-login .content h2 {
349
+ margin-top: 3%;
350
+ }
351
+ .block-account .block-content li a, .block-account .block-content li.current strong {
352
+ display: block;
353
+ width: 100%;
354
+ padding: 10px 0px;
355
+ }
356
+ .my-account {
357
+ padding-bottom: 20px;
358
+ }
359
+ .block .block-title {
360
+ text-align: center;
361
+ }
362
+ .buttons-set {
363
+ margin-bottom: 4em;
364
+ margin-top: 0em;
365
+ }
366
+ .buttons-set button {
367
+ clear: both;
368
+ display: block;
369
+ margin-bottom: 5%;
370
+ }
371
+ /* Sitemap */
372
+ .page-sitemap .links {
373
+ text-align:center;
374
+ }
375
+
376
+ /*trisha*/
377
+ div.tabs_ul li {
378
+ float: none;
379
+ }
380
+ .home-tabs.products-grid li {
381
+ float: none;
382
+ width: 100% !important;
383
+ }
384
+ div.tabs_ul li a:after {
385
+ content: " >";
386
+ font-size: 14px;
387
+ }
388
+ div.tabs_ul li.ui-tabs-selected a:after {
389
+ content: " ";
390
+ font-size: 0px;
391
+ }
392
+ /*cutom menu*/
393
+ #menu-button a:link, #menu-button a:visited {
394
+ margin-left: 40%;
395
+ }
396
+ }
397
+
398
+
skin/frontend/default/grayscale2014/css/skin.css CHANGED
@@ -1,2105 +1,2106 @@
1
- * {
2
- -webkit-text-size-adjust: none;
3
- outline: none;
4
- -webkit-touch-callout: none;
5
- -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
6
- }
7
- /* Clearfix */
8
- .clearfix:after {
9
- content: ".";
10
- display: block;
11
- clear: both;
12
- visibility: hidden;
13
- line-height: 0;
14
- height: 0;
15
- background: url(../images/i_pager-next.gif);
16
- }
17
- .clearfix {
18
- display: inline-block;
19
- }
20
- html[xmlns] .clearfix {
21
- display: block;
22
- }
23
- * html .clearfix {
24
- height: 1%;
25
- }
26
- /* end Clearfix */
27
- body {
28
- background: #ffffff;
29
- font: normal 100% "Lucida Grande",Helvetica,Arial, sans-serif;
30
- color: #555555;
31
- text-align: center;
32
- }
33
- .header-container, .main-container, .home_page_header_block {
34
- background-color: #ffffff;
35
- }
36
- .slides-wrapper a {
37
- opacity: 1;
38
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
39
- }
40
- .sp, .clear {
41
- clear: both;
42
- margin:0;
43
- padding: 0;
44
- height: 0;
45
- overflow: hidden;
46
- }
47
- .sp span, .clear span {
48
- display: none;
49
- }
50
- /* Headings */
51
- h1, h2, h3, h4, h5, h6 {
52
- font-family: Arial, sans-serif;
53
- }
54
- h1, .page-title h1, .page-title h2, .product-view .product-shop .product-name h1, .postTitle h2 {
55
- font-family: "Lucida Grande",Helvetica, Arial, sans-serif;
56
- font-weight: normal;
57
- }
58
- .category-title {
59
- margin:0 0 10px;
60
- }
61
- p {
62
- font-size: 0.8125em;
63
- line-height: 1.25em;
64
- margin-bottom: 0.9em;
65
- }
66
- /*any pages styles*/
67
- .col-main dl dt {
68
- font-size: 14px;
69
- font-weight: normal;
70
- }
71
- .col-main h3 {
72
- font-size: 18px;
73
- }
74
- ul.bullet, ol.bullet {
75
- margin-bottom: 10px;
76
- }
77
- .col-main dl, .col-main ol {
78
- padding: 5px 0px 20px 0px;
79
- }
80
- .col-main dl dt {
81
- font-size: 18px;
82
- line-height: 22px;
83
- font-family: Arial, sans-serif;
84
- }
85
- ul.bullet li {
86
- padding-left: 10px;
87
- background: url(../images/pager_arrow_right.gif) no-repeat 0px 4px;
88
- margin-bottom: 5px;
89
- }
90
- ul.bullet_big li {
91
- padding-left: 10px;
92
- background: url(../images/pager_arrow_right.gif) no-repeat 0px 4px;
93
- margin-bottom: 15px;
94
- font-size: 16px;
95
- }
96
- .col-main ol li {
97
- list-style-type: decimal;
98
- list-style-position: inside;
99
- margin-bottom: 5px;
100
- }
101
- .col-main .opc li {
102
- list-style-type: none;
103
- }
104
- hr {
105
- clear: both;
106
- position: relative;
107
- border: 1px solid #e4e4e4;
108
- margin-top: 10px;
109
- margin-bottom: 10px;
110
- }
111
- .pic-right {
112
- float: right;
113
- position: relative;
114
- margin: 0px 0px 10px 10px;
115
- }
116
- .pic-left {
117
- float: left;
118
- position: relative;
119
- margin: 0px 10px 10px 0px;
120
- }
121
- .slider-wrap img { max-width: 100%;
122
- height: auto;
123
- width: auto\9; /* ie8 */}
124
- /* Layout ================================================================================ */
125
- .main-container {
126
- clear: both;
127
- }
128
- .main {
129
- padding: 10px 0px 10px 0px;
130
- background-color: transparent;
131
- width: 100%;
132
- }
133
- .wishlist-index-index .main {
134
- padding-top: 15px;
135
- }
136
- .home_page_header_block {
137
- padding-top: 2px;
138
- clear: both;
139
- }
140
- .cms-index-index .home_page_header_block p, .cms-home .home_page_header_block p {
141
- margin: 0;
142
- }
143
- /* Global Styles ========================================================================= */
144
- /*top toolbar*/
145
- .form-search .search-autocomplete ul {
146
- border: 0;
147
- border-radius: 15px;
148
- }
149
- .form-search .search-autocomplete {
150
- background: #f5f5f5;
151
- z-index:999;
152
- position:relative;
153
- }
154
- .form-search .search-autocomplete ul, .form-search .search-autocomplete li {
155
- text-align: left;
156
- padding: 3px 5px 3px 5px;
157
- font-weight: normal;
158
- }
159
- .form-search .search-autocomplete li:hover {
160
- cursor: pointer;
161
- background: #fff;
162
- }
163
- .form-search .search-autocomplete {
164
- margin-left: 0px;
165
- margin-top: 2px;
166
- }
167
- .search-autocomplete .amount {
168
- float: right;
169
- font-weight: normal;
170
- }
171
- .form-search .search-autocomplete li {
172
- border: none;
173
- }
174
- .top_toolbar_static {
175
- float: right;
176
- position: relative;
177
- margin-left: 10px;
178
- }
179
- /*header*/
180
- .header-container .top-container {
181
- position: relative;
182
- }
183
- .header {
184
- padding: 1% 1% 0% 1%;
185
- text-align: right;
186
- width: 98%;
187
- position: relative;
188
- z-index:10;
189
- }
190
- div.block-cart-top {
191
- position: relative;
192
- text-align: left;
193
- }
194
- div.block-cart-top a.title:hover {
195
- opacity: .6;
196
- filter: alpha(opacity=60);
197
- }
198
- div.block-cart-top p, div.block-cart-top .price {
199
- margin-bottom: 0;
200
- text-transform: uppercase;
201
- line-height: 16px;
202
- }
203
- div.block-cart-top button {
204
- background: none;
205
- border: 0;
206
- line-height: 14px;
207
- height: 14px;
208
- position: relative;
209
- padding: 0;
210
- overflow: visible;
211
- }
212
- div.block-cart-top button::-moz-focus-inner /*FF fix*/ {
213
- border: none;
214
- }
215
- .button-small:hover {
216
- cursor: pointer;
217
- }
218
- .button-small span {
219
- padding: 0px 0px 0px 12px;
220
- line-height: 14px;
221
- height: 14px;
222
- margin: 0;
223
- position: relative;
224
- display: block;
225
- white-space: nowrap;
226
- }
227
- .button-small span span {
228
- line-height: 14px;
229
- height: 14px;
230
- color: #fff;
231
- background-color: #333;
232
- border-radius: 2px;
233
- font-size: 10px;
234
- padding: 0px 5px 0px 5px;
235
- text-transform: lowercase;
236
- margin: 0;
237
- }
238
- .button-small span span:hover { background-color: #555;}
239
- /*Form-search*/
240
- div.search {
241
- position: relative;
242
- }
243
- #search_mini_form {
244
- display: block;
245
- position: relative;
246
- clear: both;
247
- }
248
- .form-search {
249
- position: relative;
250
- float: right;
251
- }
252
- .form-search label {
253
- display: none;
254
- }
255
- .form-search input.input-text {
256
- background: #fff;
257
- float: left;
258
- position: relative;
259
- border: 1px solid #d9d9d9;
260
- color: #898989;
261
- border-radius: 3px;
262
- font:11px Arial, sans-serif;
263
- }
264
- .form-search input.input-text:focus {
265
- color: #000;
266
- font-size: 14px;
267
- border: 1px solid #999999;
268
- }
269
- .form-search button.button {
270
- float: right;
271
- height: 18px;
272
- display: block;
273
- margin: 3px 0px 0px 0px;
274
- padding: 0;
275
- background-color: transparent;
276
- background-image: url(../images/sprite.png);
277
- background-position: -36px 0px;
278
- background-repeat: no-repeat;
279
- }
280
- .form-search button.button:hover {
281
- opacity: 1;
282
- filter: alpha(opacity=100);
283
- }
284
- .form-search button.button span {
285
- display: none;
286
- }
287
-
288
- /*header links*/
289
- .header .quick-access {
290
- position: relative;
291
- margin-bottom: 1%;
292
- }
293
- .top_toolbar_container .welcome-msg {
294
- float: left;
295
- line-height: 22px;
296
- margin: 0;
297
- }
298
- .header .links li {
299
- float:left;
300
- display: block;
301
- }
302
- .header .links a:link, .header .links a:visited {
303
- text-transform: uppercase;
304
- }
305
- .header .links a:hover {
306
- text-decoration: none;
307
- }
308
- /*currency*/
309
- .sidebar .block-currency {
310
- display: none;
311
- }
312
- /*switchers*/
313
- .header .switchers {
314
- text-align: right;
315
- float: right;
316
- position: relative;
317
- }
318
- .header .switchers label {
319
- font-size: 11px;
320
- }
321
- div.store-switcher {
322
- float: right;
323
- position: relative;
324
- padding: 5px 5px 0px 0px;
325
- }
326
- div.store-switcher select {
327
- margin-left: 5px;
328
- float: right;
329
- padding: 0 !important;
330
- }
331
- .header .form-language {
332
- float: right;
333
- position: relative;
334
- padding: 0px 0px 0px 10px;
335
- }
336
- /*Navigation*/
337
- .nav-container {
338
- clear: both;
339
- border-radius: 2px;
340
- }
341
- #nav {
342
- padding:0px 0px 0px 0px;
343
- width: 980px;
344
- margin:0;
345
- font-size:13px;
346
- }
347
- #nav li a, #nav li a:hover {
348
- padding: 8px 15px 6px 15px;
349
- font-weight: normal;
350
- font-size: 12px;
351
- font-family: Tahoma;
352
- text-transform: uppercase;
353
- text-decoration: none;
354
- }
355
- #nav li a {
356
- color: #fff;
357
- }
358
- #nav ul {
359
- background: #f5f5f5;
360
- margin-top: 0px;
361
- border-top: 0;
362
- box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.3);
363
- }
364
- #nav ul ul {
365
- background: #f5f5f5;
366
- padding-top: 0px;
367
- }
368
- #nav ul li a {
369
- padding: 3px 0px 3px 0px !important;
370
- text-transform: none !important;
371
- font-size: 12px !important;
372
- font-weight: normal !important;
373
- background: none !important;
374
- color: #000000;
375
- }
376
- #nav ul li.parent li a {
377
- background: none !important;
378
- }
379
- #nav ul li a:hover, #nav ul ul li a:hover {
380
- color: #fff;
381
- }
382
- /*breadcrumbs*/
383
- .breadcrumbs {
384
- clear: both;
385
- padding: 0 0 0 1%;
386
- margin-bottom: 5px;
387
- display: inline-block;
388
- }
389
- .breadcrumbs:after {
390
- content: ".";
391
- display: block;
392
- clear: both;
393
- visibility: hidden;
394
- line-height: 0;
395
- height: 0;
396
- }
397
- html[xmlns] .breadcrumbs {
398
- display: block;
399
- }
400
- * html .breadcrumbs {
401
- height: 1%;
402
- }
403
- .breadcrumbs li {
404
- margin-right: 5px;
405
- float: left;
406
- font-size: 0.75em;
407
- }
408
- .breadcrumbs strong {
409
- font-weight: normal !important;
410
- }
411
- .breadcrumbs a:link, .breadcrumbs a:visited {
412
- text-decoration: none;
413
- display: block;
414
- position: relative;
415
- float: left;
416
- }
417
- .breadcrumbs span {
418
- float: left;
419
- width: 0;
420
- height: 0;
421
- padding: 0;
422
- border-top: 3px solid transparent;
423
- border-left: 3px solid #aaaaaa;
424
- border-bottom: 3px solid transparent;
425
- margin: 5px 5px 0px 5px;
426
- opacity: 0.7;
427
- color: #f1f1f1;
428
- }
429
- /*------------------Footer-------------------*/
430
- .footer-container {
431
- border-top: 0;
432
- width: 100%;
433
- }
434
- .footer {
435
- overflow: hidden;
436
- padding: 15px 0px 5px 0px;
437
- border-radius: 5px 5px 0px 0px;
438
- background: #f5f5f5;
439
- }
440
- .footer .footer_content {
441
- padding: 0px 20px;
442
- }
443
- .footer .footer_block {
444
- margin-left: 0px;
445
- padding: 20px 0px 10px 0px;
446
- }
447
- .footer_block .links_block {
448
- clear: both;
449
- margin-bottom: 10px;
450
- }
451
- .footer_block h4.title {
452
- display: block;
453
- text-align: left;
454
- font-size: 16px;
455
- font-weight: normal;
456
- line-height: 1.25em;
457
- margin-bottom: .65em;
458
- font-family: Arial, sans-serif;
459
- }
460
- .footer_block .links_block div ul {
461
- display: block;
462
- }
463
- .footer_block .links_block div ul li {
464
- display: block;
465
- text-align: left;
466
- margin-bottom: .65em;
467
- }
468
- .footer_block .links_block div ul li a:link, .footer_block .links_block div ul li a:visited {
469
- font-size: 14px;
470
- text-decoration: none;
471
- font-family: Arial, sans-serif;
472
- -webkit-transition: all .2s linear;
473
- -moz-transition: all .2s linear;
474
- -ms-transition: all .2s linear;
475
- transition: all .2s linear;
476
- }
477
- .footer .seotext {
478
- padding: 10px 0px 5px 0px;
479
- text-align: left;
480
- }
481
- .footer .seotext p {
482
- color: #808080;
483
- font: normal 12px Arial, sans-serif;
484
- }
485
- .footer ul.links {
486
- margin-bottom: 15px;
487
- display: block;
488
- float: left;
489
- }
490
- .footer ul.links li {
491
- font-size: 13px;
492
- text-decoration: none;
493
- font-family: Arial, sans-serif;
494
- margin-right: 20px;
495
- }
496
- .footer ul.links li a:link, .footer ul.links li a:visited {
497
- -webkit-transition: all .2s linear;
498
- -moz-transition: all .2s linear;
499
- -ms-transition: all .2s linear;
500
- transition: all .2s linear;
501
- }
502
- .footer address {
503
- padding-top: 0px;
504
- color: #787878;
505
- font: normal 12px Arial, sans-serif;
506
- text-align: left;
507
- clear: both;
508
- margin-bottom: 5px;
509
- }
510
- .design-by {
511
- font-size: 11px;
512
- text-align: left;
513
- }
514
- /*-------------------------------------------------------SIDE BARS-----------*/
515
- .block {
516
- text-align: left;
517
- margin-bottom: 10px;
518
- background: #fff;
519
- border: 1px solid #d9d9d9;
520
- border-radius: 3px;
521
- }
522
- .block .block-title strong {
523
- padding: 2% 5%;
524
- font: bold 12px Arial, sans-serif;
525
- color: #000;
526
- text-transform: uppercase;
527
- border-bottom: 1px dotted #c7c7c7;
528
- }
529
- .block .block-content {
530
- padding: 5%;
531
- }
532
- .block-content .block-subtitle {
533
- margin: 0;
534
- padding: 0px 0px 5px 0px;
535
- }
536
- .block-cart .actions {
537
- padding-right: 60px;
538
- }
539
- .block-payment-options .block-content {
540
- padding-left: 9px;
541
- }
542
- .block li.odd {
543
- background: transparent;
544
- }
545
- .block-progress dt {
546
- font-size:11px;
547
- color: #000;
548
- padding: 2px 0px;
549
- }
550
- .block .btn-remove {
551
- margin: 6px 0 2px 5px;
552
- }
553
- .sidebar_banner {
554
- margin-bottom: 10px;
555
- overflow: hidden;
556
- }
557
- .block-service dt {
558
- font-weight: bold;
559
- font-size: 12px;
560
- margin-bottom: 5px;
561
- }
562
- .block-service dt strong {
563
- color: #000;
564
- }
565
- .block-service dd {
566
- margin-bottom: 10px;
567
- font-size: 11px;
568
- }
569
- ul#vertnav {
570
- text-align: left;
571
- }
572
- /*shop by, category*/
573
- .block-layered-nav .block-subtitle {
574
- display: none;
575
- }
576
- .block-layered-nav dt {
577
- background: none;
578
- font: bold 12px Arial, sans-serif;
579
- padding: 4px 0px 3px 0px;
580
- text-transform: uppercase;
581
- }
582
- .block-layered-nav li {
583
- margin-bottom: 4px;
584
- color: #777;
585
- font: normal 11px/16px Arial, sans-serif;
586
- }
587
- .block-layered-nav a:link, .block-layered-nav a:visited, .block-layered-nav .price {
588
- font: normal 14px/16px Arial, sans-serif;
589
- text-decoration: none;
590
- }
591
- .block-layered-nav dd {
592
- background: none;
593
- }
594
- .block-layered-nav .currently .label {
595
- background:none;
596
- font-weight:bold;
597
- padding-left:0px;
598
- text-transform:none;
599
- }
600
- .block-layered-nav .currently .label span {
601
- font-weight:normal;
602
- }
603
- /*account*/
604
- .block-account .block-title strong {
605
- display: none;
606
- }
607
- .block-account .block-content {
608
- padding: 1% 1%;
609
- }
610
- /*blocks*/
611
- .block-cart .block-title strong span {
612
- background-color: transparent;
613
- background-image: url(data:image/gif;base64,R0lGODlhDgAQAPQcALS0tLKysvv7+/f39/b29vr6+q+vr/j4+PT09Pn5+fDw8Pz8/PPz8/39/aurq/7+/uzs7Kenp4qKipSUlKKioo+Pj4aGhoODg52dnYCAgJmZmf///wAAAAAAAAAAAAAAACH5BAUAABwALAAAAAAOABAAAAVqICdyw2ZuAzSOxwa8wHasnLIFgYlvyspsho1AANwwRIiCyXHaMDcFBGETqVqvG0KJwu16UYkNZkwubxJEjXrNFi42k7h8vlk0NpW8fr9pPDYSgYKDG38bFoiJik0XjY6PTRmSk5RNlpcbIQA7);
614
- background-position:0% 40%;
615
- background-repeat: no-repeat;
616
- padding-left: 20px;
617
- }
618
- .block-subscribe .block-content {
619
- padding-top: 6px;
620
- }
621
- .block-subscribe label {
622
- font-family: Arial, sans-serif;
623
- font-size: 12px;
624
- }
625
- .block-subscribe input.input-text {
626
- width: 100%;
627
- height: 19px;
628
- font-family: Arial, sans-serif;
629
- font-size: 11px;
630
- font-weight: normal;
631
- border: 1px solid #dadada;
632
- margin: 0;
633
- padding: 0px;
634
- text-indent:5px;
635
- }
636
- .block-subscribe input.input-text:focus {
637
- color: #000;
638
- }
639
- .block-subscribe .input-box {
640
- float: none;
641
- position: relative;
642
- margin: 0px 0px 7px 0px;
643
- padding: 8px 0px 0px 0px;
644
- }
645
- .block-subscribe .actions {
646
- float: left;
647
- position: relative;
648
- margin: 0;
649
- padding: 0;
650
- }
651
- /*side-bar items*/
652
- .block .block-content li.item {
653
- padding: 5px 0px;
654
- border-radius: 3px;
655
- }
656
- /*side-bar prices*/
657
- .old-price .price-label, .old-price .price {
658
- color:#696969;
659
- }
660
- .special-price {
661
- padding-top: 0;
662
- }
663
- /*reccently view*/
664
- #recently-viewed-items li {
665
- padding-top: 1px;
666
- padding-bottom: 2px;
667
- }
668
- #recently-viewed-items a {
669
- font-weight: normal;
670
- text-decoration: none;
671
- }
672
- /*most popular, related */
673
- .block-content .old-price .price-label, .block-content .special-price .price-label {
674
- display: none;
675
- }
676
- .block-content .special-price .price, .block .regular-price, .block .regular-price .price, .block-content .price-box .price {
677
- font-weight: bold;
678
- font-size: 15px;
679
- }
680
- .old-price .price, .block-content .old-price .price, .price-box a .label {
681
- color: #696969;
682
- text-decoration: none;
683
- font-size: 12px;
684
- }
685
- .block-content .old-price .price {
686
- text-decoration: line-through;
687
- }
688
- /*****************************************************************************CATALOG****************/
689
- /*pager*/
690
- .toolbar .pager {
691
- border: none;
692
- }
693
- .pager .amount, .pager .amount strong, .pager .limiter, .sorter, .sorter strong {
694
- font-weight: normal;
695
- color: #808080;
696
- }
697
- .pager .pages {
698
- position: relative;
699
- padding-left: 20px;
700
- color: #808080;
701
- }
702
- /*catalog toolbar*/
703
- div.pages strong {
704
- font-weight: normal;
705
- }
706
- .pager .pages li a:link, .pager .pages li a:visited {
707
- padding: 0px 8px;
708
- font-size: 15px;
709
- line-height: 22px;
710
- font-weight: normal;
711
- }
712
- .pager .pages li a:hover {
713
- border-bottom: 2px solid #555;
714
- }
715
- div.pages li.current {
716
- font-size: 15px;
717
- font-weight: normal;
718
- border-bottom: 2px solid #555;
719
- color: #000;
720
- padding: 0px 8px;
721
- }
722
- .toolbar, .toolbar select {
723
- font-size: 11px;
724
- }
725
- .pager .pages strong, .sorter label, .pager .amount {
726
- font-weight: normal;
727
- font-family: Arial;
728
- font-size: 11px;
729
- }
730
- .sorter strong {
731
- color: #000;
732
- }
733
- .pager .limiter {
734
- padding-right: 24px;
735
- text-align: left;
736
- }
737
- .pager .limiter select, .sorter .sort-by select {
738
- background:none repeat scroll 0 0 #f8f8f8;
739
- border:1px solid #dcdfe5;
740
- color: #000;
741
- }
742
- .pager .limiter select {
743
- margin-left: 12px;
744
- margin-right: 6px;
745
- width: 50px;
746
- }
747
- .sorter .sort-by select {
748
- margin-left: 12px;
749
- width: 96px;
750
- }
751
- .sort-by {
752
- float: right;
753
- position: relative;
754
- }
755
- .sorter .sort-by {
756
- width: 166px;
757
- padding-right: 0;
758
- text-align: left;
759
- }
760
- /*product name*/
761
- h2.product-name, h3.product-name {
762
- line-height: 100%;
763
- margin-bottom: 5%;
764
- font-size: 14px;
765
- font-weight: normal;
766
- text-transform: none;
767
- text-decoration: none;
768
- margin-bottom: 0;
769
- font-family: Arial, sans-serif;
770
- }
771
- p.product-name {
772
- line-height: 100%;
773
- margin-bottom: 5%;
774
- font-size: 12px;
775
- font-weight: normal;
776
- text-transform: none;
777
- text-decoration: none;
778
- margin-bottom: 0;
779
- font-family: Arial, sans-serif;
780
- }
781
-
782
- /*product decription*/
783
- .products-list .desc {
784
- font:11px Arial, sans-serif;
785
- line-height: 130%;
786
- }
787
- .col-main .mini-products-list li {
788
- list-style-type: none;
789
- }
790
- .mini-products-list p.product-name {
791
- padding-left: 0px !important;
792
- line-height: 100%;
793
- font-family: Arial, sans-serif;
794
- }
795
- .mini-products-list .product-image {
796
- width: 50px;
797
- }
798
- .mini-products-list .product-details {
799
- margin-left: 62px;
800
- }
801
- .block-popular-big .mini-products-list li.item {
802
- padding: 0;
803
- }
804
- .block-popular-big .mini-products-list p.product-name {
805
- padding-left: 0px !important;
806
- line-height: 100%;
807
- font-family: Arial, sans-serif;
808
- }
809
- .block-popular-big .mini-products-list .product-image {
810
- width: 100%;
811
- float: none;
812
- margin-left: auto;
813
- margin-right: auto;
814
- margin-bottom: 2px;
815
- }
816
- .block-popular-big .mini-products-list .product-image img {
817
- max-width: 100%;
818
- height: auto;
819
- width: auto\9;
820
- }
821
- .block-popular-big .mini-products-list .product {
822
- text-align: center;
823
- }
824
- .block-popular-big .mini-products-list .product-details {
825
- margin-left: auto;
826
- }
827
- /*Prices*/
828
- .mini-products-list .product-details .price-box {
829
- margin: 0px 0 5px 0;
830
- }
831
- .products-grid .price-box {
832
- margin: 4px 0 4px 0;
833
- }
834
- /*catalog price*/
835
- .regular-price {
836
- color:#000000;
837
- }
838
- .price {
839
- font-size: 15px;
840
- font-weight: bold;
841
- font-family: Arial, sans-serif;
842
- }
843
- .old-price .price {
844
- font-size: 12px;
845
- }
846
- /*product price*/
847
- .product-view .product-shop .special-price .price, .product-view .product-shop .regular-price .price, .product-view .product-shop .full-product-price .price, .product-essential .price-as-configured .price, .product-options-bottom .price {
848
- font-size: 24px;
849
- line-height: 24px;
850
- font-weight: bold;
851
- }
852
- .price-as-configured {
853
- line-height: 28px;
854
- }
855
- /*CATALOG*/
856
- .products-grid .product-image {
857
- text-align: center;
858
- }
859
- .products-grid .product-image img {
860
- max-width: 100%;
861
- height: auto;
862
- width: auto\9; /* ie8 */
863
- }
864
- ul.products-grid {
865
- margin-bottom: 10px !important;
866
- }
867
- .products-grid .rate {
868
- padding-bottom: 20px;
869
- }
870
- .products-grid .short {
871
- padding-bottom: 0px;
872
- }
873
- .tabs_block ul.products-grid, .tabs_block ul.products-grid * {
874
- padding-bottom: 2px !important;
875
- }
876
- ul.products-grid li * {
877
- text-align: center;
878
- }
879
- .products-grid .actions li {
880
- width: 100%;
881
- text-transform: uppercase;
882
- }
883
- .short-description {
884
- font-size: 11px;
885
- }
886
- .products-grid li:hover button.button {
887
- -webkit-transition: all .2s linear;
888
- -moz-transition: all .2s linear;
889
- -ms-transition: all .2s linear;
890
- transition: all .2s linear;
891
- }
892
- .products-grid li:hover button.button {
893
- -webkit-transition: all .2s linear;
894
- -moz-transition: all .2s linear;
895
- -ms-transition: all .2s linear;
896
- transition: all .2s linear;
897
- }
898
-
899
- .products-grid .add-to-links {
900
- margin-left: auto;
901
- margin-right: auto;
902
- }
903
-
904
- /*rating*/
905
- .products-grid .ratings .amount, .item-content .ratings .amount {
906
- display: none;
907
- }
908
- .products-grid .ratings .rating-box {
909
- float: none;
910
- margin-left: auto;
911
- margin-right: auto;
912
- }
913
- .products-grid .rating-links {
914
- display: none;
915
- }
916
- .ratings {
917
- line-height: 1;
918
- margin: 2px 0px 4px 0px;
919
- }
920
- /*full */
921
- .full_cat ul.products-grid li {
922
- padding-bottom: 60px;
923
- }
924
- /*rate*/
925
- .raiting_cat ul.products-grid li {
926
- padding-bottom: 35px;
927
- }
928
- /*shot*/
929
- .short_cat ul.products-grid li {
930
- padding-bottom: 0px;
931
- }
932
- /*new*/
933
- .subtitle {
934
- margin: 8px 0 6px 0;
935
- padding: 5px 0 0 0px;
936
- height: 22px;
937
- line-height: 24px;
938
- font: normal 18px Arial, sans-serif;
939
- background: none;
940
- text-transform: uppercase;
941
- }
942
- .new_cat_img {
943
- display: block;
944
- position: relative;
945
- }
946
- .i_new {
947
- border:0;
948
- display: block;
949
- margin: 0px;
950
- padding: 0px;
951
- position: absolute;
952
- bottom: 0px;
953
- left: 40%;
954
- vertical-align: top;
955
- z-index: 99;
956
- }
957
- /* Form Elements */
958
- select, textarea {
959
- font-size: 11px;
960
- line-height: 14px;
961
- font-weight: normal;
962
- }
963
- input.input-text, select, textarea {
964
- background:#f8f8f8;
965
- border:1px solid #dfdfdf;
966
- font-size: 14px;
967
- border-radius: 2px;
968
- padding: 2px;
969
- }
970
- input.input-text:focus, textarea:focus {border:1px solid #777;}
971
- .block-currency select {
972
- font-size: 11px;
973
- }
974
- .sort-by select {
975
- width: 128px;
976
- }
977
- /* Form */
978
- label.required em {
979
- margin-right: 2px;
980
- font-style:normal;
981
- padding-left: 2px;
982
- float: left;
983
- color: #fe4e00;
984
- }
985
- .form-list label.required em {
986
- right: -10px;
987
- }
988
- .form-alt .input-box {
989
- margin: 0 0 8px;
990
- }
991
- /* REQUIRED BUTTON STYLES: */
992
- button.button {
993
- position: relative;
994
- padding: 0px 0px 0px 7px;
995
- text-align: center;
996
- background-color: transparent;
997
- background-image: url(../images/sprite.png);
998
- background-position: 0px -74px;
999
- background-repeat: no-repeat;
1000
- height: 22px;
1001
- }
1002
- button.button::-moz-focus-inner {
1003
- border: none;
1004
- }
1005
- button.button span {
1006
- position: relative;
1007
- }
1008
- button.button span span {
1009
- text-transform: uppercase;
1010
- font: bold 12px Arial, sans-serif;
1011
- padding: 4px 7px 0px 0px;
1012
- background-image: url(../images/sprite.png);
1013
- background-position: 100% 100%;
1014
- background-repeat: no-repeat;
1015
- white-space: nowrap;
1016
- height: 18px;
1017
- line-height: 16px;
1018
- }
1019
- button.button {
1020
- opacity: .6;
1021
- }
1022
- button.button:hover, button.buttonHover {
1023
- opacity: 1;
1024
- }
1025
- /*catalog button*/
1026
- .products-grid li:hover button.button, .item-content:hover button.button {
1027
- opacity: .8;
1028
- }
1029
- .products-grid li:hover button.button:hover, .item-content:hover button.button:hover {
1030
- opacity: 1;
1031
- }
1032
- /********** Orange button ************/
1033
- .product-shop .add-to-cart button.button, .checkout-types button.button, #review-buttons-container button.button, .product-options-bottom button.button {
1034
- background-image: url(../images/sprite.png);
1035
- background-position: 0px -52px;
1036
- background-repeat: no-repeat;
1037
- opacity: .8;
1038
- }
1039
- .product-shop .add-to-cart button.button span span, .checkout-types button.button span span, #review-buttons-container button.button span span, .product-options-bottom button.button span span {
1040
- background-image: url(../images/sprite.png);
1041
- background-position: 100% 0%;
1042
- background-repeat: no-repeat;
1043
- }
1044
- .product-shop .add-to-cart button.button:hover, .product-shop .add-to-cart button.buttonHover, .checkout-types button.button:hover, .checkout-types button.buttonHover, #review-buttons-container button.button:hover, #review-buttons-container button.buttonHover, .product-options-bottom button.button:hover, .product-options-bottom button.buttonHover {
1045
- opacity: 1;
1046
- }
1047
- .product-view .box-tags .form-add .input-box {
1048
- margin-right: 8px;
1049
- }
1050
- .product-view .box-tags .form-add .input-box input {
1051
- height: 14px;
1052
- background: #ffffff;
1053
- border: 1px solid #cecece;
1054
- }
1055
- div.toolbar div.pager {
1056
- padding: 3px 0 3px 0;
1057
- }
1058
- div.toolbar div.sorter {
1059
- padding: 3px 10px 11px 0;
1060
- }
1061
- .toolbar-bottom {
1062
- margin-top: 30px;
1063
- }
1064
- div.toolbar-bottom div.sorter {
1065
- display: block;
1066
- }
1067
- div.toolbar-bottom .view-mode {
1068
- padding-right: 20px;
1069
- }
1070
- div.toolbar-bottom .limiter {
1071
- float: right;
1072
- }
1073
- /*catalog list */
1074
- .products-list .product-image {
1075
- width: auto;
1076
- height: auto;
1077
- display: block;
1078
- float: left;
1079
- padding-right: 5%;
1080
- }
1081
- .products-list .product-shop {
1082
- float: left;
1083
- padding-top: 10px;
1084
- }
1085
- /**************************************************************PRODUCT******************/
1086
- .product-img-box img {
1087
- max-width: 100%;
1088
- height: auto;
1089
- }
1090
- .product-view {
1091
-
1092
- }
1093
- .product-view .product-shop {
1094
- text-align: left;
1095
- }
1096
- .product-essential {
1097
- text-align: left;
1098
- }
1099
- .product-view .product-shop {
1100
- text-align: left;
1101
- }
1102
- .product-view .product-img-box {
1103
- margin-top: 10px;
1104
- }
1105
- .more-views {
1106
- padding-top: 4px;
1107
- }
1108
- .product-view .product-img-box .product-image {
1109
- margin-bottom: 5px;
1110
- }
1111
- .product-view .product-img-box .zoom #track {
1112
- background:#dadada;
1113
- }
1114
- .product-view .product-shop .availability {
1115
- font-size: 11px;
1116
- }
1117
- .product-view .product-img-box .more-views li {
1118
- margin:0 0 8px 12px;
1119
- }
1120
- .product-view .product-img-box .more-views li a {
1121
- border: 0px solid #ffffff !important;
1122
- }
1123
- .product-view p.old-price {
1124
- margin-bottom: 5px;
1125
- }
1126
- .add-to-cart {
1127
- margin-right: 10px;
1128
- }
1129
- .add-to-cart label {
1130
- font-family: Arial;
1131
- font-size: 16px;
1132
- }
1133
- .product-view .product-shop .short-description {
1134
- line-height: 130%;
1135
- clear: both;
1136
- }
1137
- .product-collateral .box-collateral, .no-rating {
1138
- margin-bottom: 5px;
1139
- }
1140
- .product-view .box-up-sell .products-grid {
1141
- margin-bottom: 10px;
1142
- }
1143
- .product-view .box-up-sell .products-grid td {
1144
- padding:0px 5px 0px 0px;
1145
- }
1146
- .product-shop .tier-prices, .product-options, .price-box-bundle {
1147
- border-radius: 3px 3px 3px 3px;
1148
- padding: 12px;
1149
- border: 0;
1150
- }
1151
- .product-shop .tier-prices {
1152
- float: left;
1153
- }
1154
- #product_tabs_description_tabbed_contents {
1155
- font-size: 14px;
1156
- line-height: 150%;
1157
- text-align: left;
1158
- }
1159
- #product_tabs_related_tabbed_contents ol li {
1160
- list-style-type: none;
1161
- }
1162
- #product_tabs_related_tabbed_contents .link-cart {
1163
- font-weight: normal;
1164
- font-size: 11px;
1165
- }
1166
- .product-options dd {
1167
- border-bottom: 1px dotted #DADADA;
1168
- }
1169
- .dedicated-review-box p {
1170
- font-style: italic;
1171
- font-size: 14px;
1172
- line-height: 150%;
1173
- }
1174
- .benefit, .price-box-bundle {
1175
- font-size: 18px;
1176
- font-weight: normal;
1177
- }
1178
- .product-shop .add-to-box {
1179
- text-align: center;
1180
- clear: both;
1181
- }
1182
- .add-to-cart button span {
1183
- font-weight: bold !important;
1184
- }
1185
- .product-shop .add-to-links li {
1186
- margin-right: 10px;
1187
- }
1188
- .add-to-links a.link-wishlist:link, .add-to-links a.link-wishlist:visited, .actions a.link-wishlist:link, .actions a.link-wishlist:visited,
1189
- .add-to-links a.link-compare:link, .add-to-links a.link-compare:visited, .actions a.link-compare:link, .actions a.link-compare:visited {
1190
- font-size: 10px;
1191
- font-family: Arial, sans-serif;
1192
- }
1193
- .products-grid .add-to-links {
1194
- line-height: 11px;
1195
- }
1196
- /*titles on product page*/
1197
- .product-view .box-up-sell h2, .product-essential h2, .product-view .product-img-box .more-views h2, .product-collateral h2, .dedicated-review-box strong, #product_tabs_related_tabbed_contents p strong {
1198
- font: 18px Arial, sans-serif;
1199
- font-weight: normal;
1200
- text-transform: none;
1201
- margin: 5px 0px 7px 0px;
1202
- }
1203
- /*messages*/
1204
- .error-msg, .success-msg, .note-msg, .notice-msg {
1205
- border-radius: 3px;
1206
- min-height:24px !important;
1207
- padding: 8px !important;
1208
- font-size: 16px;
1209
- }
1210
- .add-to-box .or {
1211
- color:#808080;
1212
- font-weight:normal;
1213
- line-height: 48px;
1214
- font-size: 11px;
1215
- }
1216
-
1217
- .product-collateral p {
1218
- font-size: 1em;
1219
- }
1220
- .product-view .box-tags .form-add label {
1221
- color: #808080 !important;
1222
- font-weight: normal !important;
1223
- font-size: 11px;
1224
- }
1225
- .product-view .box-tags .form-add .input-box {
1226
- padding:0;
1227
- }
1228
- .product-view .box-tags .note {
1229
- padding:0;
1230
- }
1231
- .product-options p.required {
1232
- padding-top: 0;
1233
- }
1234
- /*product opions*/
1235
- .product-options dd {
1236
- border-bottom: 1px dotted #DADADA;
1237
- }
1238
- .product-options p.required {
1239
- margin: 0;
1240
- padding: 0;
1241
- font-size: 11px;
1242
- font-style: italic;
1243
- }
1244
- .product-options dl {
1245
- margin: 0;
1246
- padding: 0 !important;
1247
- }
1248
- .product-options dt {
1249
- padding: 5px 0px 2px 0px;
1250
- font-weight: bold !important;
1251
- font-size: 11px;
1252
- }
1253
- .product-options dd {
1254
- padding: 0px 10px 10px 0px;
1255
- margin: 0% 0% 1% 0%;
1256
- }
1257
- .product-view .product-shop .add-to-links li {
1258
- padding-right: 10px;
1259
- }
1260
- .product-shop .product-options-bottom .price-box {
1261
- float: left;
1262
- margin: 0 10px 5px;
1263
- }
1264
- .product-options-bottom .price-label, .product-options-bottom label, .product-shop label {
1265
- font-weight: normal;
1266
- color: #454545;
1267
- }
1268
- .product-options-bottom .price-as-configured .price {
1269
- padding-right: 20px;
1270
- }
1271
- .product-view button.button {
1272
- margin-top: 0px;
1273
- }
1274
- .product-options-bottom .qty, .product-shop .qty {
1275
- margin-top: 0px;
1276
- float: left;
1277
- padding: 2px 2px;
1278
- font: normal 14px Arial, sans-serif;
1279
- margin-right: 10px;
1280
- }
1281
- .col-main .product-options dl dt label {
1282
- font-size: 18px;
1283
- font-family: Arial, sans-serif;
1284
- }
1285
- .col-main .product-options dl dt {
1286
- background: none;
1287
- padding-left: 0;
1288
- }
1289
- .product-product .product-shop .product-options-bottom .add-to-cart, .add-to-box .add-to-cart, .product-product .product-shop .product-options-bottom .add-to-cart .qty {
1290
- float: none;
1291
- }
1292
- .product-options-bottom .add-to-cart label, .product-options-bottom .add-to-cart .qty {
1293
- float: left;
1294
- }
1295
- .add-to-box .add-to-links {
1296
- float: none;
1297
- font-size:12px !important;
1298
- line-height:1.25 !important;
1299
- margin: 15px 0 0 0 !important;
1300
- text-align:left !important;
1301
- }
1302
- .product-view .product-shop .add-to-links a {
1303
- font-weight:normal !important;
1304
- font:14px Arial, sans-serif;
1305
- }
1306
- .product-options-bottom .add-to-links {
1307
- display: none;
1308
- }
1309
-
1310
- .product-view .product-shop .add-to-links {
1311
- text-align: left;
1312
- padding: 0px 0px 10px 0px;
1313
- float: left;
1314
- -webkit-transition: all .3s ease-in-out;
1315
- -moz-transition: all .3s ease-in-out;
1316
- -ms-transition: all .3s ease-in-out;
1317
- transition: all .3s ease-in-out;
1318
- }
1319
- .product-view .product-shop .add-to-links li {
1320
- float: left;
1321
- margin-right: 10px;
1322
- }
1323
- .product-view .product-shop a.link-wishlist, .product-view .product-shop a.link-compare , .data-table a.link-wishlist, .product-details a.link-wishlist,
1324
- p.email-friend a:link, p.email-friend a:visited {
1325
- background-color: transparent;
1326
- background-image: url(../images/sprite.png);
1327
- background-position: 0px -24px;
1328
- background-repeat: no-repeat;
1329
- display: block;
1330
- margin: 0;
1331
- padding-left: 15px;
1332
- line-height: 15px;
1333
- width: auto;
1334
- height: auto;
1335
- text-align: left;
1336
- }
1337
- .compare-table a.link-wishlist {
1338
- background-image: none;
1339
- padding: 2px 0 2px 0px;
1340
- }
1341
- .product-details a.link-wishlist {
1342
- font-size: 0;
1343
- color: #fff;
1344
- }
1345
- .crosssell .product-details a.link-wishlist, .crosssell .product-details a.link-compare {
1346
- padding: 0px;
1347
- background-image: none;
1348
- }
1349
- p.email-friend {
1350
- float: left;
1351
- }
1352
-
1353
- .product-details a.link-wishlist, .product-details a.link-compare {
1354
- display: none;
1355
- }
1356
- /*product review*/
1357
- .dedicated-review-box ol li, .product-view .box-reviews dd {
1358
- margin-bottom: 20px;
1359
- }
1360
- .dedicated-review-box ol li strong, .box-reviews dl dt a {
1361
- font-size: 18px;
1362
- font-weight: normal;
1363
- }
1364
- .box-reviews dl dt {
1365
- color: #000;
1366
- }
1367
- .product-view .box-reviews dl {
1368
- margin: 0px 0;
1369
- padding: 0;
1370
- }
1371
- .ratings-list .rating-box {
1372
- margin-left: 10px;
1373
- margin-top: 3px;
1374
- }
1375
- table.ratings-list {
1376
- margin-bottom: 10px;
1377
- }
1378
- table.ratings-list strong {
1379
- font-size: 12px !important;
1380
- font-weight: normal;
1381
- }
1382
- .grouped-items-table td {
1383
- line-height: 30px;
1384
- }
1385
- .product-view .product-shop .grouped-items-table .price {
1386
- font-size: 18px;
1387
- line-height: 18px;
1388
- }
1389
- .product-view .product-shop .grouped-items-table .product-pricing-grouped .price {
1390
- font-size: 14px;
1391
- line-height: 14px;
1392
- font-style: italic;
1393
- }
1394
- .product-view .product-shop .grouped-items-table .product-pricing-grouped {
1395
- font-style: italic;
1396
- line-height: 14px;
1397
- }
1398
- /***************************************************************CART**********************************/
1399
- /* Tax Details Row */
1400
- tr.tax-total {
1401
- cursor:pointer;
1402
- }
1403
- tr.tax-total .tax-collapse {
1404
- float:right;
1405
- text-align:right;
1406
- padding-left:20px;
1407
- background-position: 0 5px;
1408
- background-repeat: no-repeat;
1409
- background-image: url(data:image/gif;base64,R0lGODlhCQBCAPABALq6ugAAACH5BAUAAAEALAAAAAAJAEIAAAIyRIwXy2z7lGsI2DSz3A2qFHXiSJbmiabqyrbuC8fyTNf2jefUx5OhJqpcOJ2fx8dDFAAAOw==);
1410
- cursor:pointer;
1411
- }
1412
- tr.show-details .tax-collapse {
1413
- background-position:0 -52px;
1414
- }
1415
- .cart .page-title h1 {
1416
- margin-top: 4px;
1417
- }
1418
- .cart .page-title .checkout-types li {
1419
- margin-bottom: 0;
1420
- margin-top: 5px;
1421
- float:left;
1422
- }
1423
- .data-table thead th {
1424
- font:11px Arial, sans-serif;
1425
- font-weight: bold;
1426
- }
1427
- .cart .discount input.input-text {
1428
- border: 1px solid #cecece;
1429
- width: 126px;
1430
- padding: 3px;
1431
- float: left;
1432
- }
1433
- .cart .discount .input-box {
1434
- width: auto;
1435
- }
1436
- .cart .discount .input-box input {
1437
- margin-bottom: 10px;
1438
- width: 100%;
1439
- max-width: 254px;
1440
- float: none;
1441
- }
1442
- .cart .totals tfoot td strong {
1443
- font-family: Arial, sans-serif;
1444
- font-weight: normal;
1445
- font-size: 18px;
1446
- }
1447
- .cart .discount .buttons-set {
1448
- margin-top: 0;
1449
- margin-left: 0px;
1450
- float: left;
1451
- clear: none;
1452
- margin-bottom: 10px;
1453
- }
1454
- .discounts {
1455
- width: 50%;
1456
- float: left;
1457
- position: relative;
1458
- }
1459
- .form-list label {
1460
- margin-bottom: 3px;
1461
- }
1462
- .form-list li {
1463
- margin: 0 0 20px;
1464
- }
1465
- .link-reorder {
1466
- color: #dc6809 !important;
1467
- }
1468
- .form-list .input-box select {
1469
- border: 1px solid #cecece;
1470
- }
1471
- .checkout-progress li {
1472
- border-top-color: #dadada;
1473
- }
1474
- .cart .crosssell {
1475
- padding: 11px 15px 12px 15px;
1476
- }
1477
- .cart .discount {
1478
- margin-bottom: 10%;
1479
- }
1480
- .crosssell h3, .crosssell .product-name a:link, .crosssell .product-name a:visited {
1481
- padding-left: 0px !important;
1482
- line-height: 100%;
1483
- font-family: Arial, sans-serif;
1484
- font-size: 13px;
1485
- font-weight: normal;
1486
- }
1487
- .crosssell .add-to-links {
1488
- text-transform: uppercase;
1489
- }
1490
- .crosssell h2, .discount h2, .shipping h2 {
1491
- font-size: 18px;
1492
- line-height: 100%;
1493
- font-weight: normal;
1494
- }
1495
- .cart .crosssell li.item {
1496
- padding: 5px;
1497
- border-radius: 3px;
1498
- margin: 0px 0px 5px 0px;
1499
- }
1500
- .cart .crosssell li.item .add-to-links {
1501
- opacity: 0;
1502
- filter: alpha(opacity=0);
1503
- }
1504
- .cart .crosssell li.item:hover .add-to-links {
1505
- opacity: 1;
1506
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
1507
- }
1508
- .item-options {
1509
- font-size: 12px;
1510
- line-height: 100%;
1511
- font-family: Arial, sans-serif;
1512
- }
1513
- .item-options dd {
1514
- padding-left: 0px;
1515
- margin: 0 0 10px;
1516
- font-style: italic;
1517
- font-size: 14px;
1518
- }
1519
- .col-main .item-options dt {
1520
- font-size: 12px !important;
1521
- line-height: 100%;
1522
- font-weight: normal;
1523
- font-family: Arial, sans-serif;
1524
- background: none;
1525
- padding-left: 0px;
1526
- font-style: normal;
1527
- }
1528
- .col-main .product-shop .item-options dt {
1529
- font-size: 12px !important;
1530
- font-weight: bold;
1531
- color: #000;
1532
- }
1533
- .product-shop .item-options dd {
1534
- padding-left: 0px;
1535
- margin: 0 0 10px;
1536
- font-style: normal;
1537
- font-size: 16px;
1538
- }
1539
- .data-table tr:hover .item-options {
1540
- color: #000;
1541
- }
1542
- .crosssell-div {
1543
- clear: both;
1544
- }
1545
- #shopping-cart-table button {
1546
- margin-left: 10px;
1547
- }
1548
- .data-table {
1549
- border-collapse: inherit;
1550
- }
1551
- #shopping-cart-table {
1552
- border: 1px solid #dadada;
1553
- }
1554
- .data-table thead th {
1555
- border-top: 0;
1556
- border-right: 0;
1557
- border-left: 0;
1558
- padding: 9px 12px 9px 12px;
1559
- }
1560
- #product-review-table tr.first th {
1561
- border-bottom: 0px;
1562
- }
1563
- .data-table td {
1564
- border-top: 0;
1565
- border-right: 0;
1566
- border-left: 0;
1567
- background: #fcfcfc;
1568
- }
1569
- .cart-table tr:hover td {
1570
- background: #f2f2f2;
1571
- }
1572
- .data-table td .product-name a:link, .data-table td .product-name a:visited {
1573
- font-size: 15px;
1574
- text-decoration: none;
1575
- font-weight: normal;
1576
- }
1577
- .data-table td .product-name a:hover {
1578
- text-decoration: none;
1579
- }
1580
- .data-table td input.qty {
1581
- color: #000;
1582
- font-weight: normal;
1583
- font-size: 14px;
1584
- border: 1px solid #e0dbc7;
1585
- background: #fcfcfc;
1586
- padding: 3px;
1587
- border-radius: 2px;
1588
- }
1589
- .data-table tfoot {
1590
- border-bottom: 1px solid #cecece;
1591
- }
1592
- .data-table tfoot tr td {
1593
- padding: 12px 10px 12px 13px;
1594
- border: 0px solid #ffffff;
1595
- background: #ffffff;
1596
- }
1597
- .compare-table .product-shop-row th, .compare-table .product-shop-row td, .compare-table tbody th, .compare-table tbody td {
1598
- border-color: #dadada !important;
1599
- }
1600
-
1601
- /***********************************************************CHECKOUT, ACCOUNT********************************/
1602
-
1603
- .order-items {
1604
- width: 100%;
1605
- overflow: visible;
1606
- }
1607
- .title-buttons {
1608
- font-size: 18px;
1609
- line-height: 50px;
1610
- }
1611
- .fieldset .legend {
1612
- padding: 0px;
1613
- font-size: 18px;
1614
- line-height: 100%;
1615
- font-weight: normal;
1616
- border-radius: 2px;
1617
- margin: 0px 0px 10px 0px;
1618
- float: none;
1619
- border: 0;
1620
- }
1621
- #opc-review .buttons-set p {
1622
- margin: 0;
1623
- line-height: 100%;
1624
- }
1625
- .dashboard .box-reviews .number {
1626
- background: #fff;
1627
- border: 1px solid #dadada !important;
1628
- color: #999999;
1629
- border-radius: 3px;
1630
- }
1631
- .dashboard .box-reviews .details {
1632
- margin-left: 25px;
1633
- padding-top: 3px;
1634
- }
1635
- .box-account .box-head h2, .account-login .new-users h2, .account-login .registered-users h2 {
1636
- background: none;
1637
- }
1638
- .title-buttons .button {
1639
- margin-top: 5px;
1640
- }
1641
- .advanced-search-summary strong {
1642
- padding-left: 0;
1643
- }
1644
- .block-progress {
1645
- margin-top: 0;
1646
- }
1647
- .block-progress dt {
1648
- font-size:12px;
1649
- padding-left:0px;
1650
- }
1651
- .block-progress dd {
1652
- border: 0;
1653
- padding: 8px 0px;
1654
- margin: 0 0 6px;
1655
- }
1656
- .block-account .block-content li a, .page-sitemap .links a {
1657
- text-decoration: none;
1658
- }
1659
- .checkout-onepage-index .data-table tfoot tr td, .subtotal td, .shipping td {
1660
- background: #fcfcfc none !important;
1661
- }
1662
- #opc-review .buttons-set {
1663
- padding: 20px 0px;
1664
- border: 0;
1665
- }
1666
- .opc .step-title h2 {
1667
- font-size: 18px;
1668
- font-weight: normal;
1669
- line-height: 25px;
1670
- }
1671
- .opc .active .step-title .number {
1672
- background: #999;
1673
- border: 0;
1674
- color: #fff;
1675
- border-radius: 50%;
1676
- padding: 5px 10px;
1677
- margin: 0 5px 0 0;
1678
- font: bold 10px/14px arial, helvetica, sans-serif;
1679
- }
1680
- .opc .step-title .number {
1681
- background: #fff;
1682
- border: 1px solid #c3c3c3;
1683
- color: #000;
1684
- border-radius: 50%;
1685
- padding: 5px 10px;
1686
- font: bold 11px/14px arial, helvetica, sans-serif;
1687
- }
1688
- .form-list label {
1689
- font-size: 16px;
1690
- font-weight: normal;
1691
- }
1692
- .col-main .step li, .col-main .step li {
1693
- list-style-type: none;
1694
- list-style-position: inside;
1695
- margin-bottom: 5px;
1696
- }
1697
- .col-main .step dl dt {
1698
- background:none;
1699
- padding-left: 0px;
1700
- }
1701
- .checkout-multishipping-shipping .box-sp-methods {
1702
- padding: 0;
1703
- }
1704
- .multiple-checkout h2 {
1705
- font-size: 18px;
1706
- }
1707
- .col-main .box-content dl dt {
1708
- background: none;
1709
- padding-left: 0px;
1710
- }
1711
- /*****order and returns***********/
1712
- .col1-layout .form-alt {
1713
- padding: 5% 5% 10% 5%;
1714
- }
1715
- .form-alt .input-box {
1716
- margin-bottom: 20px;
1717
- max-width: 90%;
1718
- }
1719
- .form-alt .input-text {
1720
- max-width: 90%;
1721
- }
1722
- /**************************************************************HOME PAGE v1 ***********************************/
1723
-
1724
- .col_left, .col_cent {
1725
- float: left;
1726
- position: relative;
1727
- width: 240px;
1728
- text-align: center;
1729
- background: url(../images/top_sp.gif) no-repeat 100% 50%;
1730
- }
1731
- .col_right {
1732
- float: right;
1733
- position: relative;
1734
- width: 240px;
1735
- text-align: center;
1736
- }
1737
- .data-table tr td .product-name a {
1738
- padding-top: 5px;
1739
- font-weight: bold;
1740
- }
1741
- /******************HOME PAGE V0*****************/
1742
- /*Compare*/
1743
- .compare-table .btn-remove {
1744
- height: 11px;
1745
- width: 57px;
1746
- margin: 3px 0px 3px 0px;
1747
- background-color: transparent;
1748
- background-image: url(data:image/gif;base64,R0lGODdhSAAPAPYAAPX19X19fX9/f93d3YCAgPLy8oGBgXx8fN/f335+ft7e3vDw8PHx8eDg4Hl5eXt7e+zs7Hp6etzc3OHh4dvb24KCgu7u7u/v7+rq6u3t7ePj44SEhOLi4oODg5OTk3d3d3h4eOjo6OTk5Nra2ouLi5SUlOvr65mZmenp6ZCQkObm5uXl5XZ2dtnZ2Y+Pj4iIiJKSkoeHh3V1dZaWloqKioaGhnR0dJeXl5iYmNjY2Jubm/Pz8/T09Pb29vj4+Pn5+fr6+vf39/z8/Pv7+/7+/v39/f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAASAAPAAAH/4BGQ0VGhEYYCgoDHAOJCggUGjkNjQ0SEwgNFBMDmgoTLQidmAqMEqKMAwiiChIUohIaIxOvIxoSrQMTEka9vj0oQES9hMNGQkK9Q0ZEwz69w8NAvoXLRMu+P4KFRtq904XDRUSGy0IIvslGJhBBDDw7PTwMAAU8QQU7AD48PwtCPBYA2PGDQZEFBYP8CBLERw+GFhYU4QHkghAIRXYs6AHgR4EhG+9x5AcgCAJDw4KE0LfDRxB4Rgo49DFkRxEGDQsAcdjjB0ULPxwCYNCjx46aPIhwfKiP4YIhBYIMFHKhpUweJd9NIHYMggUfQH4A6OgDQoUDHRwIkDfEqI94Rf+G8iPyskfbIEMu/BCyY8c9mVB9vMX7coiIDEaGqhCCT4gPBdCM7AjRE++QsD+KCOgAYMgBAUUYDhHyA0gPITuB7Ej9bEcQI0UF/RgkuNtrHriJYCCBY8WCEjRUSDbigwKzYxkkCnOZGW+AA0WEEHCQuAMBENMCPEggwICACgBgV/j+WoAD0gEC/PjxfAODb0MgnLDhwcWHGRC6heVwzAgPDOYMscw0RRThXQLaGQGEAAkMYYB6ARBgRAACDNGdDwY8QEQEEvoQA4cNGiFAAENEUIEPPxAxDQoeHJCAB/n1oKARAxijwWvF9JLMNNw5SEAyCbgYgAE/JCBhhEUcYID/EA5sUMR0vTxH4TEEIPgAAdH1l0EJDxgAAwaF7NjAMBZc0J8w4xRTxHPMgCCAEBsIMIyMV/ogAAtGECCDEQZ8wCd1QnjH4TLbEaLOMQCc8IEHJESgw3u+NKBgCNq8poyOxAWp4AZYTvicAEZEcIARDnSwZgRRgvAAN0NUYAAhhDhwQA3URZPBCzdg8EMKKSBWIBGSRpSOMdf4QggPRry2jCGHJtMMcbAN28wwyPQ3hDfHxWRmYgtwVcQARZgg46UF+qJUtsck41gvBRxHDqvfGNNLbcdYw0y1/RWBLRCGGNEABO0yIy+sxjDbHzWECEPNgMkyg40x4HSzTcENb4PtJDIIiKBNwgWCs4ylCAvC7zasPnxcZsZoQ6AQ0lDzbsPFkkxjIAA7);
1749
- background-repeat: no-repeat;
1750
- background-position: 0 0;
1751
- }
1752
- .compare-table .btn-remove:hover {
1753
- background-color: transparent;
1754
- background-image: url(data:image/gif;base64,R0lGODdhSAAPAPYAAPX19X19fX9/f93d3YCAgPLy8oGBgXx8fN/f335+ft7e3vDw8PHx8eDg4Hl5eXt7e+zs7Hp6etzc3OHh4dvb24KCgu7u7u/v7+rq6u3t7ePj44SEhOLi4oODg5OTk3d3d3h4eOjo6OTk5Nra2ouLi5SUlOvr65mZmenp6ZCQkObm5uXl5XZ2dtnZ2Y+Pj4iIiJKSkoeHh3V1dZaWloqKioaGhnR0dJeXl5iYmNjY2Jubm/Pz8/T09Pb29vj4+Pn5+fr6+vf39/z8/Pv7+/7+/v39/f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAASAAPAAAH/4BGQ0VGhEYYCgoDHAOJCggUGjkNjQ0SEwgNFBMDmgoTLQidmAqMEqKMAwiiChIUohIaIxOvIxoSrQMTEka9vj0oQES9hMNGQkK9Q0ZEwz69w8NAvoXLRMu+P4KFRtq904XDRUSGy0IIvslGJhBBDDw7PTwMAAU8QQU7AD48PwtCPBYA2PGDQZEFBYP8CBLERw+GFhYU4QHkghAIRXYs6AHgR4EhG+9x5AcgCAJDw4KE0LfDRxB4Rgo49DFkRxEGDQsAcdjjB0ULPxwCYNCjx46aPIhwfKiP4YIhBYIMFHKhpUweJd9NIHYMggUfQH4A6OgDQoUDHRwIkDfEqI94Rf+G8iPyskfbIEMu/BCyY8c9mVB9vMX7coiIDEaGqhCCT4gPBdCM7AjRE++QsD+KCOgAYMgBAUUYDhHyA0gPITuB7Ej9bEcQI0UF/RgkuNtrHriJYCCBY8WCEjRUSDbigwKzYxkkCnOZGW+AA0WEEHCQuAMBENMCPEggwICACgBgV/j+WoAD0gEC/PjxfAODb0MgnLDhwcWHGRC6heVwzAgPDOYMscw0RRThXQLaGQGEAAkMYYB6ARBgRAACDNGdDwY8QEQEEvoQA4cNGiFAAENEUIEPPxAxDQoeHJCAB/n1oKARAxijwWvF9JLMNNw5SEAyCbgYgAE/JCBhhEUcYID/EA5sUMR0vTxH4TEEIPgAAdH1l0EJDxgAAwaF7NjAMBZc0J8w4xRTxHPMgCCAEBsIMIyMV/ogAAtGECCDEQZ8wCd1QnjH4TLbEaLOMQCc8IEHJESgw3u+NKBgCNq8poyOxAWp4AZYTvicAEZEcIARDnSwZgRRgvAAN0NUYAAhhDhwQA3URZPBCzdg8EMKKSBWIBGSRpSOMdf4QggPRry2jCGHJtMMcbAN28wwyPQ3hDfHxWRmYgtwVcQARZgg46UF+qJUtsck41gvBRxHDqvfGNNLbcdYw0y1/RWBLRCGGNEABO0yIy+sxjDbHzWECEPNgMkyg40x4HSzTcENb4PtJDIIiKBNwgWCs4ylCAvC7zasPnxcZsZoQ6AQ0lDzbsPFkkxjIAA7);
1755
- background-repeat: no-repeat;
1756
- background-position: 0 0;
1757
- }
1758
- .cart .totals .checkout-types li a {
1759
- font-size: 11px;
1760
- }
1761
- .page-popup .link-print {
1762
- color: #000000;
1763
- }
1764
- .link-cart {
1765
- font-weight: 700;
1766
- }
1767
- /*customer service*/
1768
- #recently-viewed-items li {
1769
- padding-left: 0;
1770
- }
1771
- .buttons-set .back-link a:link, .buttons-set .back-link a:visited, .mini-products-list .link-cart, .block-service a.more:link, .block-service a.more:visited {
1772
- background: #dbdbdb;
1773
- border: 0;
1774
- text-transform: uppercase;
1775
- padding: 4px 5px 2px 5px;
1776
- border-radius: 3px;
1777
- color: #454545;
1778
- font: 12px Arial, sans-serif;
1779
- height: 17px;
1780
- white-space: nowrap;
1781
- }
1782
- .buttons-set .back-link a:hover, .block-service a.more:hover {
1783
- background: #c4c4c4;
1784
- color: #000;
1785
- }
1786
- /*easy tabs*/
1787
- .tabs {
1788
- width: 100%;
1789
- margin: 15px 0 0 0 !important;
1790
- overflow: hidden;
1791
- border-bottom: 0 !important;
1792
- }
1793
- .tabs li {
1794
- border-right: 0;
1795
- border-left: 0;
1796
- margin-right: 0px;
1797
- }
1798
- .tabs a {
1799
- font-size: 15px;
1800
- font-weight: normal;
1801
- float: left;
1802
- text-align: center;
1803
- padding: 10px 12px 10px 12px !important;
1804
- outline: none;
1805
- text-decoration:none;
1806
- -webkit-transition: all .3s ease-in-out;
1807
- -moz-transition: all .3s ease-in-out;
1808
- -ms-transition: all .3s ease-in-out;
1809
- transition: all .3s ease-in-out;
1810
- background-color: #fff;
1811
- border-left: 1px solid #fff;
1812
- border-right: 1px solid #fff;
1813
- border-top: 1px solid #fff;
1814
- border-bottom: 1px solid #dadada;
1815
- display: block;
1816
- }
1817
- .tabs li.active a, .tabs li.active a:hover {
1818
- background: #fff !important;
1819
- font-weight: normal;
1820
- color: #000 !important;
1821
- border-radius: 3px 3px 0px 0px;
1822
- border-left: 1px solid #ccc;
1823
- border-right: 1px solid #ccc;
1824
- border-top: 1px solid #ccc;
1825
- border-bottom: 1px solid #fff;
1826
- }
1827
-
1828
- #product_tabs_related_tabbed_contents li {
1829
- width: 18%;
1830
- min-height: 200px;
1831
- }
1832
- .product-view .box-up-sell .products-grid td, .product-view .box-up-sell .products-grid .product-image {
1833
- text-align: left;
1834
- }
1835
- .related-checkbox {
1836
- margin-right: 5px;
1837
- }
1838
- .padder {
1839
- overflow: hidden;
1840
- border-radius: 0px 2px 2px 2px;
1841
- }
1842
- .products-grid .actions li {
1843
- padding: 0 !important;
1844
- float: left;
1845
- }
1846
- .products-grid .actions .add-to-links {
1847
- padding-top: 0;
1848
- }
1849
- p.link {
1850
- font-style: normal;
1851
- text-align: left;
1852
- padding: 3px 0px 0px 0px;
1853
- margin: 0;
1854
- border-top: 1px dotted #999;
1855
- }
1856
- a.more {
1857
- background: #fff;
1858
- color: #000;
1859
- font-weight: normal;
1860
- }
1861
-
1862
- #outerImageContainer {
1863
- width: 100%!important;
1864
- }
1865
- #popup-login-form {
1866
- width: 100%!important;
1867
- max-width: 400px;
1868
- }
1869
- /*Custom Menu additional styles*/
1870
- p.menu_img a {
1871
- float: left;
1872
- position: relative;
1873
- overflow: hidden;
1874
- }
1875
- p.menu_img {
1876
- float: left;
1877
- position: relative;
1878
- max-width: 44%;
1879
- margin-right: 1%;
1880
- overflow: hidden;
1881
- }
1882
- p.menu_img img {
1883
- margin-right: 20px;
1884
- }
1885
- .items {
1886
- float: left;
1887
- }
1888
- .single_menu_product .separate_product_view {
1889
- float: left;
1890
- position: relative;
1891
- clear: none;
1892
- }
1893
- div.menu_image {
1894
- float: left;
1895
- width: 44%;
1896
- margin-right: 1%;
1897
- overflow: hidden;
1898
- }
1899
- div.menu_image img {
1900
- margin-bottom: 10px;
1901
- max-width: 100%;
1902
- height: auto;
1903
- width: auto\9; /* ie8 */
1904
- }
1905
- div.menu_image h2 {
1906
- font-size: 14px;
1907
- }
1908
- .best_sellers {
1909
- text-transform: uppercase;
1910
- font: 16px/20px "Lucida Grande",Helvetica,Arial, sans-serif;
1911
- background: #f5f5f5;
1912
- padding: 0.5% 1%;
1913
- margin-bottom: 1%;
1914
- border-radius: 3px;
1915
- }
1916
- .category-products {
1917
- margin-bottom: 3%;
1918
- }
1919
- /*AW blog*/
1920
- .block-blog .block-title strong {
1921
- background: none;
1922
- }
1923
- .postTitle h3 {
1924
- font-size: 11px !important;
1925
- font-weight: normal !important;
1926
- text-transform: none;
1927
- }
1928
- .block-blog .menu-categories, .block-blog .menu-recent {
1929
- padding: 0;
1930
- margin: 0;
1931
- }
1932
- .block-blog ul {
1933
- margin-bottom: 10px;
1934
- }
1935
- .block-blog .menu-categories ul li, .block-blog .menu-recent ul li {
1936
- margin-left: 0px;
1937
- margin-bottom: 5px;
1938
- }
1939
- .block-blog .menu-recent ul li a, .block-blog .menu-categories ul li a, .block-blog .menu-tags ul li a {
1940
- font-size: 14px;
1941
- }
1942
- .block-blog .menu-tags UL LI {
1943
- display: inline;
1944
- margin-left: 0px;
1945
- padding: 2px;
1946
- }
1947
- .menu-tags, .menu-categories, .menu-recent {
1948
- margin: auto;
1949
- }
1950
- .blog {
1951
- border: 0;
1952
- margin: 0 0 10px;
1953
- background: url(../images/block_bg.gif) repeat-y 0 0;
1954
- }
1955
- .blog .head {
1956
- border-bottom: 0px;
1957
- padding: 0px 0px 1px 0px;
1958
- background: #ffffff url(../images/block_head_line.gif) no-repeat 50% 100%;
1959
- }
1960
- .blog .head h4 {
1961
- font: bold 12px Tahoma, sans-serif;
1962
- padding: 6px 10px 6px 10px;
1963
- margin-bottom: 0px;
1964
- text-transform: none;
1965
- background: #ffffff url(../images/block_head.png) no-repeat 50% 0% !important;
1966
- }
1967
- .menu-tags h5 {
1968
- margin-bottom: 0;
1969
- padding-top: 3px;
1970
- }
1971
- .breadcrumbs .blog {
1972
- background: transparent none;
1973
- }
1974
- /*Capcha*/
1975
- .captcha-img {
1976
- height: 50px;
1977
- }
1978
-
1979
- /*CSS3 Transition*/
1980
- .form-search button.button, .header .links li a, .block-cart-top a.title, .promo a, .submenu .block-header-subscribe button.button, a.link-wishlist, a.link-compare, .product-name a, a.more, .pager .pages li a, .sorter a, #crosssell-products-list li.item:hover button.button, .product-shop .add-to-cart button.button, .checkout-types button.button, .data-table tr:hover td, .data-table button.button, .buttons-set button.button, .block-blog a {
1981
- -webkit-transition: all .3s linear;
1982
- -moz-transition: all .3s linear;
1983
- -ms-transition: all .3s linear;
1984
- transition: all .3s linear;
1985
- }
1986
- /*Non transition*/
1987
- .cart .crosssell li.item .add-to-links {
1988
- -webkit-transition: all .0s linear;
1989
- -moz-transition: all .0s linear;
1990
- -ms-transition: all .0s linear;
1991
- transition: all .0s linear;
1992
- }
1993
- /*IE7 fix */
1994
- *+html .upper-header {
1995
- width: 300px;
1996
- }
1997
- *+html div.search {
1998
- width: 480px;
1999
- }
2000
- /*end IE7 fix */
2001
- @media all and (max-width: 800px) {
2002
- .bo_docklink {
2003
- display: none!important;
2004
- }
2005
- }
2006
- #popup-calculator-form {
2007
- width: 100%!important;
2008
- max-width: 700px;
2009
- }
2010
- #outerImageContainer {
2011
- width: 100%!important;
2012
- }
2013
- #popup-login-form {
2014
- width: 100%!important;
2015
- max-width: 400px;
2016
- }
2017
-
2018
- /*Fixed width catalog*/
2019
- ul.products-grid li {
2020
- padding-bottom: 60px;
2021
- }
2022
- ul.products-grid li .add-to-links li {
2023
- width: 100%;
2024
- text-align: center;
2025
- }
2026
- ul.products-grid li .actions {
2027
- bottom: 0;
2028
- position: absolute;
2029
- display: block;
2030
- }
2031
- .category-column-count-2 ul.products-grid li, .category-column-count-2 .actions {
2032
- width: 50%;
2033
- }
2034
- .category-column-count-3 ul.products-grid li, .category-column-count-3 .actions {
2035
- width: 33%;
2036
- }
2037
- .category-column-count-4 ul.products-grid li, .category-column-count-4 .actions {
2038
- width: 25%;
2039
- }
2040
- .category-column-count-5 ul.products-grid li, .category-column-count-5 .actions {
2041
- width: 20%;
2042
- }
2043
- .category-column-count-6 ul.products-grid li, .category-column-count-6 .actions {
2044
- width: 16%;
2045
- }
2046
- .category-column-count-7 ul.products-grid li, .category-column-count-7 .actions {
2047
- width: 14%;
2048
- }
2049
- .category-column-count-8 ul.products-grid li, .category-column-count-8 .actions {
2050
- width: 12%;
2051
- }
2052
- /************************************************************** TEXT *********************************************/
2053
- .link-wishlist, .link-compare, .old-price .price-label, .special-price .price-label {
2054
- font-weight: normal;
2055
- }
2056
- .block-account .block-content li a, .page-sitemap .links a {
2057
- font-weight: normal !important;
2058
- }
2059
- .old-price .price-label, .special-price .price-label, .block-shipping-calculator .block-content li label, .validation-advice, .block-shipping-results li {
2060
- font-size: 11px;
2061
- }
2062
- .price-as-configured .price-label, .block-progress dt.complete {
2063
- font-weight: bold;
2064
- }
2065
- .std ul.disc {
2066
- list-style-type: circle;
2067
- }
2068
- /**********************************************************BACKGOUND*****************************************************/
2069
- /*background- forms */
2070
- .tool-tip, .data-table, .data-table tfoot tr, .data-table .odd, .data-table .even, .fieldset .legend, .advanced-search-summary, .data-table tbody.odd tr, .data-table tbody.odd tr td, .tags-list, .header .form-search .search-autocomplete {
2071
- background-color:#ffffff;
2072
- }
2073
- /*background- foocus */
2074
- input.input-text:focus, select:focus, textarea:focus {
2075
- background-color: #ffffff;
2076
- }
2077
- /*background-title*/
2078
- .addresses-list li.item, .pager, .account-login .buttons-set, .block-cart .subtotal, .product-options-bottom, .order-info, .validation-advice {
2079
- background-color: #fcfcfc;
2080
- }
2081
- /*border - forms */
2082
- .add-to-cart .qty {
2083
- border: 1px solid #cacaca;
2084
- }
2085
- .addresses-list li.item, .advanced-search-summary, .account-login .content, .account-login .buttons-set, .account-login h2, .block-cart .subtotal, .product-options, .product-options-bottom, .order-info, .order-info-box, .tags-list, .header .form-search .search-autocomplete ul, .header .form-search .search-autocomplete li, .fieldset, .fieldset .legend, .wp-shipping-calculator-popup, .sales-guest-form .col1-layout .block-content, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .multiple-checkout .col2-set h2.legend, .checkout-multishipping-shipping .box-sp-methods {
2086
- border-color: #d9d9d9 !important;
2087
- border-radius: 3px;
2088
- background: #fff;
2089
- }
2090
- .validation-failed {
2091
- background-color: #cfcfd0 !important;
2092
- }
2093
- /*grayscale color*/
2094
- .product-view .box-reviews .form-add h3 {
2095
- color: #808080;
2096
- }
2097
- .title-buttons a.link-reorder, .title-buttons a.link-print, .price-as-configured .price-label, .data-table .price {
2098
- color: #000000;
2099
- }
2100
- .data-table .product-name a:hover, .data-table td .product-name a:hover, .sp-methods label, .product-options dt label, .block-shipping-calculator .block-content li label {
2101
- color: #000000 !important;
2102
- }
2103
- .block-shipping-results, .block-shipping-results .price {
2104
- color: #ffffff;
2105
- }
 
1
+ * {
2
+ -webkit-text-size-adjust: none;
3
+ outline: none;
4
+ -webkit-touch-callout: none;
5
+ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
6
+ }
7
+ /* Clearfix */
8
+ .clearfix:after {
9
+ content: ".";
10
+ display: block;
11
+ clear: both;
12
+ visibility: hidden;
13
+ line-height: 0;
14
+ height: 0;
15
+ background: url(../images/i_pager-next.gif);
16
+ }
17
+ .clearfix {
18
+ display: inline-block;
19
+ }
20
+ html[xmlns] .clearfix {
21
+ display: block;
22
+ }
23
+ * html .clearfix {
24
+ height: 1%;
25
+ }
26
+ /* end Clearfix */
27
+ body {
28
+ background: #ffffff;
29
+ font: normal 100% "Lucida Grande",Helvetica,Arial, sans-serif;
30
+ color: #555555;
31
+ text-align: center;
32
+ }
33
+ .header-container, .main-container, .home_page_header_block {
34
+ background-color: #ffffff;
35
+ }
36
+ .slides-wrapper a {
37
+ opacity: 1;
38
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
39
+ }
40
+ .sp, .clear {
41
+ clear: both;
42
+ margin:0;
43
+ padding: 0;
44
+ height: 0;
45
+ overflow: hidden;
46
+ }
47
+ .sp span, .clear span {
48
+ display: none;
49
+ }
50
+ /* Headings */
51
+ h1, h2, h3, h4, h5, h6 {
52
+ font-family: Arial, sans-serif;
53
+ }
54
+ h1, .page-title h1, .page-title h2, .product-view .product-shop .product-name h1, .postTitle h2 {
55
+ font-family: "Lucida Grande",Helvetica, Arial, sans-serif;
56
+ font-weight: normal;
57
+ }
58
+ .category-title {
59
+ margin:0 0 10px;
60
+ }
61
+ p {
62
+ font-size: 0.8125em;
63
+ line-height: 1.25em;
64
+ margin-bottom: 0.9em;
65
+ }
66
+ /*any pages styles*/
67
+ .col-main dl dt {
68
+ font-size: 14px;
69
+ font-weight: normal;
70
+ }
71
+ .col-main h3 {
72
+ font-size: 18px;
73
+ }
74
+ ul.bullet, ol.bullet {
75
+ margin-bottom: 10px;
76
+ }
77
+ .col-main dl, .col-main ol {
78
+ padding: 5px 0px 20px 0px;
79
+ }
80
+ .col-main dl dt {
81
+ font-size: 18px;
82
+ line-height: 22px;
83
+ font-family: Arial, sans-serif;
84
+ }
85
+ ul.bullet li {
86
+ padding-left: 10px;
87
+ background: url(../images/pager_arrow_right.gif) no-repeat 0px 4px;
88
+ margin-bottom: 5px;
89
+ }
90
+ ul.bullet_big li {
91
+ padding-left: 10px;
92
+ background: url(../images/pager_arrow_right.gif) no-repeat 0px 4px;
93
+ margin-bottom: 15px;
94
+ font-size: 16px;
95
+ }
96
+ .col-main ol li {
97
+ list-style-type: decimal;
98
+ list-style-position: inside;
99
+ margin-bottom: 5px;
100
+ }
101
+ .col-main .opc li {
102
+ list-style-type: none;
103
+ }
104
+ hr {
105
+ clear: both;
106
+ position: relative;
107
+ border: 1px solid #e4e4e4;
108
+ margin-top: 10px;
109
+ margin-bottom: 10px;
110
+ }
111
+ .pic-right {
112
+ float: right;
113
+ position: relative;
114
+ margin: 0px 0px 10px 10px;
115
+ }
116
+ .pic-left {
117
+ float: left;
118
+ position: relative;
119
+ margin: 0px 10px 10px 0px;
120
+ }
121
+ .slider-wrap img { max-width: 100%;
122
+ height: auto;
123
+ width: auto\9; /* ie8 */}
124
+ /* Layout ================================================================================ */
125
+ .main-container {
126
+ clear: both;
127
+ }
128
+ .main {
129
+ padding: 10px 0px 10px 0px;
130
+ background-color: transparent;
131
+ width: 100%;
132
+ }
133
+ .wishlist-index-index .main {
134
+ padding-top: 15px;
135
+ }
136
+ .home_page_header_block {
137
+ padding-top: 2px;
138
+ clear: both;
139
+ }
140
+ .cms-index-index .home_page_header_block p, .cms-home .home_page_header_block p {
141
+ margin: 0;
142
+ }
143
+ /* Global Styles ========================================================================= */
144
+ /*top toolbar*/
145
+ .form-search .search-autocomplete ul {
146
+ border: 0;
147
+ border-radius: 15px;
148
+ }
149
+ .form-search .search-autocomplete {
150
+ background: #f5f5f5;
151
+ z-index:999;
152
+ position:relative;
153
+ }
154
+ .form-search .search-autocomplete ul, .form-search .search-autocomplete li {
155
+ text-align: left;
156
+ padding: 3px 5px 3px 5px;
157
+ font-weight: normal;
158
+ }
159
+ .form-search .search-autocomplete li:hover {
160
+ cursor: pointer;
161
+ background: #fff;
162
+ }
163
+ .form-search .search-autocomplete {
164
+ margin-left: 0px;
165
+ margin-top: 2px;
166
+ }
167
+ .search-autocomplete .amount {
168
+ float: right;
169
+ font-weight: normal;
170
+ }
171
+ .form-search .search-autocomplete li {
172
+ border: none;
173
+ }
174
+ .top_toolbar_static {
175
+ float: right;
176
+ position: relative;
177
+ margin-left: 10px;
178
+ }
179
+ /*header*/
180
+ .header-container .top-container {
181
+ position: relative;
182
+ }
183
+ .header {
184
+ padding: 1% 1% 0% 1%;
185
+ text-align: right;
186
+ width: 98%;
187
+ position: relative;
188
+ z-index:10;
189
+ }
190
+ div.block-cart-top {
191
+ position: relative;
192
+ text-align: left;
193
+ }
194
+ div.block-cart-top a.title:hover {
195
+ opacity: .6;
196
+ filter: alpha(opacity=60);
197
+ }
198
+ div.block-cart-top p, div.block-cart-top .price {
199
+ margin-bottom: 0;
200
+ text-transform: uppercase;
201
+ line-height: 16px;
202
+ }
203
+ div.block-cart-top button {
204
+ background: none;
205
+ border: 0;
206
+ line-height: 14px;
207
+ height: 14px;
208
+ position: relative;
209
+ padding: 0;
210
+ overflow: visible;
211
+ }
212
+ div.block-cart-top button::-moz-focus-inner /*FF fix*/ {
213
+ border: none;
214
+ }
215
+ .button-small:hover {
216
+ cursor: pointer;
217
+ }
218
+ .button-small span {
219
+ padding: 0px 0px 0px 12px;
220
+ line-height: 14px;
221
+ height: 14px;
222
+ margin: 0;
223
+ position: relative;
224
+ display: block;
225
+ white-space: nowrap;
226
+ }
227
+ .button-small span span {
228
+ line-height: 14px;
229
+ height: 14px;
230
+ color: #fff;
231
+ background-color: #333;
232
+ border-radius: 2px;
233
+ font-size: 10px;
234
+ padding: 0px 5px 0px 5px;
235
+ text-transform: lowercase;
236
+ margin: 0;
237
+ }
238
+ .button-small span span:hover { background-color: #555;}
239
+ /*Form-search*/
240
+ div.search {
241
+ position: relative;
242
+ }
243
+ #search_mini_form {
244
+ display: block;
245
+ position: relative;
246
+ clear: both;
247
+ }
248
+ .form-search {
249
+ position: relative;
250
+ float: right;
251
+ }
252
+ .form-search label {
253
+ display: none;
254
+ }
255
+ .form-search input.input-text {
256
+ background: #fff;
257
+ float: left;
258
+ position: relative;
259
+ border: 1px solid #d9d9d9;
260
+ color: #898989;
261
+ border-radius: 3px;
262
+ font:11px Arial, sans-serif;
263
+ }
264
+ .form-search input.input-text:focus {
265
+ color: #000;
266
+ font-size: 14px;
267
+ border: 1px solid #999999;
268
+ }
269
+ .form-search button.button {
270
+ float: right;
271
+ height: 18px;
272
+ display: block;
273
+ margin: 3px 0px 0px 0px;
274
+ padding: 0;
275
+ background-color: transparent;
276
+ background-image: url(../images/sprite.png);
277
+ background-position: -36px 0px;
278
+ background-repeat: no-repeat;
279
+ }
280
+ .form-search button.button:hover {
281
+ opacity: 1;
282
+ filter: alpha(opacity=100);
283
+ }
284
+ .form-search button.button span {
285
+ display: none;
286
+ }
287
+
288
+ /*header links*/
289
+ .header .quick-access {
290
+ position: relative;
291
+ margin-bottom: 1%;
292
+ }
293
+ .top_toolbar_container .welcome-msg {
294
+ float: left;
295
+ line-height: 22px;
296
+ margin: 0;
297
+ }
298
+ .header .links li {
299
+ float:left;
300
+ display: block;
301
+ }
302
+ .header .links a:link, .header .links a:visited {
303
+ text-transform: uppercase;
304
+ }
305
+ .header .links a:hover {
306
+ text-decoration: none;
307
+ }
308
+ /*currency*/
309
+ .sidebar .block-currency {
310
+ display: none;
311
+ }
312
+ /*switchers*/
313
+ .header .switchers {
314
+ text-align: right;
315
+ float: right;
316
+ position: relative;
317
+ }
318
+ .header .switchers label {
319
+ font-size: 11px;
320
+ }
321
+ div.store-switcher {
322
+ float: right;
323
+ position: relative;
324
+ padding: 5px 5px 0px 0px;
325
+ }
326
+ div.store-switcher select {
327
+ margin-left: 5px;
328
+ float: right;
329
+ padding: 0 !important;
330
+ }
331
+ .header .form-language {
332
+ float: right;
333
+ position: relative;
334
+ padding: 0px 0px 0px 10px;
335
+ }
336
+ /*Navigation*/
337
+ .nav-container {
338
+ clear: both;
339
+ border-radius: 2px;
340
+ }
341
+ #nav {
342
+ padding:0px 0px 0px 0px;
343
+ width: 980px;
344
+ margin:0;
345
+ font-size:13px;
346
+ }
347
+ #nav li a, #nav li a:hover {
348
+ padding: 8px 15px 6px 15px;
349
+ font-weight: normal;
350
+ font-size: 12px;
351
+ font-family: Tahoma;
352
+ text-transform: uppercase;
353
+ text-decoration: none;
354
+ }
355
+ #nav li a {
356
+ color: #fff;
357
+ }
358
+ #nav ul {
359
+ background: #f5f5f5;
360
+ margin-top: 0px;
361
+ border-top: 0;
362
+ box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.3);
363
+ }
364
+ #nav ul ul {
365
+ background: #f5f5f5;
366
+ padding-top: 0px;
367
+ }
368
+ #nav ul li a {
369
+ padding: 3px 0px 3px 0px !important;
370
+ text-transform: none !important;
371
+ font-size: 12px !important;
372
+ font-weight: normal !important;
373
+ background: none !important;
374
+ color: #000000;
375
+ }
376
+ #nav ul li.parent li a {
377
+ background: none !important;
378
+ }
379
+ #nav ul li a:hover, #nav ul ul li a:hover {
380
+ color: #fff;
381
+ }
382
+ /*breadcrumbs*/
383
+ .breadcrumbs {
384
+ clear: both;
385
+ padding: 0 0 0 1%;
386
+ margin-bottom: 5px;
387
+ display: inline-block;
388
+ }
389
+ .breadcrumbs:after {
390
+ content: ".";
391
+ display: block;
392
+ clear: both;
393
+ visibility: hidden;
394
+ line-height: 0;
395
+ height: 0;
396
+ }
397
+ html[xmlns] .breadcrumbs {
398
+ display: block;
399
+ }
400
+ * html .breadcrumbs {
401
+ height: 1%;
402
+ }
403
+ .breadcrumbs li {
404
+ margin-right: 5px;
405
+ float: left;
406
+ font-size: 0.75em;
407
+ }
408
+ .breadcrumbs strong {
409
+ font-weight: normal !important;
410
+ }
411
+ .breadcrumbs a:link, .breadcrumbs a:visited {
412
+ text-decoration: none;
413
+ display: block;
414
+ position: relative;
415
+ float: left;
416
+ }
417
+ .breadcrumbs span {
418
+ float: left;
419
+ width: 0;
420
+ height: 0;
421
+ padding: 0;
422
+ border-top: 3px solid transparent;
423
+ border-left: 3px solid #aaaaaa;
424
+ border-bottom: 3px solid transparent;
425
+ margin: 5px 5px 0px 5px;
426
+ opacity: 0.7;
427
+ color: #f1f1f1;
428
+ }
429
+ /*------------------Footer-------------------*/
430
+ .footer-container {
431
+ border-top: 0;
432
+ width: 100%;
433
+ }
434
+ .footer {
435
+ overflow: hidden;
436
+ padding: 15px 0px 5px 0px;
437
+ border-radius: 5px 5px 0px 0px;
438
+ background: #f5f5f5;
439
+ }
440
+ .footer .footer_content {
441
+ padding: 0px 20px;
442
+ }
443
+ .footer .footer_block {
444
+ margin-left: 0px;
445
+ padding: 20px 0px 10px 0px;
446
+ }
447
+ .footer_block .links_block {
448
+ clear: both;
449
+ margin-bottom: 10px;
450
+ }
451
+ .footer_block h4.title {
452
+ display: block;
453
+ text-align: left;
454
+ font-size: 16px;
455
+ font-weight: normal;
456
+ line-height: 1.25em;
457
+ margin-bottom: .65em;
458
+ font-family: Arial, sans-serif;
459
+ }
460
+ .footer_block .links_block div ul {
461
+ display: block;
462
+ }
463
+ .footer_block .links_block div ul li {
464
+ display: block;
465
+ text-align: left;
466
+ margin-bottom: .65em;
467
+ }
468
+ .footer_block .links_block div ul li a:link, .footer_block .links_block div ul li a:visited {
469
+ font-size: 14px;
470
+ text-decoration: none;
471
+ font-family: Arial, sans-serif;
472
+ -webkit-transition: all .2s linear;
473
+ -moz-transition: all .2s linear;
474
+ -ms-transition: all .2s linear;
475
+ transition: all .2s linear;
476
+ }
477
+ .footer .seotext {
478
+ padding: 10px 0px 5px 0px;
479
+ text-align: left;
480
+ }
481
+ .footer .seotext p {
482
+ color: #808080;
483
+ font: normal 12px Arial, sans-serif;
484
+ }
485
+ .footer ul.links {
486
+ margin-bottom: 15px;
487
+ display: block;
488
+ float: left;
489
+ }
490
+ .footer ul.links li {
491
+ font-size: 13px;
492
+ text-decoration: none;
493
+ font-family: Arial, sans-serif;
494
+ margin-right: 20px;
495
+ }
496
+ .footer ul.links li a:link, .footer ul.links li a:visited {
497
+ -webkit-transition: all .2s linear;
498
+ -moz-transition: all .2s linear;
499
+ -ms-transition: all .2s linear;
500
+ transition: all .2s linear;
501
+ }
502
+ .footer address {
503
+ padding-top: 0px;
504
+ color: #787878;
505
+ font: normal 12px Arial, sans-serif;
506
+ text-align: left;
507
+ clear: both;
508
+ margin-bottom: 5px;
509
+ }
510
+ .design-by {
511
+ font-size: 11px;
512
+ text-align: left;
513
+ }
514
+ /*-------------------------------------------------------SIDE BARS-----------*/
515
+ .block {
516
+ text-align: left;
517
+ margin-bottom: 10px;
518
+ background: #fff;
519
+ border: 1px solid #d9d9d9;
520
+ border-radius: 3px;
521
+ }
522
+ .block .block-title strong {
523
+ padding: 2% 5%;
524
+ font: bold 12px Arial, sans-serif;
525
+ color: #000;
526
+ text-transform: uppercase;
527
+ border-bottom: 1px dotted #c7c7c7;
528
+ }
529
+ .block .block-content {
530
+ padding: 5%;
531
+ }
532
+ .block-content .block-subtitle {
533
+ margin: 0;
534
+ padding: 0px 0px 5px 0px;
535
+ }
536
+ .block-cart .actions {
537
+ padding-right: 60px;
538
+ padding-bottom: 10px;
539
+ }
540
+ .block-payment-options .block-content {
541
+ padding-left: 9px;
542
+ }
543
+ .block li.odd {
544
+ background: transparent;
545
+ }
546
+ .block-progress dt {
547
+ font-size:11px;
548
+ color: #000;
549
+ padding: 2px 0px;
550
+ }
551
+ .block .btn-remove {
552
+ margin: 6px 0 2px 5px;
553
+ }
554
+ .sidebar_banner {
555
+ margin-bottom: 10px;
556
+ overflow: hidden;
557
+ }
558
+ .block-service dt {
559
+ font-weight: bold;
560
+ font-size: 12px;
561
+ margin-bottom: 5px;
562
+ }
563
+ .block-service dt strong {
564
+ color: #000;
565
+ }
566
+ .block-service dd {
567
+ margin-bottom: 10px;
568
+ font-size: 11px;
569
+ }
570
+ ul#vertnav {
571
+ text-align: left;
572
+ }
573
+ /*shop by, category*/
574
+ .block-layered-nav .block-subtitle {
575
+ display: none;
576
+ }
577
+ .block-layered-nav dt {
578
+ background: none;
579
+ font: bold 12px Arial, sans-serif;
580
+ padding: 4px 0px 3px 0px;
581
+ text-transform: uppercase;
582
+ }
583
+ .block-layered-nav li {
584
+ margin-bottom: 4px;
585
+ color: #777;
586
+ font: normal 11px/16px Arial, sans-serif;
587
+ }
588
+ .block-layered-nav a:link, .block-layered-nav a:visited, .block-layered-nav .price {
589
+ font: normal 14px/16px Arial, sans-serif;
590
+ text-decoration: none;
591
+ }
592
+ .block-layered-nav dd {
593
+ background: none;
594
+ }
595
+ .block-layered-nav .currently .label {
596
+ background:none;
597
+ font-weight:bold;
598
+ padding-left:0px;
599
+ text-transform:none;
600
+ }
601
+ .block-layered-nav .currently .label span {
602
+ font-weight:normal;
603
+ }
604
+ /*account*/
605
+ .block-account .block-title strong {
606
+ display: none;
607
+ }
608
+ .block-account .block-content {
609
+ padding: 1% 1%;
610
+ }
611
+ /*blocks*/
612
+ .block-cart .block-title strong span {
613
+ background-color: transparent;
614
+ background-image: url(data:image/gif;base64,R0lGODlhDgAQAPQcALS0tLKysvv7+/f39/b29vr6+q+vr/j4+PT09Pn5+fDw8Pz8/PPz8/39/aurq/7+/uzs7Kenp4qKipSUlKKioo+Pj4aGhoODg52dnYCAgJmZmf///wAAAAAAAAAAAAAAACH5BAUAABwALAAAAAAOABAAAAVqICdyw2ZuAzSOxwa8wHasnLIFgYlvyspsho1AANwwRIiCyXHaMDcFBGETqVqvG0KJwu16UYkNZkwubxJEjXrNFi42k7h8vlk0NpW8fr9pPDYSgYKDG38bFoiJik0XjY6PTRmSk5RNlpcbIQA7);
615
+ background-position:0% 40%;
616
+ background-repeat: no-repeat;
617
+ padding-left: 20px;
618
+ }
619
+ .block-subscribe .block-content {
620
+ padding-top: 6px;
621
+ }
622
+ .block-subscribe label {
623
+ font-family: Arial, sans-serif;
624
+ font-size: 12px;
625
+ }
626
+ .block-subscribe input.input-text {
627
+ width: 100%;
628
+ height: 19px;
629
+ font-family: Arial, sans-serif;
630
+ font-size: 11px;
631
+ font-weight: normal;
632
+ border: 1px solid #dadada;
633
+ margin: 0;
634
+ padding: 0px;
635
+ text-indent:5px;
636
+ }
637
+ .block-subscribe input.input-text:focus {
638
+ color: #000;
639
+ }
640
+ .block-subscribe .input-box {
641
+ float: none;
642
+ position: relative;
643
+ margin: 0px 0px 7px 0px;
644
+ padding: 8px 0px 0px 0px;
645
+ }
646
+ .block-subscribe .actions {
647
+ float: left;
648
+ position: relative;
649
+ margin: 0;
650
+ padding: 0;
651
+ }
652
+ /*side-bar items*/
653
+ .block .block-content li.item {
654
+ padding: 5px 0px;
655
+ border-radius: 3px;
656
+ }
657
+ /*side-bar prices*/
658
+ .old-price .price-label, .old-price .price {
659
+ color:#696969;
660
+ }
661
+ .special-price {
662
+ padding-top: 0;
663
+ }
664
+ /*reccently view*/
665
+ #recently-viewed-items li {
666
+ padding-top: 1px;
667
+ padding-bottom: 2px;
668
+ }
669
+ #recently-viewed-items a {
670
+ font-weight: normal;
671
+ text-decoration: none;
672
+ }
673
+ /*most popular, related */
674
+ .block-content .old-price .price-label, .block-content .special-price .price-label {
675
+ display: none;
676
+ }
677
+ .block-content .special-price .price, .block .regular-price, .block .regular-price .price, .block-content .price-box .price {
678
+ font-weight: bold;
679
+ font-size: 15px;
680
+ }
681
+ .old-price .price, .block-content .old-price .price, .price-box a .label {
682
+ color: #696969;
683
+ text-decoration: none;
684
+ font-size: 12px;
685
+ }
686
+ .block-content .old-price .price {
687
+ text-decoration: line-through;
688
+ }
689
+ /*****************************************************************************CATALOG****************/
690
+ /*pager*/
691
+ .toolbar .pager {
692
+ border: none;
693
+ }
694
+ .pager .amount, .pager .amount strong, .pager .limiter, .sorter, .sorter strong {
695
+ font-weight: normal;
696
+ color: #808080;
697
+ }
698
+ .pager .pages {
699
+ position: relative;
700
+ padding-left: 20px;
701
+ color: #808080;
702
+ }
703
+ /*catalog toolbar*/
704
+ div.pages strong {
705
+ font-weight: normal;
706
+ }
707
+ .pager .pages li a:link, .pager .pages li a:visited {
708
+ padding: 0px 8px;
709
+ font-size: 15px;
710
+ line-height: 22px;
711
+ font-weight: normal;
712
+ }
713
+ .pager .pages li a:hover {
714
+ border-bottom: 2px solid #555;
715
+ }
716
+ div.pages li.current {
717
+ font-size: 15px;
718
+ font-weight: normal;
719
+ border-bottom: 2px solid #555;
720
+ color: #000;
721
+ padding: 0px 8px;
722
+ }
723
+ .toolbar, .toolbar select {
724
+ font-size: 11px;
725
+ }
726
+ .pager .pages strong, .sorter label, .pager .amount {
727
+ font-weight: normal;
728
+ font-family: Arial;
729
+ font-size: 11px;
730
+ }
731
+ .sorter strong {
732
+ color: #000;
733
+ }
734
+ .pager .limiter {
735
+ padding-right: 24px;
736
+ text-align: left;
737
+ }
738
+ .pager .limiter select, .sorter .sort-by select {
739
+ background:none repeat scroll 0 0 #f8f8f8;
740
+ border:1px solid #dcdfe5;
741
+ color: #000;
742
+ }
743
+ .pager .limiter select {
744
+ margin-left: 12px;
745
+ margin-right: 6px;
746
+ width: 50px;
747
+ }
748
+ .sorter .sort-by select {
749
+ margin-left: 12px;
750
+ width: 96px;
751
+ }
752
+ .sort-by {
753
+ float: right;
754
+ position: relative;
755
+ }
756
+ .sorter .sort-by {
757
+ width: 166px;
758
+ padding-right: 0;
759
+ text-align: left;
760
+ }
761
+ /*product name*/
762
+ h2.product-name, h3.product-name {
763
+ line-height: 100%;
764
+ margin-bottom: 5%;
765
+ font-size: 14px;
766
+ font-weight: normal;
767
+ text-transform: none;
768
+ text-decoration: none;
769
+ margin-bottom: 0;
770
+ font-family: Arial, sans-serif;
771
+ }
772
+ p.product-name {
773
+ line-height: 100%;
774
+ margin-bottom: 5%;
775
+ font-size: 12px;
776
+ font-weight: normal;
777
+ text-transform: none;
778
+ text-decoration: none;
779
+ margin-bottom: 0;
780
+ font-family: Arial, sans-serif;
781
+ }
782
+
783
+ /*product decription*/
784
+ .products-list .desc {
785
+ font:11px Arial, sans-serif;
786
+ line-height: 130%;
787
+ }
788
+ .col-main .mini-products-list li {
789
+ list-style-type: none;
790
+ }
791
+ .mini-products-list p.product-name {
792
+ padding-left: 0px !important;
793
+ line-height: 100%;
794
+ font-family: Arial, sans-serif;
795
+ }
796
+ .mini-products-list .product-image {
797
+ width: 50px;
798
+ }
799
+ .mini-products-list .product-details {
800
+ margin-left: 62px;
801
+ }
802
+ .block-popular-big .mini-products-list li.item {
803
+ padding: 0;
804
+ }
805
+ .block-popular-big .mini-products-list p.product-name {
806
+ padding-left: 0px !important;
807
+ line-height: 100%;
808
+ font-family: Arial, sans-serif;
809
+ }
810
+ .block-popular-big .mini-products-list .product-image {
811
+ width: 100%;
812
+ float: none;
813
+ margin-left: auto;
814
+ margin-right: auto;
815
+ margin-bottom: 2px;
816
+ }
817
+ .block-popular-big .mini-products-list .product-image img {
818
+ max-width: 100%;
819
+ height: auto;
820
+ width: auto\9;
821
+ }
822
+ .block-popular-big .mini-products-list .product {
823
+ text-align: center;
824
+ }
825
+ .block-popular-big .mini-products-list .product-details {
826
+ margin-left: auto;
827
+ }
828
+ /*Prices*/
829
+ .mini-products-list .product-details .price-box {
830
+ margin: 0px 0 5px 0;
831
+ }
832
+ .products-grid .price-box {
833
+ margin: 4px 0 4px 0;
834
+ }
835
+ /*catalog price*/
836
+ .regular-price {
837
+ color:#000000;
838
+ }
839
+ .price {
840
+ font-size: 15px;
841
+ font-weight: bold;
842
+ font-family: Arial, sans-serif;
843
+ }
844
+ .old-price .price {
845
+ font-size: 12px;
846
+ }
847
+ /*product price*/
848
+ .product-view .product-shop .special-price .price, .product-view .product-shop .regular-price .price, .product-view .product-shop .full-product-price .price, .product-essential .price-as-configured .price, .product-options-bottom .price {
849
+ font-size: 24px;
850
+ line-height: 24px;
851
+ font-weight: bold;
852
+ }
853
+ .price-as-configured {
854
+ line-height: 28px;
855
+ }
856
+ /*CATALOG*/
857
+ .products-grid .product-image {
858
+ text-align: center;
859
+ }
860
+ .products-grid .product-image img {
861
+ max-width: 100%;
862
+ height: auto;
863
+ width: auto\9; /* ie8 */
864
+ }
865
+ ul.products-grid {
866
+ margin-bottom: 10px !important;
867
+ }
868
+ .products-grid .rate {
869
+ padding-bottom: 20px;
870
+ }
871
+ .products-grid .short {
872
+ padding-bottom: 0px;
873
+ }
874
+ .tabs_block ul.products-grid, .tabs_block ul.products-grid * {
875
+ padding-bottom: 2px !important;
876
+ }
877
+ ul.products-grid li * {
878
+ text-align: center;
879
+ }
880
+ .products-grid .actions li {
881
+ width: 100%;
882
+ text-transform: uppercase;
883
+ }
884
+ .short-description {
885
+ font-size: 11px;
886
+ }
887
+ .products-grid li:hover button.button {
888
+ -webkit-transition: all .2s linear;
889
+ -moz-transition: all .2s linear;
890
+ -ms-transition: all .2s linear;
891
+ transition: all .2s linear;
892
+ }
893
+ .products-grid li:hover button.button {
894
+ -webkit-transition: all .2s linear;
895
+ -moz-transition: all .2s linear;
896
+ -ms-transition: all .2s linear;
897
+ transition: all .2s linear;
898
+ }
899
+
900
+ .products-grid .add-to-links {
901
+ margin-left: auto;
902
+ margin-right: auto;
903
+ }
904
+
905
+ /*rating*/
906
+ .products-grid .ratings .amount, .item-content .ratings .amount {
907
+ display: none;
908
+ }
909
+ .products-grid .ratings .rating-box {
910
+ float: none;
911
+ margin-left: auto;
912
+ margin-right: auto;
913
+ }
914
+ .products-grid .rating-links {
915
+ display: none;
916
+ }
917
+ .ratings {
918
+ line-height: 1;
919
+ margin: 2px 0px 4px 0px;
920
+ }
921
+ /*full */
922
+ .full_cat ul.products-grid li {
923
+ padding-bottom: 60px;
924
+ }
925
+ /*rate*/
926
+ .raiting_cat ul.products-grid li {
927
+ padding-bottom: 35px;
928
+ }
929
+ /*shot*/
930
+ .short_cat ul.products-grid li {
931
+ padding-bottom: 0px;
932
+ }
933
+ /*new*/
934
+ .subtitle {
935
+ margin: 8px 0 6px 0;
936
+ padding: 5px 0 0 0px;
937
+ height: 22px;
938
+ line-height: 24px;
939
+ font: normal 18px Arial, sans-serif;
940
+ background: none;
941
+ text-transform: uppercase;
942
+ }
943
+ .new_cat_img {
944
+ display: block;
945
+ position: relative;
946
+ }
947
+ .i_new {
948
+ border:0;
949
+ display: block;
950
+ margin: 0px;
951
+ padding: 0px;
952
+ position: absolute;
953
+ bottom: 0px;
954
+ left: 40%;
955
+ vertical-align: top;
956
+ z-index: 99;
957
+ }
958
+ /* Form Elements */
959
+ select, textarea {
960
+ font-size: 11px;
961
+ line-height: 14px;
962
+ font-weight: normal;
963
+ }
964
+ input.input-text, select, textarea {
965
+ background:#f8f8f8;
966
+ border:1px solid #dfdfdf;
967
+ font-size: 14px;
968
+ border-radius: 2px;
969
+ padding: 2px;
970
+ }
971
+ input.input-text:focus, textarea:focus {border:1px solid #777;}
972
+ .block-currency select {
973
+ font-size: 11px;
974
+ }
975
+ .sort-by select {
976
+ width: 128px;
977
+ }
978
+ /* Form */
979
+ label.required em {
980
+ margin-right: 2px;
981
+ font-style:normal;
982
+ padding-left: 2px;
983
+ float: left;
984
+ color: #fe4e00;
985
+ }
986
+ .form-list label.required em {
987
+ right: -10px;
988
+ }
989
+ .form-alt .input-box {
990
+ margin: 0 0 8px;
991
+ }
992
+ /* REQUIRED BUTTON STYLES: */
993
+ button.button {
994
+ position: relative;
995
+ padding: 0px 0px 0px 7px;
996
+ text-align: center;
997
+ background-color: transparent;
998
+ background-image: url(../images/sprite.png);
999
+ background-position: 0px -74px;
1000
+ background-repeat: no-repeat;
1001
+ height: 22px;
1002
+ }
1003
+ button.button::-moz-focus-inner {
1004
+ border: none;
1005
+ }
1006
+ button.button span {
1007
+ position: relative;
1008
+ }
1009
+ button.button span span {
1010
+ text-transform: uppercase;
1011
+ font: bold 12px Arial, sans-serif;
1012
+ padding: 4px 7px 0px 0px;
1013
+ background-image: url(../images/sprite.png);
1014
+ background-position: 100% 100%;
1015
+ background-repeat: no-repeat;
1016
+ white-space: nowrap;
1017
+ height: 18px;
1018
+ line-height: 16px;
1019
+ }
1020
+ button.button {
1021
+ opacity: .6;
1022
+ }
1023
+ button.button:hover, button.buttonHover {
1024
+ opacity: 1;
1025
+ }
1026
+ /*catalog button*/
1027
+ .products-grid li:hover button.button, .item-content:hover button.button {
1028
+ opacity: .8;
1029
+ }
1030
+ .products-grid li:hover button.button:hover, .item-content:hover button.button:hover {
1031
+ opacity: 1;
1032
+ }
1033
+ /********** Orange button ************/
1034
+ .product-shop .add-to-cart button.button, .checkout-types button.button, #review-buttons-container button.button, .product-options-bottom button.button {
1035
+ background-image: url(../images/sprite.png);
1036
+ background-position: 0px -52px;
1037
+ background-repeat: no-repeat;
1038
+ opacity: .8;
1039
+ }
1040
+ .product-shop .add-to-cart button.button span span, .checkout-types button.button span span, #review-buttons-container button.button span span, .product-options-bottom button.button span span {
1041
+ background-image: url(../images/sprite.png);
1042
+ background-position: 100% 0%;
1043
+ background-repeat: no-repeat;
1044
+ }
1045
+ .product-shop .add-to-cart button.button:hover, .product-shop .add-to-cart button.buttonHover, .checkout-types button.button:hover, .checkout-types button.buttonHover, #review-buttons-container button.button:hover, #review-buttons-container button.buttonHover, .product-options-bottom button.button:hover, .product-options-bottom button.buttonHover {
1046
+ opacity: 1;
1047
+ }
1048
+ .product-view .box-tags .form-add .input-box {
1049
+ margin-right: 8px;
1050
+ }
1051
+ .product-view .box-tags .form-add .input-box input {
1052
+ height: 14px;
1053
+ background: #ffffff;
1054
+ border: 1px solid #cecece;
1055
+ }
1056
+ div.toolbar div.pager {
1057
+ padding: 3px 0 3px 0;
1058
+ }
1059
+ div.toolbar div.sorter {
1060
+ padding: 3px 10px 11px 0;
1061
+ }
1062
+ .toolbar-bottom {
1063
+ margin-top: 30px;
1064
+ }
1065
+ div.toolbar-bottom div.sorter {
1066
+ display: block;
1067
+ }
1068
+ div.toolbar-bottom .view-mode {
1069
+ padding-right: 20px;
1070
+ }
1071
+ div.toolbar-bottom .limiter {
1072
+ float: right;
1073
+ }
1074
+ /*catalog list */
1075
+ .products-list .product-image {
1076
+ width: auto;
1077
+ height: auto;
1078
+ display: block;
1079
+ float: left;
1080
+ padding-right: 5%;
1081
+ }
1082
+ .products-list .product-shop {
1083
+ float: left;
1084
+ padding-top: 10px;
1085
+ }
1086
+ /**************************************************************PRODUCT******************/
1087
+ .product-img-box img {
1088
+ max-width: 100%;
1089
+ height: auto;
1090
+ }
1091
+ .product-view {
1092
+
1093
+ }
1094
+ .product-view .product-shop {
1095
+ text-align: left;
1096
+ }
1097
+ .product-essential {
1098
+ text-align: left;
1099
+ }
1100
+ .product-view .product-shop {
1101
+ text-align: left;
1102
+ }
1103
+ .product-view .product-img-box {
1104
+ margin-top: 10px;
1105
+ }
1106
+ .more-views {
1107
+ padding-top: 4px;
1108
+ }
1109
+ .product-view .product-img-box .product-image {
1110
+ margin-bottom: 5px;
1111
+ }
1112
+ .product-view .product-img-box .zoom #track {
1113
+ background:#dadada;
1114
+ }
1115
+ .product-view .product-shop .availability {
1116
+ font-size: 11px;
1117
+ }
1118
+ .product-view .product-img-box .more-views li {
1119
+ margin:0 0 8px 12px;
1120
+ }
1121
+ .product-view .product-img-box .more-views li a {
1122
+ border: 0px solid #ffffff !important;
1123
+ }
1124
+ .product-view p.old-price {
1125
+ margin-bottom: 5px;
1126
+ }
1127
+ .add-to-cart {
1128
+ margin-right: 10px;
1129
+ }
1130
+ .add-to-cart label {
1131
+ font-family: Arial;
1132
+ font-size: 16px;
1133
+ }
1134
+ .product-view .product-shop .short-description {
1135
+ line-height: 130%;
1136
+ clear: both;
1137
+ }
1138
+ .product-collateral .box-collateral, .no-rating {
1139
+ margin-bottom: 5px;
1140
+ }
1141
+ .product-view .box-up-sell .products-grid {
1142
+ margin-bottom: 10px;
1143
+ }
1144
+ .product-view .box-up-sell .products-grid td {
1145
+ padding:0px 5px 0px 0px;
1146
+ }
1147
+ .product-shop .tier-prices, .product-options, .price-box-bundle {
1148
+ border-radius: 3px 3px 3px 3px;
1149
+ padding: 12px;
1150
+ border: 0;
1151
+ }
1152
+ .product-shop .tier-prices {
1153
+ float: left;
1154
+ }
1155
+ #product_tabs_description_tabbed_contents {
1156
+ font-size: 14px;
1157
+ line-height: 150%;
1158
+ text-align: left;
1159
+ }
1160
+ #product_tabs_related_tabbed_contents ol li {
1161
+ list-style-type: none;
1162
+ }
1163
+ #product_tabs_related_tabbed_contents .link-cart {
1164
+ font-weight: normal;
1165
+ font-size: 11px;
1166
+ }
1167
+ .product-options dd {
1168
+ border-bottom: 1px dotted #DADADA;
1169
+ }
1170
+ .dedicated-review-box p {
1171
+ font-style: italic;
1172
+ font-size: 14px;
1173
+ line-height: 150%;
1174
+ }
1175
+ .benefit, .price-box-bundle {
1176
+ font-size: 18px;
1177
+ font-weight: normal;
1178
+ }
1179
+ .product-shop .add-to-box {
1180
+ text-align: center;
1181
+ clear: both;
1182
+ }
1183
+ .add-to-cart button span {
1184
+ font-weight: bold !important;
1185
+ }
1186
+ .product-shop .add-to-links li {
1187
+ margin-right: 10px;
1188
+ }
1189
+ .add-to-links a.link-wishlist:link, .add-to-links a.link-wishlist:visited, .actions a.link-wishlist:link, .actions a.link-wishlist:visited,
1190
+ .add-to-links a.link-compare:link, .add-to-links a.link-compare:visited, .actions a.link-compare:link, .actions a.link-compare:visited {
1191
+ font-size: 10px;
1192
+ font-family: Arial, sans-serif;
1193
+ }
1194
+ .products-grid .add-to-links {
1195
+ line-height: 11px;
1196
+ }
1197
+ /*titles on product page*/
1198
+ .product-view .box-up-sell h2, .product-essential h2, .product-view .product-img-box .more-views h2, .product-collateral h2, .dedicated-review-box strong, #product_tabs_related_tabbed_contents p strong {
1199
+ font: 18px Arial, sans-serif;
1200
+ font-weight: normal;
1201
+ text-transform: none;
1202
+ margin: 5px 0px 7px 0px;
1203
+ }
1204
+ /*messages*/
1205
+ .error-msg, .success-msg, .note-msg, .notice-msg {
1206
+ border-radius: 3px;
1207
+ min-height:24px !important;
1208
+ padding: 8px !important;
1209
+ font-size: 16px;
1210
+ }
1211
+ .add-to-box .or {
1212
+ color:#808080;
1213
+ font-weight:normal;
1214
+ line-height: 48px;
1215
+ font-size: 11px;
1216
+ }
1217
+
1218
+ .product-collateral p {
1219
+ font-size: 1em;
1220
+ }
1221
+ .product-view .box-tags .form-add label {
1222
+ color: #808080 !important;
1223
+ font-weight: normal !important;
1224
+ font-size: 11px;
1225
+ }
1226
+ .product-view .box-tags .form-add .input-box {
1227
+ padding:0;
1228
+ }
1229
+ .product-view .box-tags .note {
1230
+ padding:0;
1231
+ }
1232
+ .product-options p.required {
1233
+ padding-top: 0;
1234
+ }
1235
+ /*product opions*/
1236
+ .product-options dd {
1237
+ border-bottom: 1px dotted #DADADA;
1238
+ }
1239
+ .product-options p.required {
1240
+ margin: 0;
1241
+ padding: 0;
1242
+ font-size: 11px;
1243
+ font-style: italic;
1244
+ }
1245
+ .product-options dl {
1246
+ margin: 0;
1247
+ padding: 0 !important;
1248
+ }
1249
+ .product-options dt {
1250
+ padding: 5px 0px 2px 0px;
1251
+ font-weight: bold !important;
1252
+ font-size: 11px;
1253
+ }
1254
+ .product-options dd {
1255
+ padding: 0px 10px 10px 0px;
1256
+ margin: 0% 0% 1% 0%;
1257
+ }
1258
+ .product-view .product-shop .add-to-links li {
1259
+ padding-right: 10px;
1260
+ }
1261
+ .product-shop .product-options-bottom .price-box {
1262
+ float: left;
1263
+ margin: 0 10px 5px;
1264
+ }
1265
+ .product-options-bottom .price-label, .product-options-bottom label, .product-shop label {
1266
+ font-weight: normal;
1267
+ color: #454545;
1268
+ }
1269
+ .product-options-bottom .price-as-configured .price {
1270
+ padding-right: 20px;
1271
+ }
1272
+ .product-view button.button {
1273
+ margin-top: 0px;
1274
+ }
1275
+ .product-options-bottom .qty, .product-shop .qty {
1276
+ margin-top: 0px;
1277
+ float: left;
1278
+ padding: 2px 2px;
1279
+ font: normal 14px Arial, sans-serif;
1280
+ margin-right: 10px;
1281
+ }
1282
+ .col-main .product-options dl dt label {
1283
+ font-size: 18px;
1284
+ font-family: Arial, sans-serif;
1285
+ }
1286
+ .col-main .product-options dl dt {
1287
+ background: none;
1288
+ padding-left: 0;
1289
+ }
1290
+ .product-product .product-shop .product-options-bottom .add-to-cart, .add-to-box .add-to-cart, .product-product .product-shop .product-options-bottom .add-to-cart .qty {
1291
+ float: none;
1292
+ }
1293
+ .product-options-bottom .add-to-cart label, .product-options-bottom .add-to-cart .qty {
1294
+ float: left;
1295
+ }
1296
+ .add-to-box .add-to-links {
1297
+ float: none;
1298
+ font-size:12px !important;
1299
+ line-height:1.25 !important;
1300
+ margin: 15px 0 0 0 !important;
1301
+ text-align:left !important;
1302
+ }
1303
+ .product-view .product-shop .add-to-links a {
1304
+ font-weight:normal !important;
1305
+ font:14px Arial, sans-serif;
1306
+ }
1307
+ .product-options-bottom .add-to-links {
1308
+ display: none;
1309
+ }
1310
+
1311
+ .product-view .product-shop .add-to-links {
1312
+ text-align: left;
1313
+ padding: 0px 0px 10px 0px;
1314
+ float: left;
1315
+ -webkit-transition: all .3s ease-in-out;
1316
+ -moz-transition: all .3s ease-in-out;
1317
+ -ms-transition: all .3s ease-in-out;
1318
+ transition: all .3s ease-in-out;
1319
+ }
1320
+ .product-view .product-shop .add-to-links li {
1321
+ float: left;
1322
+ margin-right: 10px;
1323
+ }
1324
+ .product-view .product-shop a.link-wishlist, .product-view .product-shop a.link-compare , .data-table a.link-wishlist, .product-details a.link-wishlist,
1325
+ p.email-friend a:link, p.email-friend a:visited {
1326
+ background-color: transparent;
1327
+ background-image: url(../images/sprite.png);
1328
+ background-position: 0px -24px;
1329
+ background-repeat: no-repeat;
1330
+ display: block;
1331
+ margin: 0;
1332
+ padding-left: 15px;
1333
+ line-height: 15px;
1334
+ width: auto;
1335
+ height: auto;
1336
+ text-align: left;
1337
+ }
1338
+ .compare-table a.link-wishlist {
1339
+ background-image: none;
1340
+ padding: 2px 0 2px 0px;
1341
+ }
1342
+ .product-details a.link-wishlist {
1343
+ font-size: 0;
1344
+ color: #fff;
1345
+ }
1346
+ .crosssell .product-details a.link-wishlist, .crosssell .product-details a.link-compare {
1347
+ padding: 0px;
1348
+ background-image: none;
1349
+ }
1350
+ p.email-friend {
1351
+ float: left;
1352
+ }
1353
+
1354
+ .product-details a.link-wishlist, .product-details a.link-compare {
1355
+ display: none;
1356
+ }
1357
+ /*product review*/
1358
+ .dedicated-review-box ol li, .product-view .box-reviews dd {
1359
+ margin-bottom: 20px;
1360
+ }
1361
+ .dedicated-review-box ol li strong, .box-reviews dl dt a {
1362
+ font-size: 18px;
1363
+ font-weight: normal;
1364
+ }
1365
+ .box-reviews dl dt {
1366
+ color: #000;
1367
+ }
1368
+ .product-view .box-reviews dl {
1369
+ margin: 0px 0;
1370
+ padding: 0;
1371
+ }
1372
+ .ratings-list .rating-box {
1373
+ margin-left: 10px;
1374
+ margin-top: 3px;
1375
+ }
1376
+ table.ratings-list {
1377
+ margin-bottom: 10px;
1378
+ }
1379
+ table.ratings-list strong {
1380
+ font-size: 12px !important;
1381
+ font-weight: normal;
1382
+ }
1383
+ .grouped-items-table td {
1384
+ line-height: 30px;
1385
+ }
1386
+ .product-view .product-shop .grouped-items-table .price {
1387
+ font-size: 18px;
1388
+ line-height: 18px;
1389
+ }
1390
+ .product-view .product-shop .grouped-items-table .product-pricing-grouped .price {
1391
+ font-size: 14px;
1392
+ line-height: 14px;
1393
+ font-style: italic;
1394
+ }
1395
+ .product-view .product-shop .grouped-items-table .product-pricing-grouped {
1396
+ font-style: italic;
1397
+ line-height: 14px;
1398
+ }
1399
+ /***************************************************************CART**********************************/
1400
+ /* Tax Details Row */
1401
+ tr.tax-total {
1402
+ cursor:pointer;
1403
+ }
1404
+ tr.tax-total .tax-collapse {
1405
+ float:right;
1406
+ text-align:right;
1407
+ padding-left:20px;
1408
+ background-position: 0 5px;
1409
+ background-repeat: no-repeat;
1410
+ background-image: url(data:image/gif;base64,R0lGODlhCQBCAPABALq6ugAAACH5BAUAAAEALAAAAAAJAEIAAAIyRIwXy2z7lGsI2DSz3A2qFHXiSJbmiabqyrbuC8fyTNf2jefUx5OhJqpcOJ2fx8dDFAAAOw==);
1411
+ cursor:pointer;
1412
+ }
1413
+ tr.show-details .tax-collapse {
1414
+ background-position:0 -52px;
1415
+ }
1416
+ .cart .page-title h1 {
1417
+ margin-top: 4px;
1418
+ }
1419
+ .cart .page-title .checkout-types li {
1420
+ margin-bottom: 0;
1421
+ margin-top: 5px;
1422
+ float:left;
1423
+ }
1424
+ .data-table thead th {
1425
+ font:11px Arial, sans-serif;
1426
+ font-weight: bold;
1427
+ }
1428
+ .cart .discount input.input-text {
1429
+ border: 1px solid #cecece;
1430
+ width: 126px;
1431
+ padding: 3px;
1432
+ float: left;
1433
+ }
1434
+ .cart .discount .input-box {
1435
+ width: auto;
1436
+ }
1437
+ .cart .discount .input-box input {
1438
+ margin-bottom: 10px;
1439
+ width: 100%;
1440
+ max-width: 254px;
1441
+ float: none;
1442
+ }
1443
+ .cart .totals tfoot td strong {
1444
+ font-family: Arial, sans-serif;
1445
+ font-weight: normal;
1446
+ font-size: 18px;
1447
+ }
1448
+ .cart .discount .buttons-set {
1449
+ margin-top: 0;
1450
+ margin-left: 0px;
1451
+ float: left;
1452
+ clear: none;
1453
+ margin-bottom: 10px;
1454
+ }
1455
+ .discounts {
1456
+ width: 50%;
1457
+ float: left;
1458
+ position: relative;
1459
+ }
1460
+ .form-list label {
1461
+ margin-bottom: 3px;
1462
+ }
1463
+ .form-list li {
1464
+ margin: 0 0 20px;
1465
+ }
1466
+ .link-reorder {
1467
+ color: #dc6809 !important;
1468
+ }
1469
+ .form-list .input-box select {
1470
+ border: 1px solid #cecece;
1471
+ }
1472
+ .checkout-progress li {
1473
+ border-top-color: #dadada;
1474
+ }
1475
+ .cart .crosssell {
1476
+ padding: 11px 15px 12px 15px;
1477
+ }
1478
+ .cart .discount {
1479
+ margin-bottom: 10%;
1480
+ }
1481
+ .crosssell h3, .crosssell .product-name a:link, .crosssell .product-name a:visited {
1482
+ padding-left: 0px !important;
1483
+ line-height: 100%;
1484
+ font-family: Arial, sans-serif;
1485
+ font-size: 13px;
1486
+ font-weight: normal;
1487
+ }
1488
+ .crosssell .add-to-links {
1489
+ text-transform: uppercase;
1490
+ }
1491
+ .crosssell h2, .discount h2, .shipping h2 {
1492
+ font-size: 18px;
1493
+ line-height: 100%;
1494
+ font-weight: normal;
1495
+ }
1496
+ .cart .crosssell li.item {
1497
+ padding: 5px;
1498
+ border-radius: 3px;
1499
+ margin: 0px 0px 5px 0px;
1500
+ }
1501
+ .cart .crosssell li.item .add-to-links {
1502
+ opacity: 0;
1503
+ filter: alpha(opacity=0);
1504
+ }
1505
+ .cart .crosssell li.item:hover .add-to-links {
1506
+ opacity: 1;
1507
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
1508
+ }
1509
+ .item-options {
1510
+ font-size: 12px;
1511
+ line-height: 100%;
1512
+ font-family: Arial, sans-serif;
1513
+ }
1514
+ .item-options dd {
1515
+ padding-left: 0px;
1516
+ margin: 0 0 10px;
1517
+ font-style: italic;
1518
+ font-size: 14px;
1519
+ }
1520
+ .col-main .item-options dt {
1521
+ font-size: 12px !important;
1522
+ line-height: 100%;
1523
+ font-weight: normal;
1524
+ font-family: Arial, sans-serif;
1525
+ background: none;
1526
+ padding-left: 0px;
1527
+ font-style: normal;
1528
+ }
1529
+ .col-main .product-shop .item-options dt {
1530
+ font-size: 12px !important;
1531
+ font-weight: bold;
1532
+ color: #000;
1533
+ }
1534
+ .product-shop .item-options dd {
1535
+ padding-left: 0px;
1536
+ margin: 0 0 10px;
1537
+ font-style: normal;
1538
+ font-size: 16px;
1539
+ }
1540
+ .data-table tr:hover .item-options {
1541
+ color: #000;
1542
+ }
1543
+ .crosssell-div {
1544
+ clear: both;
1545
+ }
1546
+ #shopping-cart-table button {
1547
+ margin-left: 10px;
1548
+ }
1549
+ .data-table {
1550
+ border-collapse: inherit;
1551
+ }
1552
+ #shopping-cart-table {
1553
+ border: 1px solid #dadada;
1554
+ }
1555
+ .data-table thead th {
1556
+ border-top: 0;
1557
+ border-right: 0;
1558
+ border-left: 0;
1559
+ padding: 9px 12px 9px 12px;
1560
+ }
1561
+ #product-review-table tr.first th {
1562
+ border-bottom: 0px;
1563
+ }
1564
+ .data-table td {
1565
+ border-top: 0;
1566
+ border-right: 0;
1567
+ border-left: 0;
1568
+ background: #fcfcfc;
1569
+ }
1570
+ .cart-table tr:hover td {
1571
+ background: #f2f2f2;
1572
+ }
1573
+ .data-table td .product-name a:link, .data-table td .product-name a:visited {
1574
+ font-size: 15px;
1575
+ text-decoration: none;
1576
+ font-weight: normal;
1577
+ }
1578
+ .data-table td .product-name a:hover {
1579
+ text-decoration: none;
1580
+ }
1581
+ .data-table td input.qty {
1582
+ color: #000;
1583
+ font-weight: normal;
1584
+ font-size: 14px;
1585
+ border: 1px solid #e0dbc7;
1586
+ background: #fcfcfc;
1587
+ padding: 3px;
1588
+ border-radius: 2px;
1589
+ }
1590
+ .data-table tfoot {
1591
+ border-bottom: 1px solid #cecece;
1592
+ }
1593
+ .data-table tfoot tr td {
1594
+ padding: 12px 10px 12px 13px;
1595
+ border: 0px solid #ffffff;
1596
+ background: #ffffff;
1597
+ }
1598
+ .compare-table .product-shop-row th, .compare-table .product-shop-row td, .compare-table tbody th, .compare-table tbody td {
1599
+ border-color: #dadada !important;
1600
+ }
1601
+
1602
+ /***********************************************************CHECKOUT, ACCOUNT********************************/
1603
+
1604
+ .order-items {
1605
+ width: 100%;
1606
+ overflow: visible;
1607
+ }
1608
+ .title-buttons {
1609
+ font-size: 18px;
1610
+ line-height: 50px;
1611
+ }
1612
+ .fieldset .legend {
1613
+ padding: 0px;
1614
+ font-size: 18px;
1615
+ line-height: 100%;
1616
+ font-weight: normal;
1617
+ border-radius: 2px;
1618
+ margin: 0px 0px 10px 0px;
1619
+ float: none;
1620
+ border: 0;
1621
+ }
1622
+ #opc-review .buttons-set p {
1623
+ margin: 0;
1624
+ line-height: 100%;
1625
+ }
1626
+ .dashboard .box-reviews .number {
1627
+ background: #fff;
1628
+ border: 1px solid #dadada !important;
1629
+ color: #999999;
1630
+ border-radius: 3px;
1631
+ }
1632
+ .dashboard .box-reviews .details {
1633
+ margin-left: 25px;
1634
+ padding-top: 3px;
1635
+ }
1636
+ .box-account .box-head h2, .account-login .new-users h2, .account-login .registered-users h2 {
1637
+ background: none;
1638
+ }
1639
+ .title-buttons .button {
1640
+ margin-top: 5px;
1641
+ }
1642
+ .advanced-search-summary strong {
1643
+ padding-left: 0;
1644
+ }
1645
+ .block-progress {
1646
+ margin-top: 0;
1647
+ }
1648
+ .block-progress dt {
1649
+ font-size:12px;
1650
+ padding-left:0px;
1651
+ }
1652
+ .block-progress dd {
1653
+ border: 0;
1654
+ padding: 8px 0px;
1655
+ margin: 0 0 6px;
1656
+ }
1657
+ .block-account .block-content li a, .page-sitemap .links a {
1658
+ text-decoration: none;
1659
+ }
1660
+ .checkout-onepage-index .data-table tfoot tr td, .subtotal td, .shipping td {
1661
+ background: #fcfcfc none !important;
1662
+ }
1663
+ #opc-review .buttons-set {
1664
+ padding: 20px 0px;
1665
+ border: 0;
1666
+ }
1667
+ .opc .step-title h2 {
1668
+ font-size: 18px;
1669
+ font-weight: normal;
1670
+ line-height: 25px;
1671
+ }
1672
+ .opc .active .step-title .number {
1673
+ background: #999;
1674
+ border: 0;
1675
+ color: #fff;
1676
+ border-radius: 50%;
1677
+ padding: 5px 10px;
1678
+ margin: 0 5px 0 0;
1679
+ font: bold 10px/14px arial, helvetica, sans-serif;
1680
+ }
1681
+ .opc .step-title .number {
1682
+ background: #fff;
1683
+ border: 1px solid #c3c3c3;
1684
+ color: #000;
1685
+ border-radius: 50%;
1686
+ padding: 5px 10px;
1687
+ font: bold 11px/14px arial, helvetica, sans-serif;
1688
+ }
1689
+ .form-list label {
1690
+ font-size: 16px;
1691
+ font-weight: normal;
1692
+ }
1693
+ .col-main .step li, .col-main .step li {
1694
+ list-style-type: none;
1695
+ list-style-position: inside;
1696
+ margin-bottom: 5px;
1697
+ }
1698
+ .col-main .step dl dt {
1699
+ background:none;
1700
+ padding-left: 0px;
1701
+ }
1702
+ .checkout-multishipping-shipping .box-sp-methods {
1703
+ padding: 0;
1704
+ }
1705
+ .multiple-checkout h2 {
1706
+ font-size: 18px;
1707
+ }
1708
+ .col-main .box-content dl dt {
1709
+ background: none;
1710
+ padding-left: 0px;
1711
+ }
1712
+ /*****order and returns***********/
1713
+ .col1-layout .form-alt {
1714
+ padding: 5% 5% 10% 5%;
1715
+ }
1716
+ .form-alt .input-box {
1717
+ margin-bottom: 20px;
1718
+ max-width: 90%;
1719
+ }
1720
+ .form-alt .input-text {
1721
+ max-width: 90%;
1722
+ }
1723
+ /**************************************************************HOME PAGE v1 ***********************************/
1724
+
1725
+ .col_left, .col_cent {
1726
+ float: left;
1727
+ position: relative;
1728
+ width: 240px;
1729
+ text-align: center;
1730
+ background: url(../images/top_sp.gif) no-repeat 100% 50%;
1731
+ }
1732
+ .col_right {
1733
+ float: right;
1734
+ position: relative;
1735
+ width: 240px;
1736
+ text-align: center;
1737
+ }
1738
+ .data-table tr td .product-name a {
1739
+ padding-top: 5px;
1740
+ font-weight: bold;
1741
+ }
1742
+ /******************HOME PAGE V0*****************/
1743
+ /*Compare*/
1744
+ .compare-table .btn-remove {
1745
+ height: 11px;
1746
+ width: 57px;
1747
+ margin: 3px 0px 3px 0px;
1748
+ background-color: transparent;
1749
+ background-image: url(data:image/gif;base64,R0lGODdhSAAPAPYAAPX19X19fX9/f93d3YCAgPLy8oGBgXx8fN/f335+ft7e3vDw8PHx8eDg4Hl5eXt7e+zs7Hp6etzc3OHh4dvb24KCgu7u7u/v7+rq6u3t7ePj44SEhOLi4oODg5OTk3d3d3h4eOjo6OTk5Nra2ouLi5SUlOvr65mZmenp6ZCQkObm5uXl5XZ2dtnZ2Y+Pj4iIiJKSkoeHh3V1dZaWloqKioaGhnR0dJeXl5iYmNjY2Jubm/Pz8/T09Pb29vj4+Pn5+fr6+vf39/z8/Pv7+/7+/v39/f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAASAAPAAAH/4BGQ0VGhEYYCgoDHAOJCggUGjkNjQ0SEwgNFBMDmgoTLQidmAqMEqKMAwiiChIUohIaIxOvIxoSrQMTEka9vj0oQES9hMNGQkK9Q0ZEwz69w8NAvoXLRMu+P4KFRtq904XDRUSGy0IIvslGJhBBDDw7PTwMAAU8QQU7AD48PwtCPBYA2PGDQZEFBYP8CBLERw+GFhYU4QHkghAIRXYs6AHgR4EhG+9x5AcgCAJDw4KE0LfDRxB4Rgo49DFkRxEGDQsAcdjjB0ULPxwCYNCjx46aPIhwfKiP4YIhBYIMFHKhpUweJd9NIHYMggUfQH4A6OgDQoUDHRwIkDfEqI94Rf+G8iPyskfbIEMu/BCyY8c9mVB9vMX7coiIDEaGqhCCT4gPBdCM7AjRE++QsD+KCOgAYMgBAUUYDhHyA0gPITuB7Ej9bEcQI0UF/RgkuNtrHriJYCCBY8WCEjRUSDbigwKzYxkkCnOZGW+AA0WEEHCQuAMBENMCPEggwICACgBgV/j+WoAD0gEC/PjxfAODb0MgnLDhwcWHGRC6heVwzAgPDOYMscw0RRThXQLaGQGEAAkMYYB6ARBgRAACDNGdDwY8QEQEEvoQA4cNGiFAAENEUIEPPxAxDQoeHJCAB/n1oKARAxijwWvF9JLMNNw5SEAyCbgYgAE/JCBhhEUcYID/EA5sUMR0vTxH4TEEIPgAAdH1l0EJDxgAAwaF7NjAMBZc0J8w4xRTxHPMgCCAEBsIMIyMV/ogAAtGECCDEQZ8wCd1QnjH4TLbEaLOMQCc8IEHJESgw3u+NKBgCNq8poyOxAWp4AZYTvicAEZEcIARDnSwZgRRgvAAN0NUYAAhhDhwQA3URZPBCzdg8EMKKSBWIBGSRpSOMdf4QggPRry2jCGHJtMMcbAN28wwyPQ3hDfHxWRmYgtwVcQARZgg46UF+qJUtsck41gvBRxHDqvfGNNLbcdYw0y1/RWBLRCGGNEABO0yIy+sxjDbHzWECEPNgMkyg40x4HSzTcENb4PtJDIIiKBNwgWCs4ylCAvC7zasPnxcZsZoQ6AQ0lDzbsPFkkxjIAA7);
1750
+ background-repeat: no-repeat;
1751
+ background-position: 0 0;
1752
+ }
1753
+ .compare-table .btn-remove:hover {
1754
+ background-color: transparent;
1755
+ background-image: url(data:image/gif;base64,R0lGODdhSAAPAPYAAPX19X19fX9/f93d3YCAgPLy8oGBgXx8fN/f335+ft7e3vDw8PHx8eDg4Hl5eXt7e+zs7Hp6etzc3OHh4dvb24KCgu7u7u/v7+rq6u3t7ePj44SEhOLi4oODg5OTk3d3d3h4eOjo6OTk5Nra2ouLi5SUlOvr65mZmenp6ZCQkObm5uXl5XZ2dtnZ2Y+Pj4iIiJKSkoeHh3V1dZaWloqKioaGhnR0dJeXl5iYmNjY2Jubm/Pz8/T09Pb29vj4+Pn5+fr6+vf39/z8/Pv7+/7+/v39/f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAASAAPAAAH/4BGQ0VGhEYYCgoDHAOJCggUGjkNjQ0SEwgNFBMDmgoTLQidmAqMEqKMAwiiChIUohIaIxOvIxoSrQMTEka9vj0oQES9hMNGQkK9Q0ZEwz69w8NAvoXLRMu+P4KFRtq904XDRUSGy0IIvslGJhBBDDw7PTwMAAU8QQU7AD48PwtCPBYA2PGDQZEFBYP8CBLERw+GFhYU4QHkghAIRXYs6AHgR4EhG+9x5AcgCAJDw4KE0LfDRxB4Rgo49DFkRxEGDQsAcdjjB0ULPxwCYNCjx46aPIhwfKiP4YIhBYIMFHKhpUweJd9NIHYMggUfQH4A6OgDQoUDHRwIkDfEqI94Rf+G8iPyskfbIEMu/BCyY8c9mVB9vMX7coiIDEaGqhCCT4gPBdCM7AjRE++QsD+KCOgAYMgBAUUYDhHyA0gPITuB7Ej9bEcQI0UF/RgkuNtrHriJYCCBY8WCEjRUSDbigwKzYxkkCnOZGW+AA0WEEHCQuAMBENMCPEggwICACgBgV/j+WoAD0gEC/PjxfAODb0MgnLDhwcWHGRC6heVwzAgPDOYMscw0RRThXQLaGQGEAAkMYYB6ARBgRAACDNGdDwY8QEQEEvoQA4cNGiFAAENEUIEPPxAxDQoeHJCAB/n1oKARAxijwWvF9JLMNNw5SEAyCbgYgAE/JCBhhEUcYID/EA5sUMR0vTxH4TEEIPgAAdH1l0EJDxgAAwaF7NjAMBZc0J8w4xRTxHPMgCCAEBsIMIyMV/ogAAtGECCDEQZ8wCd1QnjH4TLbEaLOMQCc8IEHJESgw3u+NKBgCNq8poyOxAWp4AZYTvicAEZEcIARDnSwZgRRgvAAN0NUYAAhhDhwQA3URZPBCzdg8EMKKSBWIBGSRpSOMdf4QggPRry2jCGHJtMMcbAN28wwyPQ3hDfHxWRmYgtwVcQARZgg46UF+qJUtsck41gvBRxHDqvfGNNLbcdYw0y1/RWBLRCGGNEABO0yIy+sxjDbHzWECEPNgMkyg40x4HSzTcENb4PtJDIIiKBNwgWCs4ylCAvC7zasPnxcZsZoQ6AQ0lDzbsPFkkxjIAA7);
1756
+ background-repeat: no-repeat;
1757
+ background-position: 0 0;
1758
+ }
1759
+ .cart .totals .checkout-types li a {
1760
+ font-size: 11px;
1761
+ }
1762
+ .page-popup .link-print {
1763
+ color: #000000;
1764
+ }
1765
+ .link-cart {
1766
+ font-weight: 700;
1767
+ }
1768
+ /*customer service*/
1769
+ #recently-viewed-items li {
1770
+ padding-left: 0;
1771
+ }
1772
+ .buttons-set .back-link a:link, .buttons-set .back-link a:visited, .mini-products-list .link-cart, .block-service a.more:link, .block-service a.more:visited {
1773
+ background: #dbdbdb;
1774
+ border: 0;
1775
+ text-transform: uppercase;
1776
+ padding: 4px 5px 2px 5px;
1777
+ border-radius: 3px;
1778
+ color: #454545;
1779
+ font: 12px Arial, sans-serif;
1780
+ height: 17px;
1781
+ white-space: nowrap;
1782
+ }
1783
+ .buttons-set .back-link a:hover, .block-service a.more:hover {
1784
+ background: #c4c4c4;
1785
+ color: #000;
1786
+ }
1787
+ /*easy tabs*/
1788
+ .tabs {
1789
+ width: 100%;
1790
+ margin: 15px 0 0 0 !important;
1791
+ overflow: hidden;
1792
+ border-bottom: 0 !important;
1793
+ }
1794
+ .tabs li {
1795
+ border-right: 0;
1796
+ border-left: 0;
1797
+ margin-right: 0px;
1798
+ }
1799
+ .tabs a {
1800
+ font-size: 15px;
1801
+ font-weight: normal;
1802
+ float: left;
1803
+ text-align: center;
1804
+ padding: 10px 12px 10px 12px !important;
1805
+ outline: none;
1806
+ text-decoration:none;
1807
+ -webkit-transition: all .3s ease-in-out;
1808
+ -moz-transition: all .3s ease-in-out;
1809
+ -ms-transition: all .3s ease-in-out;
1810
+ transition: all .3s ease-in-out;
1811
+ background-color: #fff;
1812
+ border-left: 1px solid #fff;
1813
+ border-right: 1px solid #fff;
1814
+ border-top: 1px solid #fff;
1815
+ border-bottom: 1px solid #dadada;
1816
+ display: block;
1817
+ }
1818
+ .tabs li.active a, .tabs li.active a:hover {
1819
+ background: #fff !important;
1820
+ font-weight: normal;
1821
+ color: #000 !important;
1822
+ border-radius: 3px 3px 0px 0px;
1823
+ border-left: 1px solid #ccc;
1824
+ border-right: 1px solid #ccc;
1825
+ border-top: 1px solid #ccc;
1826
+ border-bottom: 1px solid #fff;
1827
+ }
1828
+
1829
+ #product_tabs_related_tabbed_contents li {
1830
+ width: 18%;
1831
+ min-height: 200px;
1832
+ }
1833
+ .product-view .box-up-sell .products-grid td, .product-view .box-up-sell .products-grid .product-image {
1834
+ text-align: left;
1835
+ }
1836
+ .related-checkbox {
1837
+ margin-right: 5px;
1838
+ }
1839
+ .padder {
1840
+ overflow: hidden;
1841
+ border-radius: 0px 2px 2px 2px;
1842
+ }
1843
+ .products-grid .actions li {
1844
+ padding: 0 !important;
1845
+ float: left;
1846
+ }
1847
+ .products-grid .actions .add-to-links {
1848
+ padding-top: 0;
1849
+ }
1850
+ p.link {
1851
+ font-style: normal;
1852
+ text-align: left;
1853
+ padding: 3px 0px 0px 0px;
1854
+ margin: 0;
1855
+ border-top: 1px dotted #999;
1856
+ }
1857
+ a.more {
1858
+ background: #fff;
1859
+ color: #000;
1860
+ font-weight: normal;
1861
+ }
1862
+
1863
+ #outerImageContainer {
1864
+ width: 100%!important;
1865
+ }
1866
+ #popup-login-form {
1867
+ width: 100%!important;
1868
+ max-width: 400px;
1869
+ }
1870
+ /*Custom Menu additional styles*/
1871
+ p.menu_img a {
1872
+ float: left;
1873
+ position: relative;
1874
+ overflow: hidden;
1875
+ }
1876
+ p.menu_img {
1877
+ float: left;
1878
+ position: relative;
1879
+ max-width: 44%;
1880
+ margin-right: 1%;
1881
+ overflow: hidden;
1882
+ }
1883
+ p.menu_img img {
1884
+ margin-right: 20px;
1885
+ }
1886
+ .items {
1887
+ float: left;
1888
+ }
1889
+ .single_menu_product .separate_product_view {
1890
+ float: left;
1891
+ position: relative;
1892
+ clear: none;
1893
+ }
1894
+ div.menu_image {
1895
+ float: left;
1896
+ width: 44%;
1897
+ margin-right: 1%;
1898
+ overflow: hidden;
1899
+ }
1900
+ div.menu_image img {
1901
+ margin-bottom: 10px;
1902
+ max-width: 100%;
1903
+ height: auto;
1904
+ width: auto\9; /* ie8 */
1905
+ }
1906
+ div.menu_image h2 {
1907
+ font-size: 14px;
1908
+ }
1909
+ .best_sellers {
1910
+ text-transform: uppercase;
1911
+ font: 16px/20px "Lucida Grande",Helvetica,Arial, sans-serif;
1912
+ background: #f5f5f5;
1913
+ padding: 0.5% 1%;
1914
+ margin-bottom: 1%;
1915
+ border-radius: 3px;
1916
+ }
1917
+ .category-products {
1918
+ margin-bottom: 3%;
1919
+ }
1920
+ /*AW blog*/
1921
+ .block-blog .block-title strong {
1922
+ background: none;
1923
+ }
1924
+ .postTitle h3 {
1925
+ font-size: 11px !important;
1926
+ font-weight: normal !important;
1927
+ text-transform: none;
1928
+ }
1929
+ .block-blog .menu-categories, .block-blog .menu-recent {
1930
+ padding: 0;
1931
+ margin: 0;
1932
+ }
1933
+ .block-blog ul {
1934
+ margin-bottom: 10px;
1935
+ }
1936
+ .block-blog .menu-categories ul li, .block-blog .menu-recent ul li {
1937
+ margin-left: 0px;
1938
+ margin-bottom: 5px;
1939
+ }
1940
+ .block-blog .menu-recent ul li a, .block-blog .menu-categories ul li a, .block-blog .menu-tags ul li a {
1941
+ font-size: 14px;
1942
+ }
1943
+ .block-blog .menu-tags UL LI {
1944
+ display: inline;
1945
+ margin-left: 0px;
1946
+ padding: 2px;
1947
+ }
1948
+ .menu-tags, .menu-categories, .menu-recent {
1949
+ margin: auto;
1950
+ }
1951
+ .blog {
1952
+ border: 0;
1953
+ margin: 0 0 10px;
1954
+ background: url(../images/block_bg.gif) repeat-y 0 0;
1955
+ }
1956
+ .blog .head {
1957
+ border-bottom: 0px;
1958
+ padding: 0px 0px 1px 0px;
1959
+ background: #ffffff url(../images/block_head_line.gif) no-repeat 50% 100%;
1960
+ }
1961
+ .blog .head h4 {
1962
+ font: bold 12px Tahoma, sans-serif;
1963
+ padding: 6px 10px 6px 10px;
1964
+ margin-bottom: 0px;
1965
+ text-transform: none;
1966
+ background: #ffffff url(../images/block_head.png) no-repeat 50% 0% !important;
1967
+ }
1968
+ .menu-tags h5 {
1969
+ margin-bottom: 0;
1970
+ padding-top: 3px;
1971
+ }
1972
+ .breadcrumbs .blog {
1973
+ background: transparent none;
1974
+ }
1975
+ /*Capcha*/
1976
+ .captcha-img {
1977
+ height: 50px;
1978
+ }
1979
+
1980
+ /*CSS3 Transition*/
1981
+ .form-search button.button, .header .links li a, .block-cart-top a.title, .promo a, .submenu .block-header-subscribe button.button, a.link-wishlist, a.link-compare, .product-name a, a.more, .pager .pages li a, .sorter a, #crosssell-products-list li.item:hover button.button, .product-shop .add-to-cart button.button, .checkout-types button.button, .data-table tr:hover td, .data-table button.button, .buttons-set button.button, .block-blog a {
1982
+ -webkit-transition: all .3s linear;
1983
+ -moz-transition: all .3s linear;
1984
+ -ms-transition: all .3s linear;
1985
+ transition: all .3s linear;
1986
+ }
1987
+ /*Non transition*/
1988
+ .cart .crosssell li.item .add-to-links {
1989
+ -webkit-transition: all .0s linear;
1990
+ -moz-transition: all .0s linear;
1991
+ -ms-transition: all .0s linear;
1992
+ transition: all .0s linear;
1993
+ }
1994
+ /*IE7 fix */
1995
+ *+html .upper-header {
1996
+ width: 300px;
1997
+ }
1998
+ *+html div.search {
1999
+ width: 480px;
2000
+ }
2001
+ /*end IE7 fix */
2002
+ @media all and (max-width: 800px) {
2003
+ .bo_docklink {
2004
+ display: none!important;
2005
+ }
2006
+ }
2007
+ #popup-calculator-form {
2008
+ width: 100%!important;
2009
+ max-width: 700px;
2010
+ }
2011
+ #outerImageContainer {
2012
+ width: 100%!important;
2013
+ }
2014
+ #popup-login-form {
2015
+ width: 100%!important;
2016
+ max-width: 400px;
2017
+ }
2018
+
2019
+ /*Fixed width catalog*/
2020
+ ul.products-grid li {
2021
+ padding-bottom: 60px;
2022
+ }
2023
+ ul.products-grid li .add-to-links li {
2024
+ width: 100%;
2025
+ text-align: center;
2026
+ }
2027
+ ul.products-grid li .actions {
2028
+ bottom: 0;
2029
+ position: absolute;
2030
+ display: block;
2031
+ }
2032
+ .category-column-count-2 ul.products-grid li, .category-column-count-2 .actions {
2033
+ width: 50%;
2034
+ }
2035
+ .category-column-count-3 ul.products-grid li, .category-column-count-3 .actions {
2036
+ width: 33%;
2037
+ }
2038
+ .category-column-count-4 ul.products-grid li, .category-column-count-4 .actions {
2039
+ width: 25%;
2040
+ }
2041
+ .category-column-count-5 ul.products-grid li, .category-column-count-5 .actions {
2042
+ width: 20%;
2043
+ }
2044
+ .category-column-count-6 ul.products-grid li, .category-column-count-6 .actions {
2045
+ width: 16%;
2046
+ }
2047
+ .category-column-count-7 ul.products-grid li, .category-column-count-7 .actions {
2048
+ width: 14%;
2049
+ }
2050
+ .category-column-count-8 ul.products-grid li, .category-column-count-8 .actions {
2051
+ width: 12%;
2052
+ }
2053
+ /************************************************************** TEXT *********************************************/
2054
+ .link-wishlist, .link-compare, .old-price .price-label, .special-price .price-label {
2055
+ font-weight: normal;
2056
+ }
2057
+ .block-account .block-content li a, .page-sitemap .links a {
2058
+ font-weight: normal !important;
2059
+ }
2060
+ .old-price .price-label, .special-price .price-label, .block-shipping-calculator .block-content li label, .validation-advice, .block-shipping-results li {
2061
+ font-size: 11px;
2062
+ }
2063
+ .price-as-configured .price-label, .block-progress dt.complete {
2064
+ font-weight: bold;
2065
+ }
2066
+ .std ul.disc {
2067
+ list-style-type: circle;
2068
+ }
2069
+ /**********************************************************BACKGOUND*****************************************************/
2070
+ /*background- forms */
2071
+ .tool-tip, .data-table, .data-table tfoot tr, .data-table .odd, .data-table .even, .fieldset .legend, .advanced-search-summary, .data-table tbody.odd tr, .data-table tbody.odd tr td, .tags-list, .header .form-search .search-autocomplete {
2072
+ background-color:#ffffff;
2073
+ }
2074
+ /*background- foocus */
2075
+ input.input-text:focus, select:focus, textarea:focus {
2076
+ background-color: #ffffff;
2077
+ }
2078
+ /*background-title*/
2079
+ .addresses-list li.item, .pager, .account-login .buttons-set, .block-cart .subtotal, .product-options-bottom, .order-info, .validation-advice {
2080
+ background-color: #fcfcfc;
2081
+ }
2082
+ /*border - forms */
2083
+ .add-to-cart .qty {
2084
+ border: 1px solid #cacaca;
2085
+ }
2086
+ .addresses-list li.item, .advanced-search-summary, .account-login .content, .account-login .buttons-set, .account-login h2, .block-cart .subtotal, .product-options, .product-options-bottom, .order-info, .order-info-box, .tags-list, .header .form-search .search-autocomplete ul, .header .form-search .search-autocomplete li, .fieldset, .fieldset .legend, .wp-shipping-calculator-popup, .sales-guest-form .col1-layout .block-content, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .multiple-checkout .col2-set h2.legend, .checkout-multishipping-shipping .box-sp-methods {
2087
+ border-color: #d9d9d9 !important;
2088
+ border-radius: 3px;
2089
+ background: #fff;
2090
+ }
2091
+ .validation-failed {
2092
+ background-color: #cfcfd0 !important;
2093
+ }
2094
+ /*grayscale color*/
2095
+ .product-view .box-reviews .form-add h3 {
2096
+ color: #808080;
2097
+ }
2098
+ .title-buttons a.link-reorder, .title-buttons a.link-print, .price-as-configured .price-label, .data-table .price {
2099
+ color: #000000;
2100
+ }
2101
+ .data-table .product-name a:hover, .data-table td .product-name a:hover, .sp-methods label, .product-options dt label, .block-shipping-calculator .block-content li label {
2102
+ color: #000000 !important;
2103
+ }
2104
+ .block-shipping-results, .block-shipping-results .price {
2105
+ color: #ffffff;
2106
+ }
skin/frontend/default/grayscale2014/css/slider.css CHANGED
@@ -1,200 +1,200 @@
1
- /*to remove numbers delete / * * / below */
2
- /*
3
- .stripNav {
4
- display: none;
5
- }*/
6
-
7
- /*to show arrows insert / * * / below */
8
- /*.stripNavL, .stripNavR {
9
- display: none;
10
- }*/
11
-
12
- /********************************************************************/
13
- #slider-content {
14
- height: 330px;
15
- width: 100%;
16
- }
17
- .slider-wrap img {
18
- max-width: 100%;
19
- height: auto;
20
- width: auto\9; /* ie8 */
21
- }
22
- p#cross-links {
23
- text-align: center
24
- }
25
- p#cross-links {
26
- border-bottom: 1px solid #ccc;
27
- margin-bottom: 30px;
28
- padding-bottom: 30px
29
- }
30
- noscript p, noscript ol {
31
- color: #a00;
32
- font-size: 13px;
33
- line-height: 1.4em;
34
- text-align: left
35
- }
36
- noscript ol {
37
- margin-left: 25px;
38
- }
39
- a:focus {
40
- outline:none
41
- }
42
- img {
43
- border: 0
44
- }
45
- .stripViewer .panelContainer .panel ul {
46
- text-align: left;
47
- margin: 0;
48
- }
49
- .slider-wrap {
50
- margin: 0px 0px 0px 0px;
51
- position: relative;
52
- width: 100%;
53
- z-index: 0;
54
- }
55
- .slider-wrap .slider-wrap {
56
- width: 100%;
57
- height: 100%;
58
- }
59
- .csw {
60
- width: 100%;
61
- height: 280px;
62
- background: #fff;
63
- overflow: hidden;
64
- $display: none;
65
- }
66
- .csw .loading {
67
- margin: 200px 0 300px 0;
68
- text-align: center;
69
- $display: none;
70
- }
71
- .stripViewer {
72
- position: relative;
73
- overflow: hidden;
74
- border: 0px solid #000;
75
- margin: auto;
76
- width: 950px;
77
- height: 280px;
78
- clear: both;
79
- background: #ffffff;
80
- }
81
- .stripViewer .panelContainer {
82
- position: relative;
83
- left: 0;
84
- top: 0;
85
- width: 100%;
86
- list-style-type: none;
87
- }
88
- .stripViewer .panelContainer .panel {
89
- float:left;
90
- height: 100%;
91
- position: relative;
92
- width: 950px;
93
- }
94
- .stripViewer .panelContainer .panel .wrapper {
95
- padding: 0px !important;
96
- width: 950px !important;
97
- min-width: 950px !important;
98
- background: #ffffff !important;
99
- }
100
- .stripViewer .panelContainer .panel .wrapper p {
101
- margin: 0 !important;
102
- padding: 0 !important;
103
- }
104
- .stripNav {
105
- margin: 0px 0px 0px 0px;
106
- position: absolute;
107
- bottom: 10px;
108
- right: 10px;
109
- z-index: 100;
110
- }
111
- .stripNav ul {
112
- list-style: none;
113
- }
114
- .stripNav ul li {
115
- float: left;
116
- margin-right: 2px;
117
- }
118
- .stripNav a {
119
- font-size: 12px;
120
- font-weight: normal;
121
- text-align: center;
122
- line-height: 12px;
123
- background: #fff;
124
- color: #fff;
125
- text-decoration: none;
126
- display: block;
127
- padding: 0;
128
- width: 12px;
129
- height: 12px;
130
- border: 1px solid #999;
131
- opacity: 0.6;
132
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
133
- float: left;
134
- margin-right: 2px;
135
- border-radius: 50%;
136
- }
137
- .stripNav a:hover {
138
- opacity: 0.8;
139
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
140
- }
141
- .stripNav a.activeSlide {
142
- opacity: 1;
143
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
144
- }
145
- .stripNav li a:hover {
146
- opacity: 1;
147
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
148
- }
149
- .stripNav li a.current {
150
- }
151
- .stripNavL, .stripNavR {
152
- position: absolute;
153
- top: 5%;
154
- text-indent: -9000em;
155
- z-index: 120;
156
- width: 20px;
157
- opacity: 0.4;
158
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
159
- }
160
- .stripNavL a, .stripNavR a {
161
- display: block;
162
- height: 32px;
163
- width: 20px;
164
- margin: 0;
165
- padding: 0;
166
- }
167
- .stripNavL:hover, .stripNavR:hover {
168
- opacity: 0.6;
169
- filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
170
- }
171
- .stripNavL {
172
- left: 0px;
173
- }
174
- .stripNavR {
175
- right: 0px;
176
- }
177
- .stripNavL {
178
- background: url(../images/slider/arr_right.png) no-repeat center;
179
- }
180
- .stripNavR {
181
- background: url(../images/slider/arr_left.png) no-repeat center;
182
- }
183
- .stripNavL, .stripNavR {
184
- display: none;
185
- }
186
- /*sidebar slider*/
187
- .sidebar .stripNav a {
188
- font-size: 6px;
189
- line-height: 6px;
190
- width: 6px;
191
- height: 6px;
192
- }
193
- .sidebar .stripNav {
194
- margin: 0px 0px 0px 0px;
195
- position: absolute;
196
- bottom: 3px;
197
- left: 3px;
198
- z-index: 100;
199
- }
200
-
1
+ /*to remove numbers delete / * * / below */
2
+ /*
3
+ .stripNav {
4
+ display: none;
5
+ }*/
6
+
7
+ /*to show arrows insert / * * / below */
8
+ /*.stripNavL, .stripNavR {
9
+ display: none;
10
+ }*/
11
+
12
+ /********************************************************************/
13
+ #slider-content {
14
+ height: 330px;
15
+ width: 100%;
16
+ }
17
+ .slider-wrap img {
18
+ max-width: 100%;
19
+ height: auto;
20
+ width: auto\9; /* ie8 */
21
+ }
22
+ p#cross-links {
23
+ text-align: center
24
+ }
25
+ p#cross-links {
26
+ border-bottom: 1px solid #ccc;
27
+ margin-bottom: 30px;
28
+ padding-bottom: 30px
29
+ }
30
+ noscript p, noscript ol {
31
+ color: #a00;
32
+ font-size: 13px;
33
+ line-height: 1.4em;
34
+ text-align: left
35
+ }
36
+ noscript ol {
37
+ margin-left: 25px;
38
+ }
39
+ a:focus {
40
+ outline:none
41
+ }
42
+ img {
43
+ border: 0
44
+ }
45
+ .stripViewer .panelContainer .panel ul {
46
+ text-align: left;
47
+ margin: 0;
48
+ }
49
+ .slider-wrap {
50
+ margin: 0px 0px 0px 0px;
51
+ position: relative;
52
+ width: 100%;
53
+ z-index: 0;
54
+ }
55
+ .slider-wrap .slider-wrap {
56
+ width: 100%;
57
+ height: 100%;
58
+ }
59
+ .csw {
60
+ width: 100%;
61
+ height: 280px;
62
+ background: #fff;
63
+ overflow: hidden;
64
+ $display: none;
65
+ }
66
+ .csw .loading {
67
+ margin: 200px 0 300px 0;
68
+ text-align: center;
69
+ $display: none;
70
+ }
71
+ .stripViewer {
72
+ position: relative;
73
+ overflow: hidden;
74
+ border: 0px solid #000;
75
+ margin: auto;
76
+ width: 950px;
77
+ height: 280px;
78
+ clear: both;
79
+ background: #ffffff;
80
+ }
81
+ .stripViewer .panelContainer {
82
+ position: relative;
83
+ left: 0;
84
+ top: 0;
85
+ width: 100%;
86
+ list-style-type: none;
87
+ }
88
+ .stripViewer .panelContainer .panel {
89
+ float:left;
90
+ height: 100%;
91
+ position: relative;
92
+ width: 950px;
93
+ }
94
+ .stripViewer .panelContainer .panel .wrapper {
95
+ padding: 0px !important;
96
+ width: 950px !important;
97
+ min-width: 950px !important;
98
+ background: #ffffff !important;
99
+ }
100
+ .stripViewer .panelContainer .panel .wrapper p {
101
+ margin: 0 !important;
102
+ padding: 0 !important;
103
+ }
104
+ .stripNav {
105
+ margin: 0px 0px 0px 0px;
106
+ position: absolute;
107
+ bottom: 10px;
108
+ right: 10px;
109
+ z-index: 100;
110
+ }
111
+ .stripNav ul {
112
+ list-style: none;
113
+ }
114
+ .stripNav ul li {
115
+ float: left;
116
+ margin-right: 2px;
117
+ }
118
+ .stripNav a {
119
+ font-size: 12px;
120
+ font-weight: normal;
121
+ text-align: center;
122
+ line-height: 12px;
123
+ background: #fff;
124
+ color: #fff;
125
+ text-decoration: none;
126
+ display: block;
127
+ padding: 0;
128
+ width: 12px;
129
+ height: 12px;
130
+ border: 1px solid #999;
131
+ opacity: 0.6;
132
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
133
+ float: left;
134
+ margin-right: 2px;
135
+ border-radius: 50%;
136
+ }
137
+ .stripNav a:hover {
138
+ opacity: 0.8;
139
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
140
+ }
141
+ .stripNav a.activeSlide {
142
+ opacity: 1;
143
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
144
+ }
145
+ .stripNav li a:hover {
146
+ opacity: 1;
147
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
148
+ }
149
+ .stripNav li a.current {
150
+ }
151
+ .stripNavL, .stripNavR {
152
+ position: absolute;
153
+ top: 5%;
154
+ text-indent: -9000em;
155
+ z-index: 120;
156
+ width: 20px;
157
+ opacity: 0.4;
158
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
159
+ }
160
+ .stripNavL a, .stripNavR a {
161
+ display: block;
162
+ height: 32px;
163
+ width: 20px;
164
+ margin: 0;
165
+ padding: 0;
166
+ }
167
+ .stripNavL:hover, .stripNavR:hover {
168
+ opacity: 0.6;
169
+ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
170
+ }
171
+ .stripNavL {
172
+ left: 0px;
173
+ }
174
+ .stripNavR {
175
+ right: 0px;
176
+ }
177
+ .stripNavL {
178
+ background: url(../images/slider/arr_right.png) no-repeat center;
179
+ }
180
+ .stripNavR {
181
+ background: url(../images/slider/arr_left.png) no-repeat center;
182
+ }
183
+ .stripNavL, .stripNavR {
184
+ display: none;
185
+ }
186
+ /*sidebar slider*/
187
+ .sidebar .stripNav a {
188
+ font-size: 6px;
189
+ line-height: 6px;
190
+ width: 6px;
191
+ height: 6px;
192
+ }
193
+ .sidebar .stripNav {
194
+ margin: 0px 0px 0px 0px;
195
+ position: absolute;
196
+ bottom: 3px;
197
+ left: 3px;
198
+ z-index: 100;
199
+ }
200
+
skin/frontend/default/grayscale2014/css/styles-ie.css CHANGED
@@ -1,136 +1,136 @@
1
- /* Doubled Margin Fixes */
2
- .product-view .product-img-box .more-views li, .product-view .box-tags .form-add .input-box, .sp-methods select.month {
3
- display:inline;
4
- }
5
- /********** < Navigation styles */
6
- #nav li, #nav li a {
7
- zoom:1;
8
- }
9
- #nav li {
10
- vertical-align:top;
11
- }
12
- /********** < Navigation styles */
13
-
14
- select {
15
- margin-bottom:1px;
16
- }
17
- input.radio {
18
- width:13px;
19
- height:13px;
20
- }
21
- input.checkbox {
22
- width:13px;
23
- height:13px;
24
- }
25
- #opc-review .sp-methods .input-box {
26
- float:left;
27
- }
28
- .form-list label {
29
- position:relative;
30
- z-index:0;
31
- }
32
- .form-list label.required em {
33
- position:absolute;
34
- top:0;
35
- right:-8px;
36
- }
37
- table {
38
- scrollbar-face-color:expression(runtimeStyle.scrollbarFaceColor = '#fff', cellSpacing = 0);
39
- }
40
- .product-view .product-img-box .zoom.disabled {
41
- filter:alpha(opacity=30);
42
- }
43
- .gift-messages-form {
44
- position:relative;
45
- zoom:1;
46
- }
47
- .tool-tip .btn-close a {
48
- margin:0;
49
- }
50
- .product-view .box-tags .product-tags li, .footer li {
51
- padding:0 4px 0 7px;
52
- }
53
- .product-options dd .time-picker select {
54
- margin:0;
55
- padding:0;
56
- }
57
- /* Clearer */
58
- .clearer {
59
- display:block;
60
- clear:both;
61
- font-size:0;
62
- line-height:0;
63
- height:0;
64
- overflow:hidden;
65
- }
66
- .checkout-agreements .discount {
67
- clear: both;
68
- }
69
- /* Clears and hasLayout fixes */
70
- .header-container, .header-container .top-container, .header, .header .quick-access, #nav, .main, .footer, .footer-container .bottom-container, .col-main, .col2-set, .col3-set, .col3-layout .product-options-bottom .price-box, .col4-set, .messages li, .search-autocomplete li, .block, .block .block-content, .block .actions, .block li.item, .block-poll li, .block-poll .label, .block-layered-nav .currently li, .block-account .block-content li a, .mini-products-list .product-details, .page-title, .rss-title h1, .products-grid, .products-list li.item, .box-account .box-head, .dashboard .box .box-title, .box-reviews li.item, .box-tags li.item, .pager, .sorter, .ratings, .add-to-box, .add-to-cart, .product-essential, .product-collateral, .product-view .product-img-box .more-views ul, .product-view .box-tags .form-add, .product-view .product-shop .short-description, .product-view .box-description, .product-options .options-list li, .product-options, .product-options-bottom, .truncated, .truncated .truncated_full_value, .product-review, .cart, .cart-collaterals, .cart .crosssell li.item, .cart .discount, .opc .step-title, .opc .step, .multiple-checkout, .sp-methods, .checkout-progress, .multiple-checkout .place-order, .form-list li, .form-list .field, .group-select li, .buttons-set, .page-print .print-head, .cart-tax-total, .advanced-search-summary, .advanced-search-summary p, .gift-messages-form .item, .send-friend .form-list li p, .centinel .authentication {
71
- zoom:1;
72
- }
73
- /* Hover Fix */
74
- iframe.hover-fix {
75
- position:absolute;
76
- left:-1px;
77
- top:-1px;
78
- z-index:-1;
79
- background:transparent;
80
- filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
81
- }
82
- /************************************************************************IE7 styles*********************************************************/
83
-
84
- /*4 banners*/
85
- *:first-child+html div.four div {
86
- width: 24%;
87
- padding: 0 0% 0 0%;
88
- }
89
-
90
- *:first-child+html .block-cart-top {
91
- display: none;
92
- }
93
- .block-title strong {
94
- font-size: 12px !important;
95
- }
96
- .block-blog .block-title strong {
97
- background: none !important;
98
- padding-left: 3% !important;
99
- }
100
- .block-blog .menu-categories ul li, .block-blog .menu-recent ul li {
101
- margin-left: 0px !important;
102
- margin-bottom: 5px;
103
- }
104
- .top_toolbar_container .welcome-msg {
105
- width: 99% !important;
106
- }
107
- *:first-child+html .col3-layout .col-left {
108
- width: 21%;
109
- padding-left: 1%;
110
- padding-right: 1%;
111
- }
112
- *:first-child+html .page {
113
- width: 1200px;
114
- }
115
- *:first-child+html .col2-left-layout .col-main, *:first-child+html .col2-right-layout .col-main {
116
- width: 920px;
117
- }
118
- *:first-child+html .products-grid .actions {
119
- text-align: left !important;
120
- margin-left: -40px !important;
121
- }
122
- *:first-child+html .products-grid .add-to-links, *:first-child+html .products-grid .add-to-links li {
123
- clear: both !important;
124
- margin-left: 0 !important;
125
- text-align: left !important;
126
- }
127
- *:first-child+html div.wp-custom-menu-popup {
128
- overflow: hidden;
129
- }
130
- *:first-child+html div.wp-custom-menu-popup {
131
- background-color: #f1f1f1 !important;
132
- background-image: none !important;
133
- }
134
- div.wp-one-page-checkout-popup.opc .active .step-title .number, #popup-onepagecheckout-error_btn_close {
135
- background-image: url(data:image/gif;base64,R0lGODlhFAASAOYAAP39/ba2t8DAwbe3uPX19cHBwru7vbW1tv7+/vDw8Ojo6fLy8+3t7fHx8dra2re3t8HBwdDQ0dbW18PDw9TU1fPz89LS09vb29HR0t3d3u7u79zc3PPz9Ofn57y8vr+/wPj4+dXV1crKy8XFxsjIycvLzO7u7sLCw9LS0vv7+9fX1+Tk5d3d3fj4+Ozs7NnZ2b6+v/7+/cfHx9fX2L+/v7q6vLe3ufT09L29vcnJyri4ub29vrm5urq6u////7u7vLy8vQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAUABIAAAfsgBUUBUA/hj+FiYc/BTMEFwNAPYhAiomVPZIUIjyGlTWViKKIkz8TOTqFPzo0OodAPJWdkjsksT8DEi0XDz87OgINDQKZPzg5sUABKz4+LA82EBXNI6m+yIWZDM0bAhw+ABiphTvYkzwGJj4IIOsWB57Xt6Q9LggxABEH2eTmiDwfEjQD4CDSj2LlbgEBdsNHigXNHASIl7AQDwgQw/XQ0OzFOHmVAnQAZyFADwPbfMiwVnFVhAQo9sHyoEABDISoVHWyRopHj1I9dpToRMlApVBHJRWakCFSqUVQDx5UQSBEgR1Jsx79cUICgUAAOw==) !important;
136
  }
1
+ /* Doubled Margin Fixes */
2
+ .product-view .product-img-box .more-views li, .product-view .box-tags .form-add .input-box, .sp-methods select.month {
3
+ display:inline;
4
+ }
5
+ /********** < Navigation styles */
6
+ #nav li, #nav li a {
7
+ zoom:1;
8
+ }
9
+ #nav li {
10
+ vertical-align:top;
11
+ }
12
+ /********** < Navigation styles */
13
+
14
+ select {
15
+ margin-bottom:1px;
16
+ }
17
+ input.radio {
18
+ width:13px;
19
+ height:13px;
20
+ }
21
+ input.checkbox {
22
+ width:13px;
23
+ height:13px;
24
+ }
25
+ #opc-review .sp-methods .input-box {
26
+ float:left;
27
+ }
28
+ .form-list label {
29
+ position:relative;
30
+ z-index:0;
31
+ }
32
+ .form-list label.required em {
33
+ position:absolute;
34
+ top:0;
35
+ right:-8px;
36
+ }
37
+ table {
38
+ scrollbar-face-color:expression(runtimeStyle.scrollbarFaceColor = '#fff', cellSpacing = 0);
39
+ }
40
+ .product-view .product-img-box .zoom.disabled {
41
+ filter:alpha(opacity=30);
42
+ }
43
+ .gift-messages-form {
44
+ position:relative;
45
+ zoom:1;
46
+ }
47
+ .tool-tip .btn-close a {
48
+ margin:0;
49
+ }
50
+ .product-view .box-tags .product-tags li, .footer li {
51
+ padding:0 4px 0 7px;
52
+ }
53
+ .product-options dd .time-picker select {
54
+ margin:0;
55
+ padding:0;
56
+ }
57
+ /* Clearer */
58
+ .clearer {
59
+ display:block;
60
+ clear:both;
61
+ font-size:0;
62
+ line-height:0;
63
+ height:0;
64
+ overflow:hidden;
65
+ }
66
+ .checkout-agreements .discount {
67
+ clear: both;
68
+ }
69
+ /* Clears and hasLayout fixes */
70
+ .header-container, .header-container .top-container, .header, .header .quick-access, #nav, .main, .footer, .footer-container .bottom-container, .col-main, .col2-set, .col3-set, .col3-layout .product-options-bottom .price-box, .col4-set, .messages li, .search-autocomplete li, .block, .block .block-content, .block .actions, .block li.item, .block-poll li, .block-poll .label, .block-layered-nav .currently li, .block-account .block-content li a, .mini-products-list .product-details, .page-title, .rss-title h1, .products-grid, .products-list li.item, .box-account .box-head, .dashboard .box .box-title, .box-reviews li.item, .box-tags li.item, .pager, .sorter, .ratings, .add-to-box, .add-to-cart, .product-essential, .product-collateral, .product-view .product-img-box .more-views ul, .product-view .box-tags .form-add, .product-view .product-shop .short-description, .product-view .box-description, .product-options .options-list li, .product-options, .product-options-bottom, .truncated, .truncated .truncated_full_value, .product-review, .cart, .cart-collaterals, .cart .crosssell li.item, .cart .discount, .opc .step-title, .opc .step, .multiple-checkout, .sp-methods, .checkout-progress, .multiple-checkout .place-order, .form-list li, .form-list .field, .group-select li, .buttons-set, .page-print .print-head, .cart-tax-total, .advanced-search-summary, .advanced-search-summary p, .gift-messages-form .item, .send-friend .form-list li p, .centinel .authentication {
71
+ zoom:1;
72
+ }
73
+ /* Hover Fix */
74
+ iframe.hover-fix {
75
+ position:absolute;
76
+ left:-1px;
77
+ top:-1px;
78
+ z-index:-1;
79
+ background:transparent;
80
+ filter:progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0);
81
+ }
82
+ /************************************************************************IE7 styles*********************************************************/
83
+
84
+ /*4 banners*/
85
+ *:first-child+html div.four div {
86
+ width: 24%;
87
+ padding: 0 0% 0 0%;
88
+ }
89
+
90
+ *:first-child+html .block-cart-top {
91
+ display: none;
92
+ }
93
+ .block-title strong {
94
+ font-size: 12px !important;
95
+ }
96
+ .block-blog .block-title strong {
97
+ background: none !important;
98
+ padding-left: 3% !important;
99
+ }
100
+ .block-blog .menu-categories ul li, .block-blog .menu-recent ul li {
101
+ margin-left: 0px !important;
102
+ margin-bottom: 5px;
103
+ }
104
+ .top_toolbar_container .welcome-msg {
105
+ width: 99% !important;
106
+ }
107
+ *:first-child+html .col3-layout .col-left {
108
+ width: 21%;
109
+ padding-left: 1%;
110
+ padding-right: 1%;
111
+ }
112
+ *:first-child+html .page {
113
+ width: 1200px;
114
+ }
115
+ *:first-child+html .col2-left-layout .col-main, *:first-child+html .col2-right-layout .col-main {
116
+ width: 920px;
117
+ }
118
+ *:first-child+html .products-grid .actions {
119
+ text-align: left !important;
120
+ margin-left: -40px !important;
121
+ }
122
+ *:first-child+html .products-grid .add-to-links, *:first-child+html .products-grid .add-to-links li {
123
+ clear: both !important;
124
+ margin-left: 0 !important;
125
+ text-align: left !important;
126
+ }
127
+ *:first-child+html div.wp-custom-menu-popup {
128
+ overflow: hidden;
129
+ }
130
+ *:first-child+html div.wp-custom-menu-popup {
131
+ background-color: #f1f1f1 !important;
132
+ background-image: none !important;
133
+ }
134
+ div.wp-one-page-checkout-popup.opc .active .step-title .number, #popup-onepagecheckout-error_btn_close {
135
+ background-image: url(data:image/gif;base64,R0lGODlhFAASAOYAAP39/ba2t8DAwbe3uPX19cHBwru7vbW1tv7+/vDw8Ojo6fLy8+3t7fHx8dra2re3t8HBwdDQ0dbW18PDw9TU1fPz89LS09vb29HR0t3d3u7u79zc3PPz9Ofn57y8vr+/wPj4+dXV1crKy8XFxsjIycvLzO7u7sLCw9LS0vv7+9fX1+Tk5d3d3fj4+Ozs7NnZ2b6+v/7+/cfHx9fX2L+/v7q6vLe3ufT09L29vcnJyri4ub29vrm5urq6u////7u7vLy8vQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAUABIAAAfsgBUUBUA/hj+FiYc/BTMEFwNAPYhAiomVPZIUIjyGlTWViKKIkz8TOTqFPzo0OodAPJWdkjsksT8DEi0XDz87OgINDQKZPzg5sUABKz4+LA82EBXNI6m+yIWZDM0bAhw+ABiphTvYkzwGJj4IIOsWB57Xt6Q9LggxABEH2eTmiDwfEjQD4CDSj2LlbgEBdsNHigXNHASIl7AQDwgQw/XQ0OzFOHmVAnQAZyFADwPbfMiwVnFVhAQo9sHyoEABDISoVHWyRopHj1I9dpToRMlApVBHJRWakCFSqUVQDx5UQSBEgR1Jsx79cUICgUAAOw==) !important;
136
  }
skin/frontend/default/grayscale2014/css/styles.css CHANGED
@@ -1,2977 +1,2977 @@
1
- /*font*/
2
- @font-face {
3
- font-family: 'Ubuntu';
4
- font-style: normal;
5
- font-weight: bold;
6
- src: url('ubuntu.eot');
7
- src: url('ubuntu.eot?#iefix') format('embedded-opentype'), url('ubuntu.ttf') format('truetype'), url('ubuntu.svg#Ubuntu') format('svg');
8
- font-weight: 300;
9
- font-style: normal;
10
- }
11
- @font-face {
12
- font-family: 'Ubuntu';
13
- font-style: normal;
14
- font-weight: normal;
15
- src: url('ubuntu.eot');
16
- src: url('ubuntu.eot?#iefix') format('embedded-opentype'), url('ubuntu.ttf') format('truetype'), url('ubuntu.svg#Ubuntu') format('svg');
17
- }
18
- @font-face {
19
- font-family: 'UbuntuCondensed';
20
- font-weight: 300;
21
- font-style: normal;
22
- src: url('ubuntu_cond.eot');
23
- src: url('ubuntu_cond.eot?#iefix') format('embedded-opentype'), url('ubuntu_cond.ttf') format('truetype'), url('ubuntu_cond.svg#UbuntuCondensed') format('svg');
24
- }
25
- /* Reset ================================================================================= */
26
- * {
27
- margin:0;
28
- padding:0;
29
- }
30
- img {
31
- border:0;
32
- vertical-align:top;
33
- }
34
- a {
35
- outline: none;
36
- }
37
- a:hover {
38
- outline: none;
39
- }
40
- :focus {
41
- outline:0;
42
- }
43
- a:active {
44
- outline: none;
45
- }
46
- /* Forms */
47
- form {
48
- display:inline;
49
- }
50
- fieldset {
51
- border:0;
52
- }
53
- legend {
54
- display:none;
55
- }
56
- /* Table */
57
- table {
58
- border:0; /*border-collapse:collapse;*/
59
- border-spacing:0;
60
- empty-cells:show;
61
- font-size:100%;
62
- }
63
- caption, th, td {
64
- vertical-align:top;
65
- text-align:left;
66
- }
67
- /* Content */
68
- address {
69
- font-style:normal;
70
- line-height:1.35;
71
- }
72
- cite {
73
- font-style:normal;
74
- }
75
- q, blockquote {
76
- quotes:none;
77
- }
78
- q:before, q:after {
79
- content:'';
80
- }
81
- /* Lists */
82
- ul, ol {
83
- list-style:none;
84
- }
85
- /* Tools */
86
- .hidden {
87
- display:block !important;
88
- border:0 !important;
89
- margin:0 !important;
90
- padding:0 !important;
91
- font-size:0 !important;
92
- line-height:0 !important;
93
- width:0 !important;
94
- height:0 !important;
95
- overflow:hidden !important;
96
- }
97
- .nobr {
98
- white-space:nowrap !important;
99
- }
100
- .wrap {
101
- white-space:normal !important;
102
- }
103
- .a-left {
104
- text-align:left !important;
105
- }
106
- .a-center {
107
- text-align:center !important;
108
- }
109
- .a-right {
110
- text-align:right !important;
111
- }
112
- .v-top {
113
- vertical-align:top;
114
- }
115
- .v-middle {
116
- vertical-align:middle;
117
- }
118
- .f-left, .left {
119
- float:left !important;
120
- }
121
- .f-right, .right {
122
- float:right !important;
123
- }
124
- .f-none {
125
- float:none !important;
126
- }
127
- .f-fix {
128
- float:left;
129
- width:100%;
130
- }
131
- .no-display {
132
- display:none;
133
- }
134
- .no-margin {
135
- margin:0 !important;
136
- }
137
- .no-padding {
138
- padding:0 !important;
139
- }
140
- .no-bg {
141
- background:none !important;
142
- }
143
- .sp {
144
- display:block !important;
145
- border:0 !important;
146
- margin:0 !important;
147
- padding:0 !important;
148
- font-size:0 !important;
149
- line-height:0 !important;
150
- height:0 !important;
151
- overflow:hidden !important;
152
- clear: both;
153
- }
154
- /* Layout ================================================================================ */
155
- .page-print {
156
- background:#ffffff;
157
- padding:25px 30px;
158
- text-align:left;
159
- }
160
- .page-empty {
161
- background:#ffffff;
162
- padding:20px;
163
- text-align:left;
164
- }
165
- .page-popup {
166
- background:#ffffff;
167
- padding:20px;
168
- text-align:left;
169
- }
170
- .page-popup img {
171
- max-width: 100%;
172
- height: auto;
173
- width: auto\9;
174
- }
175
- .main {
176
- margin:0 auto;
177
- text-align:left;
178
- }
179
- /* Global Styles ========================================================================= */
180
- /* Form Elements */
181
- input, select, textarea, button {
182
- vertical-align:middle;
183
- }
184
- select {
185
- padding:0px;
186
- }
187
- select option {
188
- padding-right:10px;
189
- }
190
- select.multiselect option {
191
- padding:2px 5px;
192
- }
193
- select.multiselect option:last-child {
194
- border-bottom:0;
195
- }
196
- textarea {
197
- overflow:auto;
198
- }
199
- input.radio {
200
- margin-right:3px;
201
- }
202
- input.checkbox {
203
- margin-right:3px;
204
- }
205
- input.qty {
206
- width:2.5em;
207
- }
208
- button.button::-moz-focus-inner {
209
- padding:0;
210
- border:0;
211
- } /* FF Fix */
212
- button.button {
213
- -webkit-border-fit:lines;
214
- } /* <- Safari & Google Chrome Fix */
215
- button.button {
216
- overflow:visible;
217
- width:auto;
218
- border:0;
219
- cursor:pointer;
220
- }
221
- button.button span {
222
- display:block;
223
- white-space:nowrap;
224
- }
225
- button.disabled span {
226
- border:0;
227
- }
228
- p.control input.checkbox, p.control input.radio {
229
- margin-right:6px;
230
- }
231
- .form-list li {
232
- margin:0 0 8px;
233
- }
234
- .form-list label {
235
- float:left;
236
- position:relative;
237
- z-index:0;
238
- }
239
- .form-list label.required {
240
- }
241
- .form-list label.required em {
242
- float:right;
243
- font-style:normal;
244
- position:absolute;
245
- top:0;
246
- right:-8px;
247
- }
248
- .form-list li.control label {
249
- float:none;
250
- }
251
- .form-list li.control input.radio, .form-list li.control input.checkbox {
252
- margin-right:6px;
253
- }
254
- .form-list li.control .input-box {
255
- clear:none;
256
- display:inline;
257
- width:auto;
258
- }
259
- .form-list .input-box {
260
- display:block;
261
- clear:both;
262
- width: 95%;
263
- margin-right: 5%;
264
- max-width: 260px;
265
- }
266
- .form-list .field {
267
- float:left;
268
- }
269
- .form-list input.input-text {
270
- width: 100%;
271
- }
272
- .form-list textarea {
273
- width: 100%;
274
- max-width: 254px;
275
- height:10em;
276
- }
277
- .form-list select {
278
- width: 100%;
279
- }
280
- .form-list li.wide .input-box {
281
- width:535px;
282
- }
283
- .form-list li.wide input.input-text {
284
- width:529px;
285
- }
286
- .form-list li.wide textarea {
287
- width:529px;
288
- }
289
- .form-list li.wide select {
290
- width:535px;
291
- }
292
- .form-list li.additional-row {
293
- border-top:1px solid #ccc;
294
- margin-top:10px;
295
- padding-top:7px;
296
- }
297
- .form-list li.additional-row .btn-remove {
298
- float:right;
299
- margin:5px 0 0;
300
- }
301
- .form-list .input-range input.input-text {
302
- width:74px;
303
- }
304
- /* Customer */
305
- .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box {
306
- width:auto;
307
- }
308
- .form-list .name-prefix {
309
- width:65px;
310
- }
311
- .form-list .name-prefix select {
312
- width:55px;
313
- }
314
- .form-list .name-prefix input.input-text {
315
- width:49px;
316
- }
317
- .form-list .name-suffix {
318
- width:65px;
319
- }
320
- .form-list .name-suffix select {
321
- width:55px;
322
- }
323
- .form-list .name-suffix input.input-text {
324
- width:49px;
325
- }
326
- .form-list .name-middlename {
327
- width:70px;
328
- }
329
- .form-list .name-middlename input.input-text {
330
- width:49px;
331
- }
332
- .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname {
333
- width:140px;
334
- }
335
- .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text {
336
- width:124px;
337
- }
338
- .form-list .customer-name-prefix-middlename-suffix .name-lastname {
339
- width:205px;
340
- }
341
- .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
342
- width:189px;
343
- }
344
- .form-list .customer-name-prefix-suffix .name-firstname {
345
- width:210px;
346
- }
347
- .form-list .customer-name-prefix-suffix .name-lastname {
348
- width:205px;
349
- }
350
- .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {
351
- width:189px;
352
- }
353
- .form-list .customer-name-prefix-suffix .name-firstname {
354
- width:210px;
355
- }
356
- .form-list .customer-name-prefix-suffix .name-lastname {
357
- width:205px;
358
- }
359
- .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {
360
- width:189px;
361
- }
362
- .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname {
363
- width:210px;
364
- }
365
- .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname {
366
- width:205px;
367
- }
368
- .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text {
369
- width:189px;
370
- }
371
- .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year {
372
- float:left;
373
- width:85px;
374
- }
375
- .form-list .customer-dob input.input-text {
376
- display:block;
377
- width:74px;
378
- }
379
- .form-list .customer-dob label {
380
- font-size:10px;
381
- }
382
- .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {
383
- width:60px;
384
- }
385
- .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text {
386
- width:46px;
387
- }
388
- .form-list .customer-dob .dob-year {
389
- width:140px;
390
- }
391
- .form-list .customer-dob .dob-year input.input-text {
392
- width:134px;
393
- }
394
- .buttons-set {
395
- clear:both;
396
- margin:1% 0 0 0;
397
- padding:1% 0 0 0;
398
- text-align:right;
399
- }
400
- .buttons-set p.required {
401
- margin:0 0 10px;
402
- }
403
- .buttons-set .back-link {
404
- float:left;
405
- margin:0;
406
- }
407
- .buttons-set button.button {
408
- float:right;
409
- margin-left:5px;
410
- }
411
- .buttons-set-order {
412
- margin:10px 0 0;
413
- }
414
- .buttons-set-order .please-wait {
415
- padding:12px 7px 0 0;
416
- }
417
- .fieldset {
418
- border:1px solid;
419
- padding:22px 25px 12px 33px;
420
- margin:28px 0;
421
- }
422
- .fieldset .legend {
423
- float:left;
424
- border:1px solid;
425
- margin:-33px 0 0 -10px;
426
- padding:0 8px;
427
- position:relative;
428
- }
429
- /* Form Validation */
430
- .validation-advice {
431
- clear:both;
432
- min-height:13px;
433
- margin:3px 0 0;
434
- line-height:13px;
435
- }
436
- .validation-failed {
437
- border:0 !important;
438
- background:#faebe7 !important;
439
- }
440
- p.required {
441
- text-align:right;
442
- }
443
- /* Expiration date and CVV number validation fix */
444
- .v-fix {
445
- float:left;
446
- }
447
- .v-fix .validation-advice {
448
- display:block;
449
- width:12em;
450
- margin-right:-12em;
451
- position:relative;
452
- }
453
- /* Global Messages */
454
- .messages, .messages ul {
455
- list-style:none !important;
456
- margin:0 !important;
457
- padding:0 !important;
458
- }
459
- .messages {
460
- width:100%;
461
- overflow:hidden;
462
- }
463
- .messages li {
464
- margin:0 0 10px !important;
465
- }
466
- .messages li li {
467
- margin:0 0 3px !important;
468
- }
469
- .error-msg, .success-msg, .note-msg, .notice-msg {
470
- min-height: 16px;
471
- padding:1% 5%;
472
- }
473
- /* Page Heading */
474
- .page-title {
475
- width:100%;
476
- overflow:hidden;
477
- }
478
- .page-title h1, .page-title h2 {
479
- margin:0;
480
- }
481
- .page-title .separator {
482
- margin:0 3px;
483
- }
484
- .page-title .link-rss {
485
- float:right;
486
- margin:7px 0 0;
487
- }
488
- .title-buttons {
489
- text-align:right;
490
- }
491
- .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
492
- float:left;
493
- }
494
- .subtitle {
495
- clear:both;
496
- padding:15px 0 0;
497
- margin:0 0 6px;
498
- }
499
- /* Pager */
500
- .pager {
501
- padding:4px 8px;
502
- text-align:center;
503
- }
504
- .pager .amount {
505
- float:left;
506
- margin:0;
507
- }
508
- .pager .limiter {
509
- float:right;
510
- }
511
- .pager .limiter label {
512
- vertical-align:middle;
513
- }
514
- .pager .limiter select {
515
- padding:0;
516
- margin:0 0 1px;
517
- vertical-align:middle;
518
- }
519
- .pager .pages ol {
520
- display:inline;
521
- }
522
- .pager .pages li {
523
- display:inline;
524
- margin:0 2px;
525
- }
526
- .pager .pages .current {
527
- }
528
- /* Sorter */
529
- .sorter {
530
- padding:3px 8px;
531
- }
532
- .sorter .view-mode {
533
- float:left;
534
- margin:0;
535
- }
536
- .sorter .sort-by {
537
- float:right;
538
- padding-right:36px;
539
- }
540
- .sorter .sort-by label {
541
- vertical-align:middle;
542
- }
543
- .sorter .sort-by select {
544
- padding:0;
545
- margin:0 0 1px;
546
- vertical-align:middle;
547
- }
548
- /* Toolbar */
549
- .toolbar .pager {
550
- padding:3px 8px;
551
- }
552
- /* Data Table */
553
- .data-table {
554
- width:100%;
555
- }
556
- .data-table td.last, .data-table th.last {
557
- border-right:0;
558
- }
559
- .data-table th {
560
- padding:3px 8px;
561
- }
562
- .data-table td {
563
- padding:3px 8px;
564
- }
565
- .data-table thead th {
566
- padding:2px 8px;
567
- white-space:nowrap;
568
- vertical-align:middle;
569
- }
570
- .data-table thead th.wrap {
571
- white-space:normal;
572
- }
573
- .data-table thead th .tax-flag {
574
- white-space:nowrap;
575
- }
576
- .data-table tfoot td {
577
- padding-top:1px;
578
- padding-bottom:1px;
579
- border-bottom:0;
580
- }
581
- /* Bundle products tables */
582
- .data-table tbody.odd tr td, .data-table tbody.even tr td {
583
- border-bottom:0;
584
- }
585
- .data-table tbody td .option-label {
586
- font-style:italic;
587
- }
588
- .data-table tbody td .option-value {
589
- padding-left:10px;
590
- }
591
- /* Generic Info Box */
592
- .info-box {
593
- padding:12px 15px;
594
- margin:0 0 15px;
595
- }
596
- .info-table th {
597
- padding:2px 15px 2px 0;
598
- }
599
- .info-table td {
600
- padding:2px 0;
601
- }
602
- /* Shopping cart total summary row expandable to details */
603
- tr.summary-total {
604
- cursor:pointer;
605
- }
606
- tr.summary-total .summary-collapse {
607
- float:right;
608
- text-align:right;
609
- padding-left:20px;
610
- background-position: 0 5px;
611
- background-image: url(data:image/gif;base64,R0lGODlhCQBCAPABALq6ugAAACH5BAUAAAEALAAAAAAJAEIAAAIyRIwXy2z7lGsI2DSz3A2qFHXiSJbmiabqyrbuC8fyTNf2jefUx5OhJqpcOJ2fx8dDFAAAOw==);
612
- background-repeat: no-repeat;
613
- cursor:pointer;
614
- }
615
- tr.show-details .summary-collapse {
616
- background-position:0 -52px;
617
- }
618
- tr.summary-details-excluded {
619
- font-style:italic;
620
- }
621
- /* Shopping cart tax info */
622
- .cart-tax-info {
623
- display:block;
624
- }
625
- .cart-tax-info, .cart-tax-info .cart-price {
626
- padding-right:20px;
627
- }
628
- .cart-tax-total {
629
- display:block;
630
- padding-right:20px;
631
- background-repeat: no-repeat;
632
- background-image: url(data:image/gif;base64,R0lGODlhCQBCAPABALq6ugAAACH5BAUAAAEALAAAAAAJAEIAAAIyRIwXy2z7lGsI2DSz3A2qFHXiSJbmiabqyrbuC8fyTNf2jefUx5OhJqpcOJ2fx8dDFAAAOw==);
633
- background-position: 100% 5px;
634
- cursor:pointer;
635
- }
636
- .cart-tax-info .price, .cart-tax-total .price {
637
- display:inline !important;
638
- }
639
- .cart-tax-total-expanded {
640
- background-position:100% -52px;
641
- }
642
- /* Class: std - styles for admin-controlled content */
643
- .std .subtitle {
644
- padding:0;
645
- }
646
- .std ol.ol {
647
- list-style:decimal outside;
648
- padding-left:1.5em;
649
- }
650
- .std ul.disc {
651
- list-style:disc outside;
652
- padding-left:18px;
653
- margin:0 0 10px;
654
- }
655
- .std dl dd {
656
- margin:0 0 10px;
657
- }
658
- /* Misc */
659
- .link-rss {
660
- background-color: transparent;
661
- background-image: url(data:image/gif;base64,R0lGODdhDAAMAPUAAPR5P/iykPm+ofWGUvN1OfNtLfiphPNzNvWJVfNvMfN4PvR4PfN/R/ebb/m6nP738/emf/ivjfJoJviui/NuL/WNXPzh1PWLWf3k2fehePingP3n3PeccfNyNPaWaPeedPiwjvaabfJqKvNwMviqhvaYbPWMWvR6QPWFUP749f7v6P7u5/N0OPR/R/fczvN3O/WETvSBS/R7QvSASfSDTPR+Rv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAADAAMAAAGe0CXAiCrtWI0GG0mHHlaxNosiWKwWDbbSoCgImWvhmBjUzVQMWkNIPjMDKlUqHYyyrIqEie1or1kaQgBKjYGGjYBBwtLGQEmKisnKxgJBEopNiATNiUONgUsAzAWDxUXNhEQNgMUM2h0LwcJBSISLy4MLTM1MgsELB23QQA7);
662
- background-position: 0 2px;
663
- background-repeat: no-repeat;
664
- padding-left:18px;
665
- line-height:14px;
666
- white-space:nowrap;
667
- }
668
- .btn-remove {
669
- display:block;
670
- width:11px;
671
- height:11px;
672
- font-size:0;
673
- line-height:0;
674
- background-color: transparent;
675
- background-image: url(data:image/gif;base64,R0lGODlhCAAIAMQdAH9/f3x8fM/Pz5OTk4ODg9ra2pCQkODg4JWVlaenp6ampoyMjKysrI2NjZqamuHh4YqKipeXl4eHh9vb26GhoYGBgX5+ftLS0oiIiI6OjqKiotDQ0P///////wAAAAAAACH5BAEAAB0ALAAAAAAIAAgAAAU2IGAJXSdYABYQ20YEWIFUklQhBTdFEBRNnM7FMRg4Lp1NI0OhZBqbhUHzeGgMGYbiwOEcEpoQADs=);
676
- background-position: 0 0;
677
- background-repeat: no-repeat;
678
- text-indent:-999em;
679
- overflow:hidden;
680
- }
681
- .btn-remove2 {
682
- display:block;
683
- width:16px;
684
- height:16px;
685
- font-size:0;
686
- line-height:0;
687
- background-color: transparent;
688
- background-image: url(data:image/gif;base64,R0lGODlhDQANANUAAIaGhqCgoL29vXZ2dn9/f5GRkZCQkLi4uJOTk4aGhp2dnbOzs7u7u56enr29vY6OjoGBgfT09JeXl6CgoH9/f62tra2trYmJiYqKipubm2tra4SEhJSUlJ+fn4WFhbm5ucvLy9DQ0KWlpcLCwrW1tbS0tHh4eJaWlvPz85qamv///////0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHRyH5BAEAACsALAAAAAANAA0AAAZ0wJVwSCSiSsVVCSVEQTQpYkoDYR5MlEFGmBlQTIeVyoIBmBQKEwBjUQlVi8eFQLg8Fu6hqlQwGAoleUQVCCcnCBVJEwknKSknCRNEARscKQICKRwbAUIjHhINDCoqDA0SAB9iJB0OeSoOASIRbyGCYiARbkEAOw==);
689
- background-repeat: no-repeat;
690
- background-position: 0 0;
691
- text-indent:-999em;
692
- overflow:hidden;
693
- }
694
- .separator {
695
- margin:0 3px;
696
- }
697
- .divider {
698
- clear:both;
699
- display:block;
700
- font-size:0;
701
- line-height:0;
702
- height:1px;
703
- margin:10px 0;
704
- background-position: 0 50%;
705
- background-repeat: repeat-x;
706
- background-image: url(data:image/gif;base64,R0lGODlhAwABAPABALq6ugAAACH5BAUAAAEALAAAAAADAAEAAAICRFIAOw==);
707
- text-indent:-999em;
708
- overflow:hidden;
709
- }
710
- /* Noscript Notice */
711
- .noscript {
712
- border:1px solid;
713
- border-width:0 0 1px;
714
- line-height:1.25;
715
- text-align:center;
716
- }
717
- .noscript .noscript-inner {
718
- width:950px;
719
- margin:0 auto;
720
- padding:12px 0 12px;
721
- }
722
- .noscript p {
723
- margin:0;
724
- }
725
- /* Header ================================================================================ */
726
- .header .logo {
727
- float:left;
728
- text-decoration:none;
729
- clear: both;
730
- margin-bottom: 10px;
731
- }
732
- .header .logo strong {
733
- position:absolute;
734
- top:-999em;
735
- left:-999em;
736
- width:0;
737
- height:0;
738
- font-size:0;
739
- line-height:0;
740
- text-indent:-999em;
741
- overflow:hidden;
742
- }
743
- .logo img {
744
- max-width: 100%;
745
- height: auto;
746
- width: auto\9; /* ie8 */
747
- }
748
- .header h1.logo, .header h2.logo {
749
- margin:0;
750
- }
751
- .header .form-search label {
752
- float:left;
753
- width:24px;
754
- height:21px;
755
- text-align:left;
756
- text-indent:-999em;
757
- overflow:hidden;
758
- }
759
- .header .form-search input.input-text {
760
- float: left;
761
- }
762
- .header .form-search button.button {
763
- float:left;
764
- }
765
- .header .form-search button.button span {
766
- border:0;
767
- height:21px;
768
- padding:0 0 0 0px;
769
- }
770
- .header .form-search button.button span span {
771
- background-position:100% 0;
772
- padding:0 6px 0 3px;
773
- }
774
- .header .form-search .search-autocomplete {
775
- z-index:999;
776
- left:20px;
777
- top:22px !important;
778
- }
779
- .header .form-search .search-autocomplete ul {
780
- border:1px solid;
781
- border-bottom: 0;
782
- }
783
- .header .form-search .search-autocomplete li {
784
- text-align:left;
785
- border-bottom:1px solid;
786
- padding:2px 8px 1px 8px;
787
- cursor:pointer;
788
- }
789
- .header .form-search .search-autocomplete li .amount {
790
- float:right;
791
- }
792
- .header .form-language {
793
- text-align:right;
794
- }
795
- .header .form-language label {
796
- vertical-align:middle;
797
- }
798
- .header .form-language select {
799
- padding:0;
800
- }
801
- .header .form-language select.flags option {
802
- background-position:4px 50%;
803
- background-repeat:no-repeat;
804
- padding-left:25px;
805
- }
806
- .header-container .top-container {
807
- clear:both;
808
- text-align:right;
809
- }
810
- /********** < Navigation */
811
- #nav {
812
- margin: 0 auto;
813
- padding: 0 0px;
814
- }
815
- /* All Levels */ /* Style consistent throughout all nav levels */
816
- #nav li {
817
- position:relative;
818
- text-align:left;
819
- }
820
- #nav li.over {
821
- z-index:998;
822
- }
823
- #nav a, #nav a:hover {
824
- display:block;
825
- }
826
- #nav span {
827
- display:block;
828
- cursor:pointer;
829
- white-space:nowrap;
830
- }
831
- #nav li ul span {
832
- white-space:normal;
833
- }
834
- /* 0 Level */
835
- #nav li {
836
- float:left;
837
- }
838
- #nav a {
839
- float:left;
840
- }
841
- /* 1st Level */
842
- #nav ul li, #nav ul li.active {
843
- float:none;
844
- margin:0;
845
- padding-bottom:1px;
846
- }
847
- #nav ul li.last {
848
- padding-bottom:0;
849
- }
850
- #nav ul a, #nav ul a:hover {
851
- float:none;
852
- padding:0;
853
- }
854
- /* 2nd Level */
855
- #nav ul, #nav div {
856
- position:absolute;
857
- width:15em;
858
- top:27px;
859
- left:-10000px;
860
- }
861
- #nav div ul {
862
- position:static;
863
- width:auto;
864
- border:none;
865
- }
866
- /* 3rd+ Level */
867
- #nav ul ul, #nav ul div {
868
- top:5px;
869
- }
870
- #nav ul span, #nav ul li.last li span {
871
- padding:3px 15px 4px 15px;
872
- }
873
- /* Show menu */
874
- #nav li ul.shown-sub, #nav li div.shown-sub {
875
- left:0;
876
- z-index:999;
877
- }
878
- #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub {
879
- left:100px;
880
- }
881
- /*1.4.1.0*/
882
- /* Show menu */
883
- #nav li.over > ul {
884
- left:0;
885
- }
886
- #nav li.over > ul li.over > ul {
887
- left:100px;
888
- }
889
- #nav li.over ul ul {
890
- left:-10000px;
891
- }
892
- /* Sidebar =============================================================================== */
893
-
894
- .block .block-title strong {
895
- display:block;
896
- }
897
- .block .block-subtitle {
898
- margin:0;
899
- padding:5px 9px;
900
- }
901
- .block .btn-remove {
902
- float:right;
903
- margin:1px 0 2px 5px;
904
- }
905
- .block .actions a {
906
- float:left;
907
- font-size: 0.75em;
908
- }
909
- .block .actions button.button {
910
- float:right;
911
- }
912
- .block .empty {
913
- margin:0;
914
- }
915
- /* Mini Blocks */
916
- .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-related, .block-tags, .block-login {
917
- line-height:1.25;
918
- }
919
- .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong {
920
- background-position:0 0;
921
- background-repeat:no-repeat;
922
- }
923
- /* Mini Products List */
924
- .mini-products-list .product-image {
925
- float:left;
926
- }
927
- /* Block: Account */
928
- .block-account .block-title {
929
- border:0;
930
- padding:3px 10px;
931
- }
932
- .block-account .block-title strong {
933
- }
934
- .block-account .block-content {
935
- padding:7px 10px 7px;
936
- }
937
- .block-account .block-content li a {
938
- display:block;
939
- padding:3px 0;
940
- }
941
- .block-account .block-content li.last a {
942
- border-bottom:0;
943
- }
944
- .block-account .block-content li.current {
945
- padding:3px 0;
946
- }
947
- .block-account .block-content li.current.last {
948
- border-bottom:0;
949
- }
950
- /* Block: Currency Switcher */
951
- .block-currency {
952
- border:0;
953
- height:auto;
954
- }
955
- .block-currency .block-title {
956
- background:none;
957
- border:0;
958
- padding:0;
959
- margin:0 0 0px;
960
- }
961
- .block-currency .block-content {
962
- background:none;
963
- padding:6px 0px 6px 0px;
964
- }
965
- .block-currency .block-content select {
966
- width: auto;
967
- padding:0;
968
- display: block;
969
- margin:0;
970
- }
971
- /* Block: Layered Navigation */
972
-
973
- .block-layered-nav dd.last {
974
- background:none;
975
- }
976
- .block-layered-nav .currently li {
977
- padding:4px 0px 4px 0px;
978
- }
979
- .block-layered-nav .currently .btn-remove {
980
- margin:3px 0 0;
981
- }
982
- .block-layered-nav .actions {
983
- padding:4px 9px;
984
- text-align:right;
985
- }
986
- .block-layered-nav .actions a {
987
- float:none;
988
- }
989
- /* Block: Cart */
990
- .block-cart .summary {
991
- padding:2px 8px 8px;
992
- margin:-1px 0 0;
993
- position:relative;
994
- z-index:1;
995
- }
996
- .block-cart .amount {
997
- margin:0;
998
- }
999
- .block-cart .amount a {
1000
- }
1001
- .block-cart .subtotal {
1002
- margin:5px 0 0;
1003
- padding:2px 0;
1004
- text-align:center;
1005
- }
1006
- /* Block: Wishlist */
1007
- .block-wishlist .actions {
1008
- text-align:right;
1009
- }
1010
- .block-wishlist .actions a {
1011
- float:none;
1012
- }
1013
- /* Block: Related */
1014
- .block-related input.checkbox {
1015
- float:left;
1016
- }
1017
- .block-related .product {
1018
- margin-left:5%;
1019
- }
1020
- /* Block: Compare Products */
1021
- .page-popup .link-print {
1022
- background-color: transparent;
1023
- background-image: url(data:image/gif;base64,R0lGODlhEAAQAPZXAI6Ojvr6+t7e3ujo6NXV1c/Pz9TU1KOjo8vLy/v7+/39/ZOTk+7u7qKiov7+/tDQ0Pn5+Wtra/X19YuLi/Ly8nx8fJiYmJ+fn+bm5u3t7ZKSkvHx8eDg4JCQkMHBwenp6fDw8Le3t8PDw/Pz862trb6+vn9/f6ysrLGxsYODg0NDQ4SEhOPj49/f34eHhycnJ7m5uSgoKOXl5aCgoC4uLtHR0erq6tfX1+vr61BQUJ6enrq6usLCwldXV4qKipubm7CwsHp6enh4eKurq5eXly0tLV9fX5GRkZaWlvf394yMjPj4+OTk5KSkpNjY2JWVlSUlJdra2vT09H5+fkdHR/z8/IiIiAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAFcALAAAAAAQABAAAAfUgFeCAiELGhYWHR6CjIwAEAkBARAUJU0OjYJPCQwMGQMKICIwmVcLCSAgGTZSEEsumQ4aCRQUniwcCRMKjBw/AAkjFBsMAxgJVhE1VxlAAkcBIyMbIDgfCUo3KS0kTBIA4OHiEk5BRA4OApLr61HoJh0KCjwMAvb3DDvyERMDAyQfDAgcOOCAPxUrHjxogKGAw4cykCgsMgUBgiELFvioEKEHFSoVLMYQUgLBAhEEUqr0QAMBCighJhi5UAWCzSQSRijQ8SLHCUYzDgg90KDogQuMAgEAOw==);
1024
- background-position: 0 2px;
1025
- background-repeat: no-repeat;
1026
- padding:2px 0 2px 25px;
1027
- }
1028
- .compare-table {
1029
- border:0;
1030
- }
1031
- .compare-table thead tr.first th, .compare-table thead tr.first td {
1032
- border:0;
1033
- background:none;
1034
- padding:0;
1035
- font-size:0;
1036
- line-height:0;
1037
- }
1038
- .compare-table .btn-remove {
1039
- float:right;
1040
- background-color: transparent;
1041
- background-image: url(data:image/gif;base64,R0lGODdhSAAPAPYAAPX19X19fX9/f93d3YCAgPLy8oGBgXx8fN/f335+ft7e3vDw8PHx8eDg4Hl5eXt7e+zs7Hp6etzc3OHh4dvb24KCgu7u7u/v7+rq6u3t7ePj44SEhOLi4oODg5OTk3d3d3h4eOjo6OTk5Nra2ouLi5SUlOvr65mZmenp6ZCQkObm5uXl5XZ2dtnZ2Y+Pj4iIiJKSkoeHh3V1dZaWloqKioaGhnR0dJeXl5iYmNjY2Jubm/Pz8/T09Pb29vj4+Pn5+fr6+vf39/z8/Pv7+/7+/v39/f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAASAAPAAAH/4BGQ0VGhEYYCgoDHAOJCggUGjkNjQ0SEwgNFBMDmgoTLQidmAqMEqKMAwiiChIUohIaIxOvIxoSrQMTEka9vj0oQES9hMNGQkK9Q0ZEwz69w8NAvoXLRMu+P4KFRtq904XDRUSGy0IIvslGJhBBDDw7PTwMAAU8QQU7AD48PwtCPBYA2PGDQZEFBYP8CBLERw+GFhYU4QHkghAIRXYs6AHgR4EhG+9x5AcgCAJDw4KE0LfDRxB4Rgo49DFkRxEGDQsAcdjjB0ULPxwCYNCjx46aPIhwfKiP4YIhBYIMFHKhpUweJd9NIHYMggUfQH4A6OgDQoUDHRwIkDfEqI94Rf+G8iPyskfbIEMu/BCyY8c9mVB9vMX7coiIDEaGqhCCT4gPBdCM7AjRE++QsD+KCOgAYMgBAUUYDhHyA0gPITuB7Ej9bEcQI0UF/RgkuNtrHriJYCCBY8WCEjRUSDbigwKzYxkkCnOZGW+AA0WEEHCQuAMBENMCPEggwICACgBgV/j+WoAD0gEC/PjxfAODb0MgnLDhwcWHGRC6heVwzAgPDOYMscw0RRThXQLaGQGEAAkMYYB6ARBgRAACDNGdDwY8QEQEEvoQA4cNGiFAAENEUIEPPxAxDQoeHJCAB/n1oKARAxijwWvF9JLMNNw5SEAyCbgYgAE/JCBhhEUcYID/EA5sUMR0vTxH4TEEIPgAAdH1l0EJDxgAAwaF7NjAMBZc0J8w4xRTxHPMgCCAEBsIMIyMV/ogAAtGECCDEQZ8wCd1QnjH4TLbEaLOMQCc8IEHJESgw3u+NKBgCNq8poyOxAWp4AZYTvicAEZEcIARDnSwZgRRgvAAN0NUYAAhhDhwQA3URZPBCzdg8EMKKSBWIBGSRpSOMdf4QggPRry2jCGHJtMMcbAN28wwyPQ3hDfHxWRmYgtwVcQARZgg46UF+qJUtsck41gvBRxHDqvfGNNLbcdYw0y1/RWBLRCGGNEABO0yIy+sxjDbHzWECEPNgMkyg40x4HSzTcENb4PtJDIIiKBNwgWCs4ylCAvC7zasPnxcZsZoQ6AQ0lDzbsPFkkxjIAA7);
1042
- background-repeat: no-repeat;
1043
- background-position: 0 0;
1044
- width:72px;
1045
- height:15px;
1046
- }
1047
- .compare-table tbody th, .compare-table tbody td {
1048
- padding:10px;
1049
- border:0;
1050
- border-top:1px solid;
1051
- border-left:1px solid;
1052
- }
1053
- .compare-table tbody td.last {
1054
- border-right:1px solid;
1055
- }
1056
- .compare-table tbody tr.last th, .compare-table tbody tr.last td {
1057
- border-bottom:1px solid;
1058
- }
1059
- .compare-table tr.add-to-row td {
1060
- text-align:center;
1061
- }
1062
- .compare-table tr.first td {
1063
- text-align:center;
1064
- }
1065
- .compare-table tr.first td .product-name {
1066
- margin:0 0 5px;
1067
- }
1068
- .compare-table tr.first td .product-name a {
1069
- }
1070
- .compare-table tr.first td .ratings {
1071
- width:69px;
1072
- margin:0 auto;
1073
- }
1074
- .compare-table tr.first td p, .compare-table tr.add-to-row td p {
1075
- margin:0;
1076
- }
1077
-
1078
- /* Block: Poll */
1079
- .block-poll input.radio {
1080
- float:left;
1081
- margin:1px -18px 0 0;
1082
- }
1083
- .block-poll .label {
1084
- display:block;
1085
- margin-left:18px;
1086
- }
1087
- .block-poll li {
1088
- padding:3px 9px;
1089
- }
1090
- .block-poll .actions {
1091
- margin:5px 0 0;
1092
- }
1093
- .block-poll .votes {
1094
- float:right;
1095
- margin-left:10px;
1096
- }
1097
- /* Block: Tags */
1098
- .block-tags .block-content ul {
1099
- padding:0px 5px 0px 5px;
1100
- }
1101
- .block-tags .block-content li {
1102
- display:inline;
1103
- padding-right:4px;
1104
- }
1105
- .block-tags .block-content a {
1106
- }
1107
- .block-tags .actions {
1108
- text-align:right;
1109
- }
1110
- .block-tags .actions a {
1111
- float:none;
1112
- }
1113
- /* Block: Subscribe */
1114
- .block-subscribe .block-content {
1115
- padding:5px 10px;
1116
- }
1117
- .block-subscribe input.input-text {
1118
- display:block;
1119
- width:167px;
1120
- margin:3px 0;
1121
- }
1122
- .block-subscribe .actions {
1123
- text-align:left;
1124
- }
1125
- .block-subscribe .actions button.button {
1126
- float:none;
1127
- }
1128
- /* Block: Reorder */
1129
- .block-reorder input.checkbox {
1130
- float:left;
1131
- margin:2px -20px 0 0;
1132
- }
1133
- .block-reorder .product-name {
1134
- margin-left:20px;
1135
- }
1136
- .block-reorder .validation-advice {
1137
- margin:3px 9px 7px;
1138
- }
1139
- /* Block: Banner */
1140
- .block-banner {
1141
- border:0;
1142
- }
1143
- .block-banner .block-content {
1144
- padding:0;
1145
- text-align:center;
1146
- }
1147
- /* Block: Login */
1148
- .block-login .block-content {
1149
- padding:5px 10px;
1150
- }
1151
- .block-login input.input-text {
1152
- display:block;
1153
- width:167px;
1154
- margin:3px 0;
1155
- }
1156
- .block-login .actions {
1157
- background:none;
1158
- padding:0;
1159
- margin:3px 0 0;
1160
- }
1161
- /* Paypal */
1162
- .sidebar .paypal-logo {
1163
- display:block;
1164
- margin:10px 0;
1165
- text-align:center;
1166
- }
1167
- .sidebar .paypal-logo a {
1168
- float:none;
1169
- }
1170
- /* Category Page ========================================================================= */
1171
- .category-image {
1172
- width:100%;
1173
- overflow:hidden;
1174
- margin:0 0 10px;
1175
- text-align:center;
1176
- }
1177
- .category-image img {
1178
- max-width: 100%;
1179
- height: auto;
1180
- width: auto\9; /* ie8 */
1181
- }
1182
- .category-description {
1183
- margin:0 0 10px;
1184
- width: 100%;
1185
- }
1186
-
1187
- /* View Type: Grid */
1188
- .products-grid {
1189
- position:relative;
1190
- }
1191
- .products-grid.last {
1192
- border-bottom:0;
1193
- }
1194
- .products-grid li.item {
1195
- float:left;
1196
- }
1197
- .products-grid .product-image {
1198
- display:block;
1199
- }
1200
- .products-grid .product-name {
1201
- margin:0 0 5px;
1202
- }
1203
- .products-grid .product-name a {
1204
- }
1205
- .products-grid .price-box {
1206
- margin:5px 0;
1207
- }
1208
- .products-grid .availability {
1209
- line-height:21px;
1210
- }
1211
- .products-grid .actions {
1212
- }
1213
- .col2-left-layout .products-grid, .col2-right-layout .products-grid {
1214
- margin:0 auto;
1215
- }
1216
- .col1-layout .products-grid {
1217
- margin:0 auto;
1218
- }
1219
- /* View Type: List */
1220
- .products-list li.item {
1221
- padding:12px 10px;
1222
- }
1223
- .products-list li.item.last {
1224
- border-bottom:0;
1225
- }
1226
- .products-list .product-image {
1227
- float:left;
1228
- margin:0 0 10px;
1229
- }
1230
- .products-list .product-name {
1231
- margin:0 0 5px;
1232
- }
1233
- .products-list .price-box {
1234
- float:left;
1235
- margin:3px 13px 5px 0;
1236
- }
1237
- .products-list .availability {
1238
- float:left;
1239
- margin:3px 0 0;
1240
- }
1241
- .products-list .desc {
1242
- clear:both;
1243
- padding:6px 0 0;
1244
- margin:0 0 15px;
1245
- line-height:1.35;
1246
- }
1247
- .products-list .add-to-links {
1248
- clear:both;
1249
- }
1250
- .products-list .add-to-links li {
1251
- display:inline;
1252
- }
1253
- .products-list .add-to-links .separator {
1254
- display:inline;
1255
- margin:0 2px;
1256
- }
1257
- /* Product View ========================================================================== */
1258
- /* Rating */
1259
- .no-rating {
1260
- margin:0;
1261
- }
1262
- .ratings {
1263
- line-height:1.25;
1264
- margin:7px 0;
1265
- }
1266
- .ratings strong {
1267
- float:left;
1268
- margin:1px 3px 0 0;
1269
- }
1270
- .ratings .rating-links {
1271
- margin:0;
1272
- }
1273
- .ratings .rating-links .separator {
1274
- margin:0 2px;
1275
- }
1276
- .rating-box {
1277
- width:69px;
1278
- height:13px;
1279
- font-size:0;
1280
- line-height:0;
1281
- background-position: 0 0;
1282
- background-repeat: repeat-x;
1283
- background-image: url(data:image/gif;base64,R0lGODlhDgDVAOYAAKOhn/tVEqelo9HHwaWin++gfv9fHLGuqf9oLKqqqNXQz7Crqv9YFsa/usS9uP9yN6SioNvGvNbKxMfCu/9xNcjBwMG8ufKbdLazruqpjfxWE/9+SeO2o8G6taWjof9XFP99RuG7rOivlv9eHv9tMMvEv7Wwr/9nKv98ROmqkPiNYr63tLCwrP94P/9jI+2ihLSvrLqzsKuko/2DUq+qp/SUbqqlpM3Fv/91POK6ptzCubOwrayppO+hgLOuqf9aGLq3tP9kJf90OsC5tgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEQALAAAAAAOANUAAAfxgESCg0AVg4eHAx4LiI0mAAANjYM3EJA8iCUdGDQCkJAyBzEOAxifp6cEkjCopxAOgwetkEOHEp6oO40ErSyIA7MJiBOQCxMrNgACiBY+hoMWCRKT1NXW19jZ2tvc3d7f4OHi4+Tl5ufo6err7O3u7/Dx8vP09fb3+Pn6+/z9/v8AAwocSLCgwYMIEypcyLChw4cQI0qcSPGbCg7XIvygcA1EgAAZqoXQ8PEEohwXNpAw8PGjiwczXkTY0LJmTQYhW9is+aHHoAc7A2i4cEgBS5soGjHYKQSRjqAIEIn4SCFFjSABRiAqgAPjoAIIFAgKBAA7);
1284
- text-indent:-999em;
1285
- overflow:hidden;
1286
- }
1287
- .rating-box .rating {
1288
- float:left;
1289
- height:13px;
1290
- background-position: 0 100%;
1291
- background-repeat: repeat-x;
1292
- background-image: url(data:image/gif;base64,R0lGODlhDgDVAOYAAKOhn/tVEqelo9HHwaWin++gfv9fHLGuqf9oLKqqqNXQz7Crqv9YFsa/usS9uP9yN6SioNvGvNbKxMfCu/9xNcjBwMG8ufKbdLazruqpjfxWE/9+SeO2o8G6taWjof9XFP99RuG7rOivlv9eHv9tMMvEv7Wwr/9nKv98ROmqkPiNYr63tLCwrP94P/9jI+2ihLSvrLqzsKuko/2DUq+qp/SUbqqlpM3Fv/91POK6ptzCubOwrayppO+hgLOuqf9aGLq3tP9kJf90OsC5tgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEQALAAAAAAOANUAAAfxgESCg0AVg4eHAx4LiI0mAAANjYM3EJA8iCUdGDQCkJAyBzEOAxifp6cEkjCopxAOgwetkEOHEp6oO40ErSyIA7MJiBOQCxMrNgACiBY+hoMWCRKT1NXW19jZ2tvc3d7f4OHi4+Tl5ufo6err7O3u7/Dx8vP09fb3+Pn6+/z9/v8AAwocSLCgwYMIEypcyLChw4cQI0qcSPGbCg7XIvygcA1EgAAZqoXQ8PEEohwXNpAw8PGjiwczXkTY0LJmTQYhW9is+aHHoAc7A2i4cEgBS5soGjHYKQSRjqAIEIn4SCFFjSABRiAqgAPjoAIIFAgKBAA7);
1293
- }
1294
- .ratings .rating-box {
1295
- float:left;
1296
- margin-right:3px;
1297
- }
1298
- .ratings-table th, .ratings-table td {
1299
- line-height:1.15;
1300
- padding:3px 0;
1301
- }
1302
- .ratings-table th {
1303
- padding-right:8px;
1304
- }
1305
- /* Availability */
1306
- .availability {
1307
- margin:0;
1308
- }
1309
- .availability-only {
1310
- margin:10px 0 7px;
1311
- line-height:16px;
1312
- }
1313
- .availability-only span, .availability-only a {
1314
- border-bottom:1px dashed #751d02;
1315
- cursor:help;
1316
- }
1317
- .availability-only a {
1318
- cursor:pointer;
1319
- }
1320
- .availability-only .expanded {
1321
- background-position:100% -15px;
1322
- }
1323
- .availability-only-details {
1324
- margin:0 0 7px;
1325
- }
1326
- .availability-only-details th {
1327
- font-size:10px;
1328
- padding:0 8px;
1329
- }
1330
- .availability-only-details td {
1331
- border-bottom:1px solid;
1332
- padding:2px 8px 1px;
1333
- }
1334
- /* Email to a Friend */
1335
- .email-friend {
1336
- margin:0;
1337
- }
1338
- /* Alerts */
1339
- .alert-price {
1340
- margin:0;
1341
- }
1342
- .alert-stock {
1343
- margin:0;
1344
- }
1345
- /********** < Product Prices */
1346
- .price {
1347
- white-space:nowrap !important;
1348
- }
1349
- .price-box {
1350
- margin:5px 0;
1351
- }
1352
- /* Old price */
1353
- .old-price {
1354
- margin:0;
1355
- }
1356
- .old-price .price-label {
1357
- white-space:nowrap;
1358
- }
1359
- .old-price .price {
1360
- text-decoration:line-through;
1361
- }
1362
- /* Special price */
1363
- .special-price {
1364
- margin:0;
1365
- padding:3px 0;
1366
- }
1367
- .special-price .price-label {
1368
- white-space:nowrap;
1369
- }
1370
- /* Minimal price (as low as) */
1371
- .minimal-price {
1372
- margin:0;
1373
- }
1374
- .minimal-price .price-label {
1375
- white-space:nowrap;
1376
- }
1377
- .minimal-price-link {
1378
- display:block;
1379
- }
1380
- /* Excluding tax */
1381
- .price-excluding-tax {
1382
- display:block;
1383
- }
1384
- .price-excluding-tax .label {
1385
- white-space:nowrap;
1386
- }
1387
- /* Including tax */
1388
- .price-including-tax {
1389
- display:block;
1390
- }
1391
- .price-including-tax .label {
1392
- white-space:nowrap;
1393
- }
1394
- /* FPT */
1395
- .weee {
1396
- display:block;
1397
- }
1398
- /* Excl tax (for order tables) */
1399
- .price-excl-tax {
1400
- display:block;
1401
- }
1402
- .price-excl-tax .label {
1403
- display:block;
1404
- white-space:nowrap;
1405
- }
1406
- .price-excl-tax .price {
1407
- display:block;
1408
- }
1409
- /* Incl tax (for order tables) */
1410
- .price-incl-tax {
1411
- display:block;
1412
- }
1413
- .price-incl-tax .label {
1414
- display:block;
1415
- white-space:nowrap;
1416
- }
1417
- .price-incl-tax .price {
1418
- display:block;
1419
- }
1420
- /* Price range */
1421
- .price-from {
1422
- margin:0;
1423
- }
1424
- .price-from .price-label {
1425
- white-space:nowrap;
1426
- }
1427
- .price-to {
1428
- margin:0;
1429
- }
1430
- .price-to .price-label {
1431
- white-space:nowrap;
1432
- }
1433
- /* Price notice next to the options */
1434
- .price-notice {
1435
- padding-left:10px;
1436
- }
1437
- /* Price as configured */
1438
- .price-as-configured {
1439
- margin:0;
1440
- }
1441
- .price-as-configured .price-label {
1442
- white-space:nowrap;
1443
- }
1444
- .price-box-bundle {
1445
- padding:0 0 10px 0;
1446
- }
1447
- .price-box-bundle .price-box {
1448
- margin:0 !important;
1449
- padding:0 !important;
1450
- }
1451
- .price-box-bundle .price {
1452
- }
1453
- /********** Product Prices > */
1454
-
1455
- /* Tier Prices */
1456
- .tier-prices {
1457
- margin:10px 0;
1458
- padding:10px;
1459
- border:1px solid;
1460
- }
1461
- .tier-prices li {
1462
- line-height:1.4;
1463
- padding:2px 0 2px 0px;
1464
- }
1465
- .tier-prices .benefit {
1466
- font-style:italic;
1467
- }
1468
- .tier-prices-grouped li {
1469
- padding:2px 0;
1470
- }
1471
- /* Add to Links */
1472
- .add-to-links {
1473
- margin:5px 0 0;
1474
- }
1475
- .add-to-links .separator {
1476
- display:none;
1477
- }
1478
- /* Add to Cart */
1479
- .add-to-cart label {
1480
- float:left;
1481
- margin-right:5px;
1482
- }
1483
- .add-to-cart button.button {
1484
- float:left;
1485
- }
1486
- .add-to-cart .paypal-logo {
1487
- clear:left;
1488
- margin:0;
1489
- padding:10px 0 0;
1490
- text-align:right;
1491
- }
1492
- /* Add to Links + Add to Cart */
1493
- .add-to-box {
1494
- margin:10px 0;
1495
- }
1496
- .add-to-box .add-to-cart {
1497
- float:left;
1498
- }
1499
- .add-to-box .or {
1500
- float:left;
1501
- margin:0 7px;
1502
- }
1503
- .add-to-box .add-to-links {
1504
- float:left;
1505
- margin:0;
1506
- line-height:1.25;
1507
- text-align:left;
1508
- }
1509
- .add-to-box .add-to-links li {
1510
- display:block;
1511
- }
1512
- .add-to-box .add-to-links li .separator {
1513
- display:none !important;
1514
- }
1515
- .product-collateral h2 {
1516
- padding:0 0 1px;
1517
- margin:0 0 5px;
1518
- }
1519
- .product-collateral .box-collateral {
1520
- margin:0 0 25px;
1521
- }
1522
- /* Product Images */
1523
- .product-view .product-img-box {
1524
- float:left;
1525
- width:267px;
1526
- }
1527
- .col3-layout .product-view .product-img-box {
1528
- float:none;
1529
- margin:0 auto;
1530
- }
1531
- .product-view .product-img-box .product-image {
1532
- margin:0 0 13px;
1533
- }
1534
- .product-view .product-img-box .product-image-zoom {
1535
- position:relative;
1536
- width:265px;
1537
- height:265px;
1538
- overflow:hidden;
1539
- z-index:9;
1540
- }
1541
- .product-view .product-img-box .product-image-zoom img {
1542
- position:absolute;
1543
- left:0;
1544
- top:0;
1545
- cursor:move;
1546
- }
1547
- .product-view .product-img-box .zoom-notice {
1548
- margin:0 0 5px;
1549
- text-align:center;
1550
- }
1551
- .product-view .product-img-box .zoom {
1552
- position:relative;
1553
- z-index:9;
1554
- height:18px;
1555
- margin:0 auto 13px;
1556
- padding:0 28px;
1557
- cursor:pointer;
1558
- }
1559
- .product-view .product-img-box .zoom.disabled {
1560
- -moz-opacity:.3;
1561
- -webkit-opacity:.3;
1562
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/
1563
- opacity:.3;
1564
- }
1565
- .product-view .product-img-box .zoom #track {
1566
- position:relative;
1567
- height:18px;
1568
- }
1569
- .product-view .product-img-box .zoom #handle {
1570
- position:absolute;
1571
- left:0;
1572
- top:-1px;
1573
- width:9px;
1574
- height:22px;
1575
- background-color: transparent;
1576
- background-image: url(data:image/gif;base64,R0lGODlhBAAWAPECAL6+vl1dXf///wAAACH5BAUAAAIALAAAAAAEABYAAAIShB2BCrnfmItwWolrpgeID34FADs=);
1577
- background-position: 0 0;
1578
- background-repeat: no-repeat;
1579
- }
1580
- .product-view .product-img-box .zoom .btn-zoom-out {
1581
- position:absolute;
1582
- left:2px;
1583
- top:0;
1584
- }
1585
- .product-view .product-img-box .zoom .btn-zoom-in {
1586
- position:absolute;
1587
- right:2px;
1588
- top:0;
1589
- }
1590
- .product-view .product-img-box .more-views h2 {
1591
- margin:0 0 8px;
1592
- }
1593
- .product-view .product-img-box .more-views ul {
1594
- margin-left:-9px
1595
- }
1596
- .product-view .product-img-box .more-views li {
1597
- float:left;
1598
- margin:0 0 8px 9px;
1599
- }
1600
- .product-view .product-img-box .more-views li a {
1601
- float:left;
1602
- width:56px;
1603
- height:56px;
1604
- overflow:hidden;
1605
- }
1606
- .product-image-popup {
1607
- margin:0 auto;
1608
- }
1609
- .product-image-popup .nav {
1610
- text-align:center;
1611
- }
1612
- .product-image-popup .image {
1613
- display:block;
1614
- margin:10px 0;
1615
- }
1616
- .product-image-popup .image-label {
1617
- margin:0 0 10px;
1618
- }
1619
- /* Product Shop */
1620
- .col3-layout .product-view .product-shop {
1621
- float:none;
1622
- width:auto;
1623
- }
1624
- .product-view .product-shop .product-name {
1625
- margin:0 0 5px;
1626
- }
1627
- .product-view .product-shop .product-name h1 {
1628
- margin:0;
1629
- }
1630
- .product-view .product-shop .availability {
1631
- margin:10px 0;
1632
- }
1633
- .product-view .product-shop .short-description {
1634
- margin:10px 0;
1635
- background-position: 0 0;
1636
- background-repeat: repeat-x;
1637
- background-image: url(data:image/gif;base64,R0lGODlhAwABAPABALq6ugAAACH5BAUAAAEALAAAAAADAAEAAAICRFIAOw==);
1638
- padding:10px 0 0;
1639
- }
1640
- .product-view .product-shop .price-box {
1641
- margin:10px 0;
1642
- clear:both
1643
- }
1644
- .product-view .product-shop .add-to-links {
1645
- margin:0;
1646
- }
1647
- .product-view .product-shop .add-to-links li {
1648
- display:inline;
1649
- }
1650
- .product-view .product-shop .add-to-links li .separator {
1651
- display: none;
1652
- }
1653
- /* Product Options */
1654
- .product-options {
1655
- margin:20px 0 0;
1656
- padding:10px 15px 20px;
1657
- border:1px solid;
1658
- }
1659
- .product-options dt {
1660
- padding:10px 0 0;
1661
- }
1662
- .product-options dt span.required {
1663
- color:#eb340a;
1664
- }
1665
- .product-options dt .qty-holder {
1666
- float:right;
1667
- margin-right:15px;
1668
- }
1669
- .product-options dt .qty-holder label {
1670
- vertical-align:middle;
1671
- }
1672
- .product-options dt .qty-disabled {
1673
- background:none;
1674
- border:0;
1675
- padding:3px;
1676
- }
1677
- .product-options dd {
1678
- padding:5px 10px 15px;
1679
- margin:0 0 5px;
1680
- border-bottom:1px solid;
1681
- }
1682
- .product-options dl.last dd.last {
1683
- border-bottom:0;
1684
- padding-bottom:5px;
1685
- margin-bottom:0;
1686
- }
1687
- .product-options dd input.input-text {
1688
- width:98%;
1689
- }
1690
- .product-options dd input.datetime-picker {
1691
- width:150px;
1692
- }
1693
- .product-options dd .time-picker {
1694
- display:-moz-inline-box;
1695
- display:inline-block;
1696
- padding:2px 0;
1697
- vertical-align:middle;
1698
- }
1699
- .product-options dd textarea {
1700
- width:98%;
1701
- height:8em;
1702
- }
1703
- .product-options dd select {
1704
- width:99%;
1705
- }
1706
- .product-options dd .multiselect option {
1707
- border-bottom:1px dotted;
1708
- padding:2px 4px;
1709
- }
1710
- .product-options ul.options-list {
1711
- margin-right:5px;
1712
- }
1713
- .product-options ul.options-list li {
1714
- line-height:1.5;
1715
- padding:2px 0;
1716
- }
1717
- .product-options ul.options-list input.radio {
1718
- float:left;
1719
- margin-top:3px;
1720
- }
1721
- .product-options ul.options-list input.checkbox {
1722
- float:left;
1723
- margin-top:3px;
1724
- }
1725
- .product-options ul.options-list .label {
1726
- display:block;
1727
- margin-left:18px;
1728
- }
1729
- .product-options ul.validation-failed {
1730
- padding:0 7px;
1731
- }
1732
- .product-options p.note {
1733
- margin:0;
1734
- }
1735
- .product-options p.required {
1736
- margin-bottom:0;
1737
- padding:15px 0 0;
1738
- }
1739
- .product-options-bottom .tier-prices {
1740
- margin:0;
1741
- padding:0 0 10px;
1742
- border:0;
1743
- background:0;
1744
- }
1745
- .product-options-bottom .tier-prices li {
1746
- background:0;
1747
- padding:2px 0;
1748
- }
1749
- .product-options-bottom .price-box {
1750
- float:left;
1751
- margin:0;
1752
- padding:0;
1753
- }
1754
- .col3-layout .product-options-bottom .price-box {
1755
- float:none;
1756
- padding:0 0 5px;
1757
- }
1758
- .product-options-bottom .price-label {
1759
- float:left;
1760
- padding-right:5px;
1761
- }
1762
- .product-options-bottom .price-tax {
1763
- float:left;
1764
- }
1765
- .product-shop .product-options-bottom {
1766
- margin:0 0 10px;
1767
- }
1768
- .product-shop .product-options-bottom .price-box {
1769
- float:none;
1770
- margin:0 0 5px;
1771
- }
1772
- .product-shop .product-options-bottom .price-label {
1773
- float:none;
1774
- padding-right:0;
1775
- }
1776
- .product-shop .product-options-bottom .price-tax {
1777
- float:none;
1778
- }
1779
- .product-shop .product-options-bottom .add-to-cart-box {
1780
- clear:both;
1781
- float:left;
1782
- padding-top:12px;
1783
- }
1784
- /* Grouped Product */
1785
- .product-view .grouped-items-table .price-box {
1786
- margin:0;
1787
- padding:0;
1788
- }
1789
- /* Block: Additional */
1790
- .product-view .box-additional .data-table th, .product-view .box-additional .data-table td {
1791
- line-height:1.25;
1792
- }
1793
- /* Block: Upsell */
1794
- .product-view .box-up-sell h2 {
1795
- border-bottom:0;
1796
- padding:0;
1797
- margin:0 0 8px;
1798
- }
1799
- .product-view .box-up-sell .products-grid {
1800
- width:100%;
1801
- }
1802
- .product-view .box-up-sell .products-grid td {
1803
- width:25%;
1804
- padding:15px 10px 12px;
1805
- line-height:1.6em;
1806
- }
1807
- .product-view .box-up-sell .products-grid .product-image {
1808
- text-align:center;
1809
- border: 0;
1810
- }
1811
- .product-view .box-up-sell .products-grid td.empty {
1812
- border-right:0;
1813
- }
1814
- .product-view .box-up-sell .products-grid .ratings .rating-box {
1815
- float:none;
1816
- display:block;
1817
- margin:0 0 3px;
1818
- }
1819
- /* Block: Tags */
1820
- .product-view .box-tags {
1821
- margin:0;
1822
- }
1823
- .product-view .box-tags .product-tags {
1824
- display:block;
1825
- margin:0 0 15px;
1826
- }
1827
- .product-view .box-tags .product-tags li {
1828
- display:inline;
1829
- }
1830
- .product-view .box-tags .product-tags li.first {
1831
- padding-left:0;
1832
- }
1833
- .product-view .box-tags .product-tags li.last {
1834
- background:none;
1835
- padding-right:0;
1836
- }
1837
- .product-view .box-tags .form-add label {
1838
- display:block;
1839
- margin:0 0 5px;
1840
- }
1841
- .product-view .box-tags .form-add .input-box {
1842
- float:left;
1843
- width:305px;
1844
- margin:0 5px 0 0;
1845
- padding:0 0 0 0px;
1846
- }
1847
- .product-view .box-tags .form-add input.input-text {
1848
- width:299px;
1849
- }
1850
- .product-view .box-tags .note {
1851
- margin:3px 0 0;
1852
- padding:0 0 0 0px;
1853
- }
1854
- /* Block: Reviews */
1855
- .product-view .box-reviews dl {
1856
- margin:15px 0;
1857
- }
1858
- .product-view .box-reviews dt a, .product-view .box-reviews dt span {
1859
- }
1860
- .product-view .box-reviews dd {
1861
- margin:0 0 15px;
1862
- }
1863
- .product-view .box-reviews dd small {
1864
- font-style:italic;
1865
- }
1866
- .product-view .box-reviews .form-add {
1867
- margin:15px 0 0;
1868
- }
1869
- .product-view .box-reviews .form-add .data-table td {
1870
- text-align:center;
1871
- }
1872
- .product-view .box-reviews .form-add .form-list {
1873
- margin:15px 0 0;
1874
- }
1875
- #review-form .input-box {
1876
- width: 98%;
1877
- max-width: 600px;
1878
- }
1879
- #review-form input.input-text,
1880
- #review-form textarea {
1881
- max-width: 600px;
1882
- }
1883
- /* Send a Friend */
1884
- .send-friend .form-list {
1885
- width:615px;
1886
- overflow:hidden;
1887
- }
1888
- .send-friend .form-list li {
1889
- margin-right:-15px;
1890
- }
1891
- .send-friend .form-list li p {
1892
- margin:0 15px 0 0;
1893
- }
1894
- .send-friend .form-list .field {
1895
- width:315px;
1896
- }
1897
- .send-friend .form-list .input-box {
1898
- width:300px;
1899
- }
1900
- .send-friend .form-list input.input-text, .send-friend .form-list textarea {
1901
- width:294px;
1902
- }
1903
- .send-friend .form-list li.wide .input-box {
1904
- width:612px;
1905
- }
1906
- .send-friend .form-list li.wide textarea {
1907
- width:609px;
1908
- }
1909
- .send-friend .buttons-set .limit {
1910
- float:right;
1911
- margin:0 7px 0 0;
1912
- line-height:21px;
1913
- }
1914
- /* Content Styles ================================================================= */
1915
- .product-name {
1916
- margin:0;
1917
- }
1918
- /* Product Tags */
1919
- .tags-list {
1920
- display:block;
1921
- border:1px solid;
1922
- padding: 5px;
1923
- }
1924
- .tags-list li {
1925
- display:inline !important;
1926
- margin:0 4px 0 0;
1927
- font-size: 14px;
1928
- }
1929
- /* Advanced Search */
1930
- .advanced-search .form-list label {
1931
- width:160px;
1932
- padding-right:10px;
1933
- }
1934
- .advanced-search .form-list .input-box, .advanced-search .form-list .input-range {
1935
- float:left;
1936
- clear:none;
1937
- }
1938
- .advanced-search-amount {
1939
- margin:0 0 10px;
1940
- }
1941
- .advanced-search-summary {
1942
- margin:10px 0;
1943
- border:1px solid;
1944
- padding:10px;
1945
- }
1946
- .advanced-search-summary ul {
1947
- float:left;
1948
- width:49%;
1949
- }
1950
- .advanced-search-summary p {
1951
- clear:both;
1952
- margin:0;
1953
- }
1954
- /* Sitemap */
1955
- .page-sitemap .links {
1956
- text-align:right;
1957
- }
1958
- .page-sitemap .links a {
1959
- position:relative;
1960
- }
1961
- .page-sitemap .sitemap {
1962
- margin:12px;
1963
- }
1964
- .page-sitemap .sitemap li {
1965
- margin:3px 0;
1966
- }
1967
- .page-sitemap .sitemap li.level-0 {
1968
- margin:10px 0 0;
1969
- }
1970
- /* RSS */
1971
- .rss-title h1 {
1972
- background-color: transparent;
1973
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACKklEQVR42qWUD2SUYRzHrxtBCEkQQiGUjcr0vzOTJoYTQO8SxIwACqUrQ1HTaXNdrZ1wEdlanXVTudxYq6a6uVVyO01JdXe99969f567/Xp+z3l+zzu3ym4PH57f9/k+H68HrwfXfJfnPCfPgQbBuxrJcsFD4CROAYsfBTbWvjye+sGMafCztxnFnR60WzE/OI98K8KIHkFhBoVgDx/g7AcnfgxYsgec5ydwXh4jPkCXEFr3dwsqM2Fwr+rXBLBXF8Eabsfz/6GEZnSngL0PwZLLKQJLhbDzL5SwfLeFMO/tA+vJSWBv+6Gam3Vr+fwBzAcdsluHEt7Z9lesWBdUv70k6YKtgzniX6qrhKXwVoHzOlj7kl9pYKkIlKNtrrPrSlqch1JkF+ZulNAY2Cywp/rqn+/dIJRut9TOkwF3jpkbJSwGNwlKQ3vAnrwK7PPY4rf7MQNGaDt23Ge8vxcziRLq1zbWYdxqhcqXCbpsvwnLvC6TkPD3lQ1EMbQDoZl9ekwCY8i3KKt8T7nvKmGhd53AHD9Dl8uj3SLTbzSrL5oaqPXi1MNZooT5wFrBgllQ71bIUu7MjoqMzb0QczHSIWu4p54SnlsjYJkEFZ30Q8rNZ5cox1nvb1XCwcOyp4S5s6sF+cB6MJN9CO4p12+2QXn8AiIzmguXt8iMhPlsjxfmTjetiGy3F4XTKNTS2iqY0LwQP97UEJP87kfu4K6D8q/dyclwoEGmpewPaktpTxPJpisAAAAASUVORK5CYII=);
1974
- background-position: 0 4px;
1975
- background-repeat: no-repeat;
1976
- padding-left:27px;
1977
- }
1978
- .rss-table .link-rss {
1979
- display:block;
1980
- line-height:1.55;
1981
- background-position:0 4px;
1982
- }
1983
- /* Shopping Cart ========================================================================= */
1984
- .cart .page-title {
1985
- border-bottom:0;
1986
- margin:0 0 12px;
1987
- }
1988
- /* Checkout Types */
1989
- .cart .title-buttons .checkout-types {
1990
- float:right;
1991
- }
1992
- /* Shopping Cart Table */
1993
- .cart-table th {
1994
- padding:2px 10px;
1995
- }
1996
- .cart-table td {
1997
- padding:10px;
1998
- }
1999
- .cart-table .product-name {
2000
- margin:0 0 5px;
2001
- }
2002
- .cart-table .item-msg {
2003
- margin:5px 0;
2004
- }
2005
- .cart-table tfoot td {
2006
- padding:5px 10px;
2007
- }
2008
- /* Shopping Cart Collateral boxes */
2009
- .cart .cart-collaterals {
2010
- padding:25px 0 0;
2011
- }
2012
- .cart .cart-collaterals .col2-set {
2013
- float:left;/*width:605px;*/
2014
- }
2015
- .cart .crosssell {
2016
- padding:12px 15px;
2017
- }
2018
- .cart .crosssell .product-image {
2019
- float:left;
2020
- width:75px;
2021
- height:75px;
2022
- }
2023
- .cart .crosssell .product-details {
2024
- margin-left:90px;
2025
- }
2026
- .cart .crosssell li.item {
2027
- margin:12px 0;
2028
- }
2029
- /* Discount Codes & Estimate Shipping and Tax Boxes */
2030
- .cart .discount, .cart .shipping {
2031
- padding: 3%;
2032
- }
2033
- .cart .discount h2, .cart .shipping h2 {
2034
- padding:0;
2035
- clear: both;
2036
- }
2037
- .cart .discount .buttons-set, .cart .shipping .buttons-set {
2038
- margin:10px 0 0;
2039
- border:0;
2040
- padding:0;
2041
- text-align:left;
2042
- }
2043
- .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button {
2044
- float:none;
2045
- margin-left:0;
2046
- }
2047
- .cart .discount .input-box {
2048
- margin:8px 0 0;
2049
- width:260px;
2050
- }
2051
- .cart .discount input.input-text {
2052
- width:254px;
2053
- }
2054
- .cart .shipping .sp-methods {
2055
- margin:10px 0 0;
2056
- padding:5px 0 0;
2057
- }
2058
- /* Shopping Cart Totals */
2059
- .cart .totals {
2060
- float:right;
2061
- max-width:268px;
2062
- width: 100%;
2063
- border:0;
2064
- }
2065
- .cart .totals table {
2066
- width:100%;
2067
- margin:7px 0;
2068
- }
2069
- .cart .totals td {
2070
- padding:1px 15px 1px 7px;
2071
- }
2072
- .cart .totals tfoot th {
2073
- padding:5px 15px 5px 7px;
2074
- }
2075
- .cart .totals tfoot td {
2076
- padding-top:5px;
2077
- padding-bottom:5px;
2078
- }
2079
- .cart .totals .checkout-types {
2080
- padding:8px 15px 15px;
2081
- text-align:right;
2082
- }
2083
- .cart .totals .checkout-types li {
2084
- clear:both;
2085
- margin:10px 0;
2086
- }
2087
- /* Options Tool Tip */
2088
- .item-options dt {
2089
- font-style:italic;
2090
- }
2091
- .item-options dd {
2092
- padding-left:10px;
2093
- margin:0 0 6px;
2094
- }
2095
- .truncated {
2096
- cursor:help;
2097
- }
2098
- .truncated a.dots {
2099
- cursor:help;
2100
- }
2101
- .truncated a.details {
2102
- cursor:help;
2103
- }
2104
- .truncated .truncated_full_value {
2105
- position:relative;
2106
- z-index:999;
2107
- }
2108
- .truncated .truncated_full_value dl {
2109
- position:absolute;
2110
- top:-99999em;
2111
- left:-99999em;
2112
- z-index:999;
2113
- width:250px;
2114
- padding:8px;
2115
- border:1px solid;
2116
- }
2117
- .truncated .show dl {
2118
- top:-20px;
2119
- left:50%;
2120
- }
2121
- .col-left .truncated .show dl {
2122
- left:15px;
2123
- top:7px;
2124
- }
2125
- .col-right .truncated .show dl {
2126
- left:-240px;
2127
- top:7px;
2128
- }
2129
- /* Checkout ============================================================================== */
2130
- /********** < Common Checkout Styles */
2131
- /* Shipping and Payment methods */
2132
- .sp-methods {
2133
- margin:0 0 8px;
2134
- }
2135
- .sp-methods dt {
2136
- margin:13px 0 5px;
2137
- }
2138
- .sp-methods dd li {
2139
- margin:5px 0;
2140
- }
2141
- .sp-methods .form-list {
2142
- padding-left:20px;
2143
- }
2144
- .sp-methods .form-list li {
2145
- margin:0 0 8px;
2146
- }
2147
- .sp-methods select.month {
2148
- width:154px;
2149
- margin-right:10px;
2150
- }
2151
- .sp-methods select.year {
2152
- width:96px;
2153
- }
2154
- .sp-methods input.cvv {
2155
- width:3em !important;
2156
- }
2157
- .sp-methods .checkmo-list li {
2158
- margin:0 0 5px;
2159
- }
2160
- .sp-methods .checkmo-list label {
2161
- width:135px;
2162
- padding-right:10px;
2163
- text-align:right;
2164
- }
2165
- .sp-methods .checkmo-list address {
2166
- float:left;
2167
- }
2168
- .sp-methods .centinel-logos a {
2169
- margin-right:3px;
2170
- }
2171
- .sp-methods .centinel-logos img {
2172
- vertical-align:middle;
2173
- }
2174
- .please-wait {
2175
- float:right;
2176
- }
2177
- .please-wait img {
2178
- vertical-align:middle;
2179
- }
2180
- .cvv-what-is-this {
2181
- cursor:help;
2182
- margin-left:10px;
2183
- }
2184
- /* Tooltip */
2185
- .tool-tip {
2186
- border:1px solid;
2187
- padding:15px 20px;
2188
- position:absolute;
2189
- z-index:9999;
2190
- }
2191
- .tool-tip .btn-close {
2192
- margin:-9px -14px 0;
2193
- text-align:right;
2194
- }
2195
- .tool-tip .btn-close a {
2196
- display:block;
2197
- margin:0 0 0 auto;
2198
- width:15px;
2199
- height:15px;
2200
- background-color: transparent;
2201
- background-image: url(data:image/gif;base64,R0lGODlhDwAPALMAAP///46OjomJieXl5bW1tbOzs7y8vODg4Nzc3IyMjNTU1M7Ozq+vr5iYmNHR0QAAACH5BAEAAA8ALAAAAAAPAA8AAART8IVJK5UI6M0BmtrShRrICEVXCAwADgG6rcHgBhosEAAh1CVcLtb42YKcQUKQOCI3PsGOA9L4Ao4Y73m16bYghXGjU9w0BmfOEDyMOoeAxEKXRwAAOw==);
2202
- background-position: 100% 0;
2203
- background-repeat: no-repeat;
2204
- text-align:left;
2205
- text-indent:-999em;
2206
- overflow:hidden;
2207
- }
2208
- .tool-tip .tool-tip-content {
2209
- padding:5px;
2210
- }
2211
- /* Gift Messages */
2212
- .gift-messages-form {
2213
- position:relative;
2214
- }
2215
- .gift-messages-form label {
2216
- float:none !important;
2217
- position:static !important;
2218
- }
2219
- .gift-messages-form .whole-order {
2220
- margin:0 0 25px;
2221
- }
2222
- .gift-messages-form .item {
2223
- margin:0 0 10px;
2224
- }
2225
- .gift-messages-form .item .product-img-box {
2226
- float:left;
2227
- width:75px;
2228
- }
2229
- .gift-messages-form .item .product-image {
2230
- margin:0 0 7px;
2231
- }
2232
- .gift-messages-form .item .number {
2233
- margin:0;
2234
- text-align:center;
2235
- }
2236
- .gift-messages-form .item .details {
2237
- margin-left:90px;
2238
- }
2239
- .gift-messages-form .item .details .product-name {
2240
- margin:0 0 10px;
2241
- }
2242
- .gift-messages-form .item .details .form-list .field {
2243
- width:255px;
2244
- }
2245
- .gift-messages-form .item .details .form-list .input-box {
2246
- width:240px;
2247
- }
2248
- .gift-messages-form .item .details .form-list input.input-text {
2249
- width:234px;
2250
- }
2251
- .gift-messages-form .item .details .form-list li.wide .input-box {
2252
- width:500px;
2253
- }
2254
- .gift-messages-form .item .details .form-list li.wide textarea {
2255
- width:494px;
2256
- }
2257
- .gift-message-link {
2258
- background-position: 100% 6px;
2259
- background-repeat: no-repeat;
2260
- background-image: url(data:image/gif;base64,R0lGODlhBQAyAPIFAPX19dbW1vz8/MXFxcTExAAAAAAAAAAAACH5BAUAAAUALAAAAAAFADIAAAMjOEM0wQSUNUoBQ9i7u/9gKI5kaZ5oqq6sKllCZDUV1jw0kQAAOw==);
2261
- padding-right:7px;
2262
- }
2263
- .gift-message-link.expanded {
2264
- background-position:100% -40px;
2265
- }
2266
- .gift-message-row .btn-close {
2267
- float:right;
2268
- width:16px;
2269
- height:16px;
2270
- background-color: transparent;
2271
- background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIFAPPz8/n5+fz8/O3t7dLS0gAAAAAAAAAAACH5BAUAAAUALAAAAAAQABAAAAM/WLrcLYNIApwCMw/RYv6cEkje5A3LWUzAKIXf2mbVGrum8rV23lOuX+BCwhF6jI+yJlL6GJClRSEAWIfTLCMBADs=);
2272
- background-position: 0 0;
2273
- background-repeat: no-repeat;
2274
- font-size:0;
2275
- line-height:0;
2276
- text-indent:-999em;
2277
- overflow:hidden;
2278
- }
2279
- /* Checkout Agreements */
2280
- .checkout-agreements li {
2281
- margin:30px 0;
2282
- }
2283
- .checkout-agreements .agreement-content {
2284
- overflow:auto;
2285
- height:12em;
2286
- padding:10px;
2287
- border:1px solid;
2288
- }
2289
- .checkout-agreements .agree {
2290
- margin:0;
2291
- padding:10px 0 10px 11px;
2292
- }
2293
- .checkout-agreements .agree input.checkbox {
2294
- margin-right:6px;
2295
- }
2296
- .opc .checkout-agreements {
2297
- padding: 1%;
2298
- }
2299
- .opc .checkout-agreements li {
2300
- margin:20px 0 0;
2301
- }
2302
- .opc .checkout-agreements .agreement-content {
2303
- padding:5px;
2304
- }
2305
- .opc .checkout-agreements .agree {
2306
- padding-left:6px;
2307
- }
2308
- /* Centinel */
2309
- .centinel .authentication {
2310
- border:1px solid;
2311
- }
2312
- .centinel .authentication iframe {
2313
- width:99%;
2314
- height:400px;
2315
- background:transparent !important;
2316
- margin:0 !important;
2317
- padding:0 !important;
2318
- border:0 !important;
2319
- }
2320
- .opc .centinel {
2321
- border:1px solid;
2322
- border-width:0 1px 1px;
2323
- padding:10px 30px;
2324
- }
2325
- /* Generic Info Set */
2326
- .info-set {
2327
- border:1px solid;
2328
- margin:0 0 25px;
2329
- padding:20px;
2330
- }
2331
- .info-set h2 {
2332
- margin:0 0 10px;
2333
- }
2334
- .info-set h2.legend {
2335
- margin:-20px -20px 15px;
2336
- padding:5px 10px;
2337
- border-bottom:1px solid;
2338
- position:relative;
2339
- }
2340
- .info-set h3.legend {
2341
- margin:0 0 10px;
2342
- }
2343
- .info-set .divider {
2344
- margin:0 -20px;
2345
- padding:25px 0;
2346
- position:relative;
2347
- }
2348
- .info-set .box {
2349
- margin:0 0 15px;
2350
- }
2351
- .info-set .data-table .item-options {
2352
- margin:5px 0 0;
2353
- }
2354
- /********** Common Checkout Styles > */
2355
-
2356
- /* One Page Checkout */
2357
- .block-progress {
2358
- border:0;
2359
- margin:0;
2360
- }
2361
- .block-progress .block-title {
2362
- background:none;
2363
- border:0;
2364
- padding:0;
2365
- margin:0 0 5px;
2366
- }
2367
- .block-progress dt {
2368
- line-height:1.35;
2369
- margin:0 0 6px;
2370
- padding:2px 8px;
2371
- }
2372
- .block-progress dd {
2373
- border-top:0;
2374
- padding:8px 13px;
2375
- margin:0 0 6px;
2376
- }
2377
- .block-progress dt.complete {
2378
- margin:0;
2379
- }
2380
- .block-progress p {
2381
- margin:0;
2382
- }
2383
- .opc .buttons-set {
2384
- margin-top:0;
2385
- padding-top:2em;
2386
- }
2387
- .opc .buttons-set p.required {
2388
- margin:0;
2389
- padding:0 0 10px;
2390
- }
2391
- .opc .buttons-set .back-link small {
2392
- display:none;
2393
- }
2394
- .opc .buttons-set.disabled button.button {
2395
- display:none;
2396
- }
2397
- .opc .buttons-set .please-wait {
2398
- height:21px;
2399
- line-height:21px;
2400
- }
2401
- .opc .ul {
2402
- list-style:disc outside;
2403
- padding-left:18px;
2404
- }
2405
- .opc {
2406
- position:relative;
2407
- }
2408
- .opc .step-title {
2409
- padding: 1%;
2410
- text-align:right;
2411
- }
2412
- .opc .step-title .number {
2413
- float:left;
2414
- padding:0 4px;
2415
- margin:0 5px 0 0;
2416
- }
2417
- .opc .step-title h2 {
2418
- float:left;
2419
- margin:0;
2420
- }
2421
- .opc .step-title a {
2422
- display:none;
2423
- float:right;
2424
- }
2425
- .opc .allow .step-title {
2426
- border-bottom:0;
2427
- cursor:pointer;
2428
- }
2429
- .opc .active .step-title {
2430
- padding-bottom:5px;
2431
- cursor:default;
2432
- }
2433
- .opc .step {
2434
- padding:15px 30px;
2435
- position:relative;
2436
- }
2437
- .opc .step .tool-tip {
2438
- right:30px;
2439
- }
2440
- #opc-login .buttons-set {
2441
- border-top:0;
2442
- }
2443
- #opc-login h3 {
2444
- padding-bottom:2px;
2445
- }
2446
- #opc-login h4 {
2447
- margin:0;
2448
- }
2449
- #opc-shipping_method .buttons-set {
2450
- border-top:0;
2451
- }
2452
- .opc .gift-messages-form .inner-box {
2453
- padding:5px;
2454
- height:260px;
2455
- overflow:auto;
2456
- }
2457
- #opc-review .step {
2458
- border:0;
2459
- padding:0;
2460
- }
2461
- #opc-review .item-options {
2462
- margin:5px 0 0;
2463
- }
2464
- #opc-review .buttons-set {
2465
- padding:1% 3%;
2466
- }
2467
- #opc-review .buttons-set p {
2468
- margin:0;
2469
- line-height:40px;
2470
- }
2471
- #opc-review .buttons-set .please-wait {
2472
- height:40px;
2473
- line-height:40px;
2474
- }
2475
- /* Multiple Addresses Checkout */
2476
- .checkout-progress {
2477
- padding:0 90px;
2478
- margin:0 0 20px;
2479
- }
2480
- .checkout-progress li {
2481
- float:left;
2482
- width:19%;
2483
- margin:0 3px 0 0;
2484
- border-top:10px solid;
2485
- padding:2px 0 0;
2486
- text-align:center;
2487
- }
2488
- .checkout-progress li.active {
2489
- }
2490
- .multiple-checkout h2 {
2491
- margin:0 0 10px;
2492
- }
2493
- .multiple-checkout .data-table .item-options {
2494
- margin:5px 0 0;
2495
- }
2496
- .multiple-checkout .gift-messages {
2497
- margin:15px 0 0;
2498
- }
2499
- .multiple-checkout .tool-tip {
2500
- top:50%;
2501
- margin-top:-120px;
2502
- right:20px;
2503
- }
2504
- .multiple-checkout .col2-set, .multiple-checkout .col3-set {
2505
- border:1px solid;
2506
- margin:0 0 25px;
2507
- padding:20px;
2508
- }
2509
- .multiple-checkout .col2-set h2.legend {
2510
- margin:-20px -20px 15px;
2511
- padding:5px 10px;
2512
- border-bottom:1px solid;
2513
- position:relative;
2514
- }
2515
- .multiple-checkout .col2-set h3.legend {
2516
- margin:0 0 10px;
2517
- }
2518
- .multiple-checkout .col2-set .divider {
2519
- margin:0 -20px;
2520
- padding:25px 0;
2521
- position:relative;
2522
- }
2523
- .multiple-checkout .box {
2524
- margin:0 0 15px;
2525
- }
2526
- .multiple-checkout .place-order .please-wait {
2527
- float:right;
2528
- padding:27px 7px 0 0;
2529
- }
2530
- .multiple-checkout .place-order .grand-total {
2531
- float:right;
2532
- height:71px;
2533
- font-size:1.5em;
2534
- padding:0 0 0 0px;
2535
- overflow:hidden;
2536
- }
2537
- .multiple-checkout .place-order .grand-total .inner {
2538
- float:left;
2539
- height:57px;
2540
- padding:14px 0px 0 0;
2541
- }
2542
- .multiple-checkout .place-order .grand-total .inner div {
2543
- display:inline;
2544
- }
2545
- .multiple-checkout .place-order .grand-total big {
2546
- display:inline;
2547
- margin-right:12px;
2548
- }
2549
- .multiple-checkout .place-order .grand-total button.button span span {
2550
- padding:0 45px 0 36px;
2551
- }
2552
- /* Step 1 */
2553
- #multiship-addresses-table td {
2554
- padding:10px;
2555
- }
2556
- #multiship-addresses-table tfoot td {
2557
- padding:5px 10px;
2558
- }
2559
- /* Step 2 */
2560
- .multiple-checkout .gift-messages-form .item .details .form-list {
2561
- width:100%;
2562
- overflow:hidden;
2563
- }
2564
- .multiple-checkout .gift-messages-form .item .details .form-list li {
2565
- margin-right:-15px;
2566
- }
2567
- .multiple-checkout .gift-messages-form .item .details .form-list .field {
2568
- width:230px;
2569
- }
2570
- .multiple-checkout .gift-messages-form .item .details .form-list .input-box {
2571
- width:215px;
2572
- }
2573
- .multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
2574
- width:209px;
2575
- }
2576
- .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
2577
- width:445px;
2578
- }
2579
- .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
2580
- width:439px;
2581
- }
2582
- .checkout-multishipping-shipping .box-sp-methods {
2583
- border:1px solid;
2584
- padding:13px;
2585
- position:relative;
2586
- }
2587
- .checkout-multishipping-shipping .box-sp-methods .pointer {
2588
- position:absolute;
2589
- top:-20px;
2590
- right:-40px;
2591
- width:178px;
2592
- height:41px;
2593
- overflow:hidden;
2594
- }
2595
- /* Step 3 */
2596
- .checkout-multishipping-billing .multiple-checkout {
2597
- position:relative;
2598
- }
2599
- /* Account Login/Create Pages ============================================================ */
2600
- .account-login .content h2 {
2601
- margin:0 0 14px;
2602
- padding:0 0 5px 0px;
2603
- border-bottom:1px solid;
2604
- background-position:0 1px;
2605
- background-repeat:no-repeat;
2606
- }
2607
- .account-login .buttons-set {
2608
- border-top:0;
2609
- margin:0;
2610
- }
2611
- .account-login {
2612
- margin-bottom: 3%;
2613
- }
2614
- /* My Account ============================================================================= */
2615
- .my-account .title-buttons .link-rss {
2616
- float:none;
2617
- margin:0;
2618
- }
2619
- /********** < Dashboard */
2620
- .dashboard .col2-set {
2621
- margin:0 0 15px;
2622
- }
2623
- /* General Box */
2624
- .box-account {
2625
- margin: 0 0 20px;
2626
- }
2627
- .box-account .box-head {
2628
- margin:0 0 1% 0;
2629
- }
2630
- .dashboard .box .box-title {
2631
- padding:0 0 2px;
2632
- margin:0 0 8px;
2633
- text-align:right;
2634
- }
2635
- .dashboard .box .box-title h3, .dashboard .box .box-title h4 {
2636
- float:left;
2637
- margin:0;
2638
- }
2639
- /* Block: Reviews */
2640
- .dashboard .box-reviews .number {
2641
- float:left;
2642
- font-size:10px;
2643
- line-height:1;
2644
- color:#fff;
2645
- margin:3px -20px 0 0;
2646
- padding:2px 3px;
2647
- }
2648
- .dashboard .box-reviews .details {
2649
- margin-left:20px;
2650
- }
2651
- .dashboard .box-reviews li.item {
2652
- margin:0 0 7px;
2653
- }
2654
- .dashboard .box-reviews li.item.last {
2655
- margin:0;
2656
- }
2657
- .dashboard .box-reviews .ratings {
2658
- margin:7px 0 0;
2659
- }
2660
- /* Block: Tags */
2661
- .dashboard .box-tags .number {
2662
- float:left;
2663
- font-size:10px;
2664
- line-height:1;
2665
- color:#fff;
2666
- margin:3px -20px 0 0;
2667
- padding:2px 3px;
2668
- }
2669
- .dashboard .box-tags .details {
2670
- margin-left:20px;
2671
- }
2672
- .dashboard .box-tags li.item {
2673
- margin:0 0 7px;
2674
- }
2675
- .dashboard .box-tags li.item.last {
2676
- margin:0;
2677
- }
2678
- .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li {
2679
- display:inline;
2680
- }
2681
- /********** Dashboard > */
2682
- /* Address Book */
2683
- .addresses-list address {
2684
- margin:0 0 3px;
2685
- }
2686
- .addresses-list p {
2687
- margin:0;
2688
- }
2689
- .addresses-list .separator {
2690
- margin:0 3px;
2691
- }
2692
- .addresses-list li.item {
2693
- border:1px solid;
2694
- padding:10px 13px;
2695
- margin:0 0 10px;
2696
- }
2697
- .addresses-list li.empty {
2698
- background:none;
2699
- border:0;
2700
- padding:0;
2701
- }
2702
- .addresses-list li.empty p {
2703
- }
2704
- .addresses-list .addresses-additional li.item {
2705
- background:none;
2706
- border:0;
2707
- padding:0;
2708
- }
2709
- /* Order View */
2710
- .order-info {
2711
- border:1px solid;
2712
- padding:4px 8px;
2713
- margin:0 0 8px;
2714
- }
2715
- .order-info dt, .order-info dd, .order-info ul, .order-info li {
2716
- display:inline;
2717
- }
2718
- .order-info li {
2719
- margin:0 3px;
2720
- }
2721
- .order-date {
2722
- margin:10px 0;
2723
- }
2724
- .order-info-box {
2725
- border:1px solid;
2726
- padding:12px 15px;
2727
- margin:0 0 15px;
2728
- }
2729
- .order-info-box .box-payment p {
2730
- margin:0 0 3px;
2731
- }
2732
- .order-info-box .box-payment th {
2733
- padding-right:7px;
2734
- }
2735
- .order-items {
2736
- width:100%;
2737
- overflow-x:auto;
2738
- }
2739
- .order-items .link-print {
2740
- float:right;
2741
- }
2742
- .order-items p .link-print {
2743
- float:none;
2744
- }
2745
- .order-gift-message {
2746
- margin:15px 0;
2747
- }
2748
- .gift-message dd {
2749
- margin:5px 0 0;
2750
- }
2751
- .order-about {
2752
- margin:15px 0;
2753
- }
2754
- .order-about dd {
2755
- margin:0 0 7px;
2756
- }
2757
- .tracking-table {
2758
- margin:0 0 15px;
2759
- }
2760
- .tracking-table th {
2761
- white-space:nowrap;
2762
- }
2763
- .tracking-table th, .tracking-table td {
2764
- padding:1px 5px 0 0;
2765
- }
2766
- .tracking-table-popup {
2767
- width:100%;
2768
- }
2769
- .tracking-table-popup th {
2770
- white-space:nowrap;
2771
- }
2772
- .tracking-table-popup th, .tracking-table-popup td {
2773
- padding:1px 8px;
2774
- }
2775
- /* Order Print Pages */
2776
- .page-print .print-head {
2777
- margin:0 0 15px;
2778
- }
2779
- .page-print .print-head .logo {
2780
- float:left;
2781
- }
2782
- .page-print .print-head address {
2783
- float:left;
2784
- margin-left:15px;
2785
- }
2786
- .page-print .order-date {
2787
- padding:0 0 10px;
2788
- margin:0 0 10px;
2789
- }
2790
- .page-print .col2-set {
2791
- margin:0 0 10px;
2792
- }
2793
- /* Price Rewrites */
2794
- .page-print .gift-message-link {
2795
- display:none;
2796
- }
2797
- .page-print .price-excl-tax, .page-print .price-incl-tax {
2798
- display:block;
2799
- white-space:nowrap;
2800
- }
2801
- .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price {
2802
- display:inline;
2803
- }
2804
- /* My Wishlist */
2805
- .my-wishlist .data-table td {
2806
- padding:10px;
2807
- }
2808
- .my-wishlist .product-image {
2809
- display:block;
2810
- width:113px;
2811
- height:113px;
2812
- margin:0 0 5px;
2813
- }
2814
- .my-wishlist textarea {
2815
- display:block;
2816
- width:97%;
2817
- height:109px;
2818
- }
2819
- .my-wishlist .buttons-set {
2820
- margin-top:2em;
2821
- }
2822
- .my-wishlist .buttons-set button.button {
2823
- float:none;
2824
- }
2825
- #wishlist-table .add-to-links {
2826
- white-space:nowrap;
2827
- }
2828
- /* My Tags */
2829
- .my-tag-edit {
2830
- float:left;
2831
- margin:0 0 10px;
2832
- }
2833
- .my-tag-edit .btn-remove {
2834
- float:right;
2835
- margin:5px 0 0 5px;
2836
- }
2837
- #my-tags-table {
2838
- clear:both;
2839
- }
2840
- #my-tags-table td {
2841
- padding:10px;
2842
- }
2843
- #my-tags-table .add-to-links {
2844
- white-space:nowrap;
2845
- }
2846
- /* My Reviews */
2847
- #my-reviews-table td {
2848
- padding:10px;
2849
- }
2850
- .product-review .product-img-box {
2851
- float:left;
2852
- width:140px;
2853
- }
2854
- .product-review .product-img-box .product-image {
2855
- display:block;
2856
- width:125px;
2857
- height:125px;
2858
- }
2859
- .product-review .product-img-box .label {
2860
- margin:0 0 3px;
2861
- }
2862
- .product-review .product-img-box .ratings .rating-box {
2863
- float:none;
2864
- display:block;
2865
- margin:0 0 3px;
2866
- }
2867
- .product-review .product-details {
2868
- margin-left:150px;
2869
- }
2870
- .product-review .product-name {
2871
- margin:0 0 10px;
2872
- }
2873
- .product-review h3 {
2874
- margin:0 0 3px;
2875
- }
2876
- .product-review .ratings-table {
2877
- margin:0 0 10px;
2878
- }
2879
- .product-review dd {
2880
- margin:5px 0 0;
2881
- }
2882
- /* Billing Agreements */
2883
- .billing-agreements .form-list li select {
2884
- float:left;
2885
- }
2886
- .billing-agreements .form-list li button.button {
2887
- float:left;
2888
- margin-left:10px;
2889
- }
2890
- /* Footer ================================================================================ */
2891
- .footer .store-switcher {
2892
- display:inline;
2893
- margin:0 5px 0 0;
2894
- }
2895
- .footer .store-switcher label {
2896
- vertical-align:middle;
2897
- }
2898
- .footer .store-switcher select {
2899
- padding:0;
2900
- vertical-align:middle;
2901
- }
2902
- .footer .bugs {
2903
- margin:13px 0 0;
2904
- }
2905
- .footer address {
2906
- margin:0 0 0px;
2907
- }
2908
- /*.footer ul { display:inline; }*/
2909
- .footer ul.links {
2910
- display:block;
2911
- }
2912
- .footer ul.links {
2913
- display:inline;
2914
- }
2915
- .footer li.last {
2916
- background:none;
2917
- }
2918
- .footer-container .bottom-container {
2919
- margin:0 0 5px;
2920
- }
2921
- /* Sample Data============================================================================ */
2922
- .home-callout {
2923
- margin-bottom:12px;
2924
- }
2925
- .home-callout img {
2926
- display:block
2927
- }
2928
- .home-spot {
2929
- float:left;
2930
- width:470px;
2931
- margin-left:20px;
2932
- }
2933
- .best-selling h3 {
2934
- margin:12px 0 6px 0;
2935
- }
2936
- .best-selling table {
2937
- border-top:1px solid;
2938
- }
2939
- .best-selling td {
2940
- width:50%;
2941
- border-bottom:1px solid;
2942
- padding:8px 10px 8px 8px;
2943
- }
2944
- .best-selling .product-img {
2945
- float:left;
2946
- border:2px solid;
2947
- }
2948
- .best-selling .product-description {
2949
- margin-left:107px;
2950
- line-height:1.3em;
2951
- }
2952
- /* Clears ================================================================================ */
2953
- .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after {
2954
- display:block;
2955
- content:".";
2956
- clear:both;
2957
- font-size:0;
2958
- line-height:0;
2959
- height:0;
2960
- overflow:hidden;
2961
- }
2962
- /* ======================================================================================= */
2963
- .demo-notice {
2964
- margin: 0;
2965
- padding: 6px 10px;
2966
- background: #d75f07;
2967
- font-size: 12px;
2968
- line-height: 1.15;
2969
- border: 0;
2970
- text-align: center;
2971
- }
2972
- .demo-notice .notice-inner p {
2973
- padding: 0;
2974
- border: 0;
2975
- margin: 0;
2976
- color: #fff;
2977
  }
1
+ /*font*/
2
+ @font-face {
3
+ font-family: 'Ubuntu';
4
+ font-style: normal;
5
+ font-weight: bold;
6
+ src: url('ubuntu.eot');
7
+ src: url('ubuntu.eot?#iefix') format('embedded-opentype'), url('ubuntu.ttf') format('truetype'), url('ubuntu.svg#Ubuntu') format('svg');
8
+ font-weight: 300;
9
+ font-style: normal;
10
+ }
11
+ @font-face {
12
+ font-family: 'Ubuntu';
13
+ font-style: normal;
14
+ font-weight: normal;
15
+ src: url('ubuntu.eot');
16
+ src: url('ubuntu.eot?#iefix') format('embedded-opentype'), url('ubuntu.ttf') format('truetype'), url('ubuntu.svg#Ubuntu') format('svg');
17
+ }
18
+ @font-face {
19
+ font-family: 'UbuntuCondensed';
20
+ font-weight: 300;
21
+ font-style: normal;
22
+ src: url('ubuntu_cond.eot');
23
+ src: url('ubuntu_cond.eot?#iefix') format('embedded-opentype'), url('ubuntu_cond.ttf') format('truetype'), url('ubuntu_cond.svg#UbuntuCondensed') format('svg');
24
+ }
25
+ /* Reset ================================================================================= */
26
+ * {
27
+ margin:0;
28
+ padding:0;
29
+ }
30
+ img {
31
+ border:0;
32
+ vertical-align:top;
33
+ }
34
+ a {
35
+ outline: none;
36
+ }
37
+ a:hover {
38
+ outline: none;
39
+ }
40
+ :focus {
41
+ outline:0;
42
+ }
43
+ a:active {
44
+ outline: none;
45
+ }
46
+ /* Forms */
47
+ form {
48
+ display:inline;
49
+ }
50
+ fieldset {
51
+ border:0;
52
+ }
53
+ legend {
54
+ display:none;
55
+ }
56
+ /* Table */
57
+ table {
58
+ border:0; /*border-collapse:collapse;*/
59
+ border-spacing:0;
60
+ empty-cells:show;
61
+ font-size:100%;
62
+ }
63
+ caption, th, td {
64
+ vertical-align:top;
65
+ text-align:left;
66
+ }
67
+ /* Content */
68
+ address {
69
+ font-style:normal;
70
+ line-height:1.35;
71
+ }
72
+ cite {
73
+ font-style:normal;
74
+ }
75
+ q, blockquote {
76
+ quotes:none;
77
+ }
78
+ q:before, q:after {
79
+ content:'';
80
+ }
81
+ /* Lists */
82
+ ul, ol {
83
+ list-style:none;
84
+ }
85
+ /* Tools */
86
+ .hidden {
87
+ display:block !important;
88
+ border:0 !important;
89
+ margin:0 !important;
90
+ padding:0 !important;
91
+ font-size:0 !important;
92
+ line-height:0 !important;
93
+ width:0 !important;
94
+ height:0 !important;
95
+ overflow:hidden !important;
96
+ }
97
+ .nobr {
98
+ white-space:nowrap !important;
99
+ }
100
+ .wrap {
101
+ white-space:normal !important;
102
+ }
103
+ .a-left {
104
+ text-align:left !important;
105
+ }
106
+ .a-center {
107
+ text-align:center !important;
108
+ }
109
+ .a-right {
110
+ text-align:right !important;
111
+ }
112
+ .v-top {
113
+ vertical-align:top;
114
+ }
115
+ .v-middle {
116
+ vertical-align:middle;
117
+ }
118
+ .f-left, .left {
119
+ float:left !important;
120
+ }
121
+ .f-right, .right {
122
+ float:right !important;
123
+ }
124
+ .f-none {
125
+ float:none !important;
126
+ }
127
+ .f-fix {
128
+ float:left;
129
+ width:100%;
130
+ }
131
+ .no-display {
132
+ display:none;
133
+ }
134
+ .no-margin {
135
+ margin:0 !important;
136
+ }
137
+ .no-padding {
138
+ padding:0 !important;
139
+ }
140
+ .no-bg {
141
+ background:none !important;
142
+ }
143
+ .sp {
144
+ display:block !important;
145
+ border:0 !important;
146
+ margin:0 !important;
147
+ padding:0 !important;
148
+ font-size:0 !important;
149
+ line-height:0 !important;
150
+ height:0 !important;
151
+ overflow:hidden !important;
152
+ clear: both;
153
+ }
154
+ /* Layout ================================================================================ */
155
+ .page-print {
156
+ background:#ffffff;
157
+ padding:25px 30px;
158
+ text-align:left;
159
+ }
160
+ .page-empty {
161
+ background:#ffffff;
162
+ padding:20px;
163
+ text-align:left;
164
+ }
165
+ .page-popup {
166
+ background:#ffffff;
167
+ padding:20px;
168
+ text-align:left;
169
+ }
170
+ .page-popup img {
171
+ max-width: 100%;
172
+ height: auto;
173
+ width: auto\9;
174
+ }
175
+ .main {
176
+ margin:0 auto;
177
+ text-align:left;
178
+ }
179
+ /* Global Styles ========================================================================= */
180
+ /* Form Elements */
181
+ input, select, textarea, button {
182
+ vertical-align:middle;
183
+ }
184
+ select {
185
+ padding:0px;
186
+ }
187
+ select option {
188
+ padding-right:10px;
189
+ }
190
+ select.multiselect option {
191
+ padding:2px 5px;
192
+ }
193
+ select.multiselect option:last-child {
194
+ border-bottom:0;
195
+ }
196
+ textarea {
197
+ overflow:auto;
198
+ }
199
+ input.radio {
200
+ margin-right:3px;
201
+ }
202
+ input.checkbox {
203
+ margin-right:3px;
204
+ }
205
+ input.qty {
206
+ width:2.5em;
207
+ }
208
+ button.button::-moz-focus-inner {
209
+ padding:0;
210
+ border:0;
211
+ } /* FF Fix */
212
+ button.button {
213
+ -webkit-border-fit:lines;
214
+ } /* <- Safari & Google Chrome Fix */
215
+ button.button {
216
+ overflow:visible;
217
+ width:auto;
218
+ border:0;
219
+ cursor:pointer;
220
+ }
221
+ button.button span {
222
+ display:block;
223
+ white-space:nowrap;
224
+ }
225
+ button.disabled span {
226
+ border:0;
227
+ }
228
+ p.control input.checkbox, p.control input.radio {
229
+ margin-right:6px;
230
+ }
231
+ .form-list li {
232
+ margin:0 0 8px;
233
+ }
234
+ .form-list label {
235
+ float:left;
236
+ position:relative;
237
+ z-index:0;
238
+ }
239
+ .form-list label.required {
240
+ }
241
+ .form-list label.required em {
242
+ float:right;
243
+ font-style:normal;
244
+ position:absolute;
245
+ top:0;
246
+ right:-8px;
247
+ }
248
+ .form-list li.control label {
249
+ float:none;
250
+ }
251
+ .form-list li.control input.radio, .form-list li.control input.checkbox {
252
+ margin-right:6px;
253
+ }
254
+ .form-list li.control .input-box {
255
+ clear:none;
256
+ display:inline;
257
+ width:auto;
258
+ }
259
+ .form-list .input-box {
260
+ display:block;
261
+ clear:both;
262
+ width: 95%;
263
+ margin-right: 5%;
264
+ max-width: 260px;
265
+ }
266
+ .form-list .field {
267
+ float:left;
268
+ }
269
+ .form-list input.input-text {
270
+ width: 100%;
271
+ }
272
+ .form-list textarea {
273
+ width: 100%;
274
+ max-width: 254px;
275
+ height:10em;
276
+ }
277
+ .form-list select {
278
+ width: 100%;
279
+ }
280
+ .form-list li.wide .input-box {
281
+ width:535px;
282
+ }
283
+ .form-list li.wide input.input-text {
284
+ width:529px;
285
+ }
286
+ .form-list li.wide textarea {
287
+ width:529px;
288
+ }
289
+ .form-list li.wide select {
290
+ width:535px;
291
+ }
292
+ .form-list li.additional-row {
293
+ border-top:1px solid #ccc;
294
+ margin-top:10px;
295
+ padding-top:7px;
296
+ }
297
+ .form-list li.additional-row .btn-remove {
298
+ float:right;
299
+ margin:5px 0 0;
300
+ }
301
+ .form-list .input-range input.input-text {
302
+ width:74px;
303
+ }
304
+ /* Customer */
305
+ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box {
306
+ width:auto;
307
+ }
308
+ .form-list .name-prefix {
309
+ width:65px;
310
+ }
311
+ .form-list .name-prefix select {
312
+ width:55px;
313
+ }
314
+ .form-list .name-prefix input.input-text {
315
+ width:49px;
316
+ }
317
+ .form-list .name-suffix {
318
+ width:65px;
319
+ }
320
+ .form-list .name-suffix select {
321
+ width:55px;
322
+ }
323
+ .form-list .name-suffix input.input-text {
324
+ width:49px;
325
+ }
326
+ .form-list .name-middlename {
327
+ width:70px;
328
+ }
329
+ .form-list .name-middlename input.input-text {
330
+ width:49px;
331
+ }
332
+ .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname {
333
+ width:140px;
334
+ }
335
+ .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text {
336
+ width:124px;
337
+ }
338
+ .form-list .customer-name-prefix-middlename-suffix .name-lastname {
339
+ width:205px;
340
+ }
341
+ .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
342
+ width:189px;
343
+ }
344
+ .form-list .customer-name-prefix-suffix .name-firstname {
345
+ width:210px;
346
+ }
347
+ .form-list .customer-name-prefix-suffix .name-lastname {
348
+ width:205px;
349
+ }
350
+ .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {
351
+ width:189px;
352
+ }
353
+ .form-list .customer-name-prefix-suffix .name-firstname {
354
+ width:210px;
355
+ }
356
+ .form-list .customer-name-prefix-suffix .name-lastname {
357
+ width:205px;
358
+ }
359
+ .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text {
360
+ width:189px;
361
+ }
362
+ .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname {
363
+ width:210px;
364
+ }
365
+ .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname {
366
+ width:205px;
367
+ }
368
+ .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text {
369
+ width:189px;
370
+ }
371
+ .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year {
372
+ float:left;
373
+ width:85px;
374
+ }
375
+ .form-list .customer-dob input.input-text {
376
+ display:block;
377
+ width:74px;
378
+ }
379
+ .form-list .customer-dob label {
380
+ font-size:10px;
381
+ }
382
+ .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {
383
+ width:60px;
384
+ }
385
+ .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text {
386
+ width:46px;
387
+ }
388
+ .form-list .customer-dob .dob-year {
389
+ width:140px;
390
+ }
391
+ .form-list .customer-dob .dob-year input.input-text {
392
+ width:134px;
393
+ }
394
+ .buttons-set {
395
+ clear:both;
396
+ margin:1% 0 0 0;
397
+ padding:1% 0 0 0;
398
+ text-align:right;
399
+ }
400
+ .buttons-set p.required {
401
+ margin:0 0 10px;
402
+ }
403
+ .buttons-set .back-link {
404
+ float:left;
405
+ margin:0;
406
+ }
407
+ .buttons-set button.button {
408
+ float:right;
409
+ margin-left:5px;
410
+ }
411
+ .buttons-set-order {
412
+ margin:10px 0 0;
413
+ }
414
+ .buttons-set-order .please-wait {
415
+ padding:12px 7px 0 0;
416
+ }
417
+ .fieldset {
418
+ border:1px solid;
419
+ padding:22px 25px 12px 33px;
420
+ margin:28px 0;
421
+ }
422
+ .fieldset .legend {
423
+ float:left;
424
+ border:1px solid;
425
+ margin:-33px 0 0 -10px;
426
+ padding:0 8px;
427
+ position:relative;
428
+ }
429
+ /* Form Validation */
430
+ .validation-advice {
431
+ clear:both;
432
+ min-height:13px;
433
+ margin:3px 0 0;
434
+ line-height:13px;
435
+ }
436
+ .validation-failed {
437
+ border:0 !important;
438
+ background:#faebe7 !important;
439
+ }
440
+ p.required {
441
+ text-align:right;
442
+ }
443
+ /* Expiration date and CVV number validation fix */
444
+ .v-fix {
445
+ float:left;
446
+ }
447
+ .v-fix .validation-advice {
448
+ display:block;
449
+ width:12em;
450
+ margin-right:-12em;
451
+ position:relative;
452
+ }
453
+ /* Global Messages */
454
+ .messages, .messages ul {
455
+ list-style:none !important;
456
+ margin:0 !important;
457
+ padding:0 !important;
458
+ }
459
+ .messages {
460
+ width:100%;
461
+ overflow:hidden;
462
+ }
463
+ .messages li {
464
+ margin:0 0 10px !important;
465
+ }
466
+ .messages li li {
467
+ margin:0 0 3px !important;
468
+ }
469
+ .error-msg, .success-msg, .note-msg, .notice-msg {
470
+ min-height: 16px;
471
+ padding:1% 5%;
472
+ }
473
+ /* Page Heading */
474
+ .page-title {
475
+ width:100%;
476
+ overflow:hidden;
477
+ }
478
+ .page-title h1, .page-title h2 {
479
+ margin:0;
480
+ }
481
+ .page-title .separator {
482
+ margin:0 3px;
483
+ }
484
+ .page-title .link-rss {
485
+ float:right;
486
+ margin:7px 0 0;
487
+ }
488
+ .title-buttons {
489
+ text-align:right;
490
+ }
491
+ .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
492
+ float:left;
493
+ }
494
+ .subtitle {
495
+ clear:both;
496
+ padding:15px 0 0;
497
+ margin:0 0 6px;
498
+ }
499
+ /* Pager */
500
+ .pager {
501
+ padding:4px 8px;
502
+ text-align:center;
503
+ }
504
+ .pager .amount {
505
+ float:left;
506
+ margin:0;
507
+ }
508
+ .pager .limiter {
509
+ float:right;
510
+ }
511
+ .pager .limiter label {
512
+ vertical-align:middle;
513
+ }
514
+ .pager .limiter select {
515
+ padding:0;
516
+ margin:0 0 1px;
517
+ vertical-align:middle;
518
+ }
519
+ .pager .pages ol {
520
+ display:inline;
521
+ }
522
+ .pager .pages li {
523
+ display:inline;
524
+ margin:0 2px;
525
+ }
526
+ .pager .pages .current {
527
+ }
528
+ /* Sorter */
529
+ .sorter {
530
+ padding:3px 8px;
531
+ }
532
+ .sorter .view-mode {
533
+ float:left;
534
+ margin:0;
535
+ }
536
+ .sorter .sort-by {
537
+ float:right;
538
+ padding-right:36px;
539
+ }
540
+ .sorter .sort-by label {
541
+ vertical-align:middle;
542
+ }
543
+ .sorter .sort-by select {
544
+ padding:0;
545
+ margin:0 0 1px;
546
+ vertical-align:middle;
547
+ }
548
+ /* Toolbar */
549
+ .toolbar .pager {
550
+ padding:3px 8px;
551
+ }
552
+ /* Data Table */
553
+ .data-table {
554
+ width:100%;
555
+ }
556
+ .data-table td.last, .data-table th.last {
557
+ border-right:0;
558
+ }
559
+ .data-table th {
560
+ padding:3px 8px;
561
+ }
562
+ .data-table td {
563
+ padding:3px 8px;
564
+ }
565
+ .data-table thead th {
566
+ padding:2px 8px;
567
+ white-space:nowrap;
568
+ vertical-align:middle;
569
+ }
570
+ .data-table thead th.wrap {
571
+ white-space:normal;
572
+ }
573
+ .data-table thead th .tax-flag {
574
+ white-space:nowrap;
575
+ }
576
+ .data-table tfoot td {
577
+ padding-top:1px;
578
+ padding-bottom:1px;
579
+ border-bottom:0;
580
+ }
581
+ /* Bundle products tables */
582
+ .data-table tbody.odd tr td, .data-table tbody.even tr td {
583
+ border-bottom:0;
584
+ }
585
+ .data-table tbody td .option-label {
586
+ font-style:italic;
587
+ }
588
+ .data-table tbody td .option-value {
589
+ padding-left:10px;
590
+ }
591
+ /* Generic Info Box */
592
+ .info-box {
593
+ padding:12px 15px;
594
+ margin:0 0 15px;
595
+ }
596
+ .info-table th {
597
+ padding:2px 15px 2px 0;
598
+ }
599
+ .info-table td {
600
+ padding:2px 0;
601
+ }
602
+ /* Shopping cart total summary row expandable to details */
603
+ tr.summary-total {
604
+ cursor:pointer;
605
+ }
606
+ tr.summary-total .summary-collapse {
607
+ float:right;
608
+ text-align:right;
609
+ padding-left:20px;
610
+ background-position: 0 5px;
611
+ background-image: url(data:image/gif;base64,R0lGODlhCQBCAPABALq6ugAAACH5BAUAAAEALAAAAAAJAEIAAAIyRIwXy2z7lGsI2DSz3A2qFHXiSJbmiabqyrbuC8fyTNf2jefUx5OhJqpcOJ2fx8dDFAAAOw==);
612
+ background-repeat: no-repeat;
613
+ cursor:pointer;
614
+ }
615
+ tr.show-details .summary-collapse {
616
+ background-position:0 -52px;
617
+ }
618
+ tr.summary-details-excluded {
619
+ font-style:italic;
620
+ }
621
+ /* Shopping cart tax info */
622
+ .cart-tax-info {
623
+ display:block;
624
+ }
625
+ .cart-tax-info, .cart-tax-info .cart-price {
626
+ padding-right:20px;
627
+ }
628
+ .cart-tax-total {
629
+ display:block;
630
+ padding-right:20px;
631
+ background-repeat: no-repeat;
632
+ background-image: url(data:image/gif;base64,R0lGODlhCQBCAPABALq6ugAAACH5BAUAAAEALAAAAAAJAEIAAAIyRIwXy2z7lGsI2DSz3A2qFHXiSJbmiabqyrbuC8fyTNf2jefUx5OhJqpcOJ2fx8dDFAAAOw==);
633
+ background-position: 100% 5px;
634
+ cursor:pointer;
635
+ }
636
+ .cart-tax-info .price, .cart-tax-total .price {
637
+ display:inline !important;
638
+ }
639
+ .cart-tax-total-expanded {
640
+ background-position:100% -52px;
641
+ }
642
+ /* Class: std - styles for admin-controlled content */
643
+ .std .subtitle {
644
+ padding:0;
645
+ }
646
+ .std ol.ol {
647
+ list-style:decimal outside;
648
+ padding-left:1.5em;
649
+ }
650
+ .std ul.disc {
651
+ list-style:disc outside;
652
+ padding-left:18px;
653
+ margin:0 0 10px;
654
+ }
655
+ .std dl dd {
656
+ margin:0 0 10px;
657
+ }
658
+ /* Misc */
659
+ .link-rss {
660
+ background-color: transparent;
661
+ background-image: url(data:image/gif;base64,R0lGODdhDAAMAPUAAPR5P/iykPm+ofWGUvN1OfNtLfiphPNzNvWJVfNvMfN4PvR4PfN/R/ebb/m6nP738/emf/ivjfJoJviui/NuL/WNXPzh1PWLWf3k2fehePingP3n3PeccfNyNPaWaPeedPiwjvaabfJqKvNwMviqhvaYbPWMWvR6QPWFUP749f7v6P7u5/N0OPR/R/fczvN3O/WETvSBS/R7QvSASfSDTPR+Rv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAADAAMAAAGe0CXAiCrtWI0GG0mHHlaxNosiWKwWDbbSoCgImWvhmBjUzVQMWkNIPjMDKlUqHYyyrIqEie1or1kaQgBKjYGGjYBBwtLGQEmKisnKxgJBEopNiATNiUONgUsAzAWDxUXNhEQNgMUM2h0LwcJBSISLy4MLTM1MgsELB23QQA7);
662
+ background-position: 0 2px;
663
+ background-repeat: no-repeat;
664
+ padding-left:18px;
665
+ line-height:14px;
666
+ white-space:nowrap;
667
+ }
668
+ .btn-remove {
669
+ display:block;
670
+ width:11px;
671
+ height:11px;
672
+ font-size:0;
673
+ line-height:0;
674
+ background-color: transparent;
675
+ background-image: url(data:image/gif;base64,R0lGODlhCAAIAMQdAH9/f3x8fM/Pz5OTk4ODg9ra2pCQkODg4JWVlaenp6ampoyMjKysrI2NjZqamuHh4YqKipeXl4eHh9vb26GhoYGBgX5+ftLS0oiIiI6OjqKiotDQ0P///////wAAAAAAACH5BAEAAB0ALAAAAAAIAAgAAAU2IGAJXSdYABYQ20YEWIFUklQhBTdFEBRNnM7FMRg4Lp1NI0OhZBqbhUHzeGgMGYbiwOEcEpoQADs=);
676
+ background-position: 0 0;
677
+ background-repeat: no-repeat;
678
+ text-indent:-999em;
679
+ overflow:hidden;
680
+ }
681
+ .btn-remove2 {
682
+ display:block;
683
+ width:16px;
684
+ height:16px;
685
+ font-size:0;
686
+ line-height:0;
687
+ background-color: transparent;
688
+ background-image: url(data:image/gif;base64,R0lGODlhDQANANUAAIaGhqCgoL29vXZ2dn9/f5GRkZCQkLi4uJOTk4aGhp2dnbOzs7u7u56enr29vY6OjoGBgfT09JeXl6CgoH9/f62tra2trYmJiYqKipubm2tra4SEhJSUlJ+fn4WFhbm5ucvLy9DQ0KWlpcLCwrW1tbS0tHh4eJaWlvPz85qamv///////0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHRyH5BAEAACsALAAAAAANAA0AAAZ0wJVwSCSiSsVVCSVEQTQpYkoDYR5MlEFGmBlQTIeVyoIBmBQKEwBjUQlVi8eFQLg8Fu6hqlQwGAoleUQVCCcnCBVJEwknKSknCRNEARscKQICKRwbAUIjHhINDCoqDA0SAB9iJB0OeSoOASIRbyGCYiARbkEAOw==);
689
+ background-repeat: no-repeat;
690
+ background-position: 0 0;
691
+ text-indent:-999em;
692
+ overflow:hidden;
693
+ }
694
+ .separator {
695
+ margin:0 3px;
696
+ }
697
+ .divider {
698
+ clear:both;
699
+ display:block;
700
+ font-size:0;
701
+ line-height:0;
702
+ height:1px;
703
+ margin:10px 0;
704
+ background-position: 0 50%;
705
+ background-repeat: repeat-x;
706
+ background-image: url(data:image/gif;base64,R0lGODlhAwABAPABALq6ugAAACH5BAUAAAEALAAAAAADAAEAAAICRFIAOw==);
707
+ text-indent:-999em;
708
+ overflow:hidden;
709
+ }
710
+ /* Noscript Notice */
711
+ .noscript {
712
+ border:1px solid;
713
+ border-width:0 0 1px;
714
+ line-height:1.25;
715
+ text-align:center;
716
+ }
717
+ .noscript .noscript-inner {
718
+ width:950px;
719
+ margin:0 auto;
720
+ padding:12px 0 12px;
721
+ }
722
+ .noscript p {
723
+ margin:0;
724
+ }
725
+ /* Header ================================================================================ */
726
+ .header .logo {
727
+ float:left;
728
+ text-decoration:none;
729
+ clear: both;
730
+ margin-bottom: 10px;
731
+ }
732
+ .header .logo strong {
733
+ position:absolute;
734
+ top:-999em;
735
+ left:-999em;
736
+ width:0;
737
+ height:0;
738
+ font-size:0;
739
+ line-height:0;
740
+ text-indent:-999em;
741
+ overflow:hidden;
742
+ }
743
+ .logo img {
744
+ max-width: 100%;
745
+ height: auto;
746
+ width: auto\9; /* ie8 */
747
+ }
748
+ .header h1.logo, .header h2.logo {
749
+ margin:0;
750
+ }
751
+ .header .form-search label {
752
+ float:left;
753
+ width:24px;
754
+ height:21px;
755
+ text-align:left;
756
+ text-indent:-999em;
757
+ overflow:hidden;
758
+ }
759
+ .header .form-search input.input-text {
760
+ float: left;
761
+ }
762
+ .header .form-search button.button {
763
+ float:left;
764
+ }
765
+ .header .form-search button.button span {
766
+ border:0;
767
+ height:21px;
768
+ padding:0 0 0 0px;
769
+ }
770
+ .header .form-search button.button span span {
771
+ background-position:100% 0;
772
+ padding:0 6px 0 3px;
773
+ }
774
+ .header .form-search .search-autocomplete {
775
+ z-index:999;
776
+ left:20px;
777
+ top:22px !important;
778
+ }
779
+ .header .form-search .search-autocomplete ul {
780
+ border:1px solid;
781
+ border-bottom: 0;
782
+ }
783
+ .header .form-search .search-autocomplete li {
784
+ text-align:left;
785
+ border-bottom:1px solid;
786
+ padding:2px 8px 1px 8px;
787
+ cursor:pointer;
788
+ }
789
+ .header .form-search .search-autocomplete li .amount {
790
+ float:right;
791
+ }
792
+ .header .form-language {
793
+ text-align:right;
794
+ }
795
+ .header .form-language label {
796
+ vertical-align:middle;
797
+ }
798
+ .header .form-language select {
799
+ padding:0;
800
+ }
801
+ .header .form-language select.flags option {
802
+ background-position:4px 50%;
803
+ background-repeat:no-repeat;
804
+ padding-left:25px;
805
+ }
806
+ .header-container .top-container {
807
+ clear:both;
808
+ text-align:right;
809
+ }
810
+ /********** < Navigation */
811
+ #nav {
812
+ margin: 0 auto;
813
+ padding: 0 0px;
814
+ }
815
+ /* All Levels */ /* Style consistent throughout all nav levels */
816
+ #nav li {
817
+ position:relative;
818
+ text-align:left;
819
+ }
820
+ #nav li.over {
821
+ z-index:998;
822
+ }
823
+ #nav a, #nav a:hover {
824
+ display:block;
825
+ }
826
+ #nav span {
827
+ display:block;
828
+ cursor:pointer;
829
+ white-space:nowrap;
830
+ }
831
+ #nav li ul span {
832
+ white-space:normal;
833
+ }
834
+ /* 0 Level */
835
+ #nav li {
836
+ float:left;
837
+ }
838
+ #nav a {
839
+ float:left;
840
+ }
841
+ /* 1st Level */
842
+ #nav ul li, #nav ul li.active {
843
+ float:none;
844
+ margin:0;
845
+ padding-bottom:1px;
846
+ }
847
+ #nav ul li.last {
848
+ padding-bottom:0;
849
+ }
850
+ #nav ul a, #nav ul a:hover {
851
+ float:none;
852
+ padding:0;
853
+ }
854
+ /* 2nd Level */
855
+ #nav ul, #nav div {
856
+ position:absolute;
857
+ width:15em;
858
+ top:27px;
859
+ left:-10000px;
860
+ }
861
+ #nav div ul {
862
+ position:static;
863
+ width:auto;
864
+ border:none;
865
+ }
866
+ /* 3rd+ Level */
867
+ #nav ul ul, #nav ul div {
868
+ top:5px;
869
+ }
870
+ #nav ul span, #nav ul li.last li span {
871
+ padding:3px 15px 4px 15px;
872
+ }
873
+ /* Show menu */
874
+ #nav li ul.shown-sub, #nav li div.shown-sub {
875
+ left:0;
876
+ z-index:999;
877
+ }
878
+ #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub {
879
+ left:100px;
880
+ }
881
+ /*1.4.1.0*/
882
+ /* Show menu */
883
+ #nav li.over > ul {
884
+ left:0;
885
+ }
886
+ #nav li.over > ul li.over > ul {
887
+ left:100px;
888
+ }
889
+ #nav li.over ul ul {
890
+ left:-10000px;
891
+ }
892
+ /* Sidebar =============================================================================== */
893
+
894
+ .block .block-title strong {
895
+ display:block;
896
+ }
897
+ .block .block-subtitle {
898
+ margin:0;
899
+ padding:5px 9px;
900
+ }
901
+ .block .btn-remove {
902
+ float:right;
903
+ margin:1px 0 2px 5px;
904
+ }
905
+ .block .actions a {
906
+ float:left;
907
+ font-size: 0.75em;
908
+ }
909
+ .block .actions button.button {
910
+ float:right;
911
+ }
912
+ .block .empty {
913
+ margin:0;
914
+ }
915
+ /* Mini Blocks */
916
+ .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-related, .block-tags, .block-login {
917
+ line-height:1.25;
918
+ }
919
+ .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong {
920
+ background-position:0 0;
921
+ background-repeat:no-repeat;
922
+ }
923
+ /* Mini Products List */
924
+ .mini-products-list .product-image {
925
+ float:left;
926
+ }
927
+ /* Block: Account */
928
+ .block-account .block-title {
929
+ border:0;
930
+ padding:3px 10px;
931
+ }
932
+ .block-account .block-title strong {
933
+ }
934
+ .block-account .block-content {
935
+ padding:7px 10px 7px;
936
+ }
937
+ .block-account .block-content li a {
938
+ display:block;
939
+ padding:3px 0;
940
+ }
941
+ .block-account .block-content li.last a {
942
+ border-bottom:0;
943
+ }
944
+ .block-account .block-content li.current {
945
+ padding:3px 0;
946
+ }
947
+ .block-account .block-content li.current.last {
948
+ border-bottom:0;
949
+ }
950
+ /* Block: Currency Switcher */
951
+ .block-currency {
952
+ border:0;
953
+ height:auto;
954
+ }
955
+ .block-currency .block-title {
956
+ background:none;
957
+ border:0;
958
+ padding:0;
959
+ margin:0 0 0px;
960
+ }
961
+ .block-currency .block-content {
962
+ background:none;
963
+ padding:6px 0px 6px 0px;
964
+ }
965
+ .block-currency .block-content select {
966
+ width: auto;
967
+ padding:0;
968
+ display: block;
969
+ margin:0;
970
+ }
971
+ /* Block: Layered Navigation */
972
+
973
+ .block-layered-nav dd.last {
974
+ background:none;
975
+ }
976
+ .block-layered-nav .currently li {
977
+ padding:4px 0px 4px 0px;
978
+ }
979
+ .block-layered-nav .currently .btn-remove {
980
+ margin:3px 0 0;
981
+ }
982
+ .block-layered-nav .actions {
983
+ padding:4px 9px;
984
+ text-align:right;
985
+ }
986
+ .block-layered-nav .actions a {
987
+ float:none;
988
+ }
989
+ /* Block: Cart */
990
+ .block-cart .summary {
991
+ padding:2px 8px 8px;
992
+ margin:-1px 0 0;
993
+ position:relative;
994
+ z-index:1;
995
+ }
996
+ .block-cart .amount {
997
+ margin:0;
998
+ }
999
+ .block-cart .amount a {
1000
+ }
1001
+ .block-cart .subtotal {
1002
+ margin:5px 0 0;
1003
+ padding:2px 0;
1004
+ text-align:center;
1005
+ }
1006
+ /* Block: Wishlist */
1007
+ .block-wishlist .actions {
1008
+ text-align:right;
1009
+ }
1010
+ .block-wishlist .actions a {
1011
+ float:none;
1012
+ }
1013
+ /* Block: Related */
1014
+ .block-related input.checkbox {
1015
+ float:left;
1016
+ }
1017
+ .block-related .product {
1018
+ margin-left:5%;
1019
+ }
1020
+ /* Block: Compare Products */
1021
+ .page-popup .link-print {
1022
+ background-color: transparent;
1023
+ background-image: url(data:image/gif;base64,R0lGODlhEAAQAPZXAI6Ojvr6+t7e3ujo6NXV1c/Pz9TU1KOjo8vLy/v7+/39/ZOTk+7u7qKiov7+/tDQ0Pn5+Wtra/X19YuLi/Ly8nx8fJiYmJ+fn+bm5u3t7ZKSkvHx8eDg4JCQkMHBwenp6fDw8Le3t8PDw/Pz862trb6+vn9/f6ysrLGxsYODg0NDQ4SEhOPj49/f34eHhycnJ7m5uSgoKOXl5aCgoC4uLtHR0erq6tfX1+vr61BQUJ6enrq6usLCwldXV4qKipubm7CwsHp6enh4eKurq5eXly0tLV9fX5GRkZaWlvf394yMjPj4+OTk5KSkpNjY2JWVlSUlJdra2vT09H5+fkdHR/z8/IiIiAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAFcALAAAAAAQABAAAAfUgFeCAiELGhYWHR6CjIwAEAkBARAUJU0OjYJPCQwMGQMKICIwmVcLCSAgGTZSEEsumQ4aCRQUniwcCRMKjBw/AAkjFBsMAxgJVhE1VxlAAkcBIyMbIDgfCUo3KS0kTBIA4OHiEk5BRA4OApLr61HoJh0KCjwMAvb3DDvyERMDAyQfDAgcOOCAPxUrHjxogKGAw4cykCgsMgUBgiELFvioEKEHFSoVLMYQUgLBAhEEUqr0QAMBCighJhi5UAWCzSQSRijQ8SLHCUYzDgg90KDogQuMAgEAOw==);
1024
+ background-position: 0 2px;
1025
+ background-repeat: no-repeat;
1026
+ padding:2px 0 2px 25px;
1027
+ }
1028
+ .compare-table {
1029
+ border:0;
1030
+ }
1031
+ .compare-table thead tr.first th, .compare-table thead tr.first td {
1032
+ border:0;
1033
+ background:none;
1034
+ padding:0;
1035
+ font-size:0;
1036
+ line-height:0;
1037
+ }
1038
+ .compare-table .btn-remove {
1039
+ float:right;
1040
+ background-color: transparent;
1041
+ background-image: url(data:image/gif;base64,R0lGODdhSAAPAPYAAPX19X19fX9/f93d3YCAgPLy8oGBgXx8fN/f335+ft7e3vDw8PHx8eDg4Hl5eXt7e+zs7Hp6etzc3OHh4dvb24KCgu7u7u/v7+rq6u3t7ePj44SEhOLi4oODg5OTk3d3d3h4eOjo6OTk5Nra2ouLi5SUlOvr65mZmenp6ZCQkObm5uXl5XZ2dtnZ2Y+Pj4iIiJKSkoeHh3V1dZaWloqKioaGhnR0dJeXl5iYmNjY2Jubm/Pz8/T09Pb29vj4+Pn5+fr6+vf39/z8/Pv7+/7+/v39/f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAASAAPAAAH/4BGQ0VGhEYYCgoDHAOJCggUGjkNjQ0SEwgNFBMDmgoTLQidmAqMEqKMAwiiChIUohIaIxOvIxoSrQMTEka9vj0oQES9hMNGQkK9Q0ZEwz69w8NAvoXLRMu+P4KFRtq904XDRUSGy0IIvslGJhBBDDw7PTwMAAU8QQU7AD48PwtCPBYA2PGDQZEFBYP8CBLERw+GFhYU4QHkghAIRXYs6AHgR4EhG+9x5AcgCAJDw4KE0LfDRxB4Rgo49DFkRxEGDQsAcdjjB0ULPxwCYNCjx46aPIhwfKiP4YIhBYIMFHKhpUweJd9NIHYMggUfQH4A6OgDQoUDHRwIkDfEqI94Rf+G8iPyskfbIEMu/BCyY8c9mVB9vMX7coiIDEaGqhCCT4gPBdCM7AjRE++QsD+KCOgAYMgBAUUYDhHyA0gPITuB7Ej9bEcQI0UF/RgkuNtrHriJYCCBY8WCEjRUSDbigwKzYxkkCnOZGW+AA0WEEHCQuAMBENMCPEggwICACgBgV/j+WoAD0gEC/PjxfAODb0MgnLDhwcWHGRC6heVwzAgPDOYMscw0RRThXQLaGQGEAAkMYYB6ARBgRAACDNGdDwY8QEQEEvoQA4cNGiFAAENEUIEPPxAxDQoeHJCAB/n1oKARAxijwWvF9JLMNNw5SEAyCbgYgAE/JCBhhEUcYID/EA5sUMR0vTxH4TEEIPgAAdH1l0EJDxgAAwaF7NjAMBZc0J8w4xRTxHPMgCCAEBsIMIyMV/ogAAtGECCDEQZ8wCd1QnjH4TLbEaLOMQCc8IEHJESgw3u+NKBgCNq8poyOxAWp4AZYTvicAEZEcIARDnSwZgRRgvAAN0NUYAAhhDhwQA3URZPBCzdg8EMKKSBWIBGSRpSOMdf4QggPRry2jCGHJtMMcbAN28wwyPQ3hDfHxWRmYgtwVcQARZgg46UF+qJUtsck41gvBRxHDqvfGNNLbcdYw0y1/RWBLRCGGNEABO0yIy+sxjDbHzWECEPNgMkyg40x4HSzTcENb4PtJDIIiKBNwgWCs4ylCAvC7zasPnxcZsZoQ6AQ0lDzbsPFkkxjIAA7);
1042
+ background-repeat: no-repeat;
1043
+ background-position: 0 0;
1044
+ width:72px;
1045
+ height:15px;
1046
+ }
1047
+ .compare-table tbody th, .compare-table tbody td {
1048
+ padding:10px;
1049
+ border:0;
1050
+ border-top:1px solid;
1051
+ border-left:1px solid;
1052
+ }
1053
+ .compare-table tbody td.last {
1054
+ border-right:1px solid;
1055
+ }
1056
+ .compare-table tbody tr.last th, .compare-table tbody tr.last td {
1057
+ border-bottom:1px solid;
1058
+ }
1059
+ .compare-table tr.add-to-row td {
1060
+ text-align:center;
1061
+ }
1062
+ .compare-table tr.first td {
1063
+ text-align:center;
1064
+ }
1065
+ .compare-table tr.first td .product-name {
1066
+ margin:0 0 5px;
1067
+ }
1068
+ .compare-table tr.first td .product-name a {
1069
+ }
1070
+ .compare-table tr.first td .ratings {
1071
+ width:69px;
1072
+ margin:0 auto;
1073
+ }
1074
+ .compare-table tr.first td p, .compare-table tr.add-to-row td p {
1075
+ margin:0;
1076
+ }
1077
+
1078
+ /* Block: Poll */
1079
+ .block-poll input.radio {
1080
+ float:left;
1081
+ margin:1px -18px 0 0;
1082
+ }
1083
+ .block-poll .label {
1084
+ display:block;
1085
+ margin-left:18px;
1086
+ }
1087
+ .block-poll li {
1088
+ padding:3px 9px;
1089
+ }
1090
+ .block-poll .actions {
1091
+ margin:5px 0 0;
1092
+ }
1093
+ .block-poll .votes {
1094
+ float:right;
1095
+ margin-left:10px;
1096
+ }
1097
+ /* Block: Tags */
1098
+ .block-tags .block-content ul {
1099
+ padding:0px 5px 0px 5px;
1100
+ }
1101
+ .block-tags .block-content li {
1102
+ display:inline;
1103
+ padding-right:4px;
1104
+ }
1105
+ .block-tags .block-content a {
1106
+ }
1107
+ .block-tags .actions {
1108
+ text-align:right;
1109
+ }
1110
+ .block-tags .actions a {
1111
+ float:none;
1112
+ }
1113
+ /* Block: Subscribe */
1114
+ .block-subscribe .block-content {
1115
+ padding:5px 10px;
1116
+ }
1117
+ .block-subscribe input.input-text {
1118
+ display:block;
1119
+ width:167px;
1120
+ margin:3px 0;
1121
+ }
1122
+ .block-subscribe .actions {
1123
+ text-align:left;
1124
+ }
1125
+ .block-subscribe .actions button.button {
1126
+ float:none;
1127
+ }
1128
+ /* Block: Reorder */
1129
+ .block-reorder input.checkbox {
1130
+ float:left;
1131
+ margin:2px -20px 0 0;
1132
+ }
1133
+ .block-reorder .product-name {
1134
+ margin-left:20px;
1135
+ }
1136
+ .block-reorder .validation-advice {
1137
+ margin:3px 9px 7px;
1138
+ }
1139
+ /* Block: Banner */
1140
+ .block-banner {
1141
+ border:0;
1142
+ }
1143
+ .block-banner .block-content {
1144
+ padding:0;
1145
+ text-align:center;
1146
+ }
1147
+ /* Block: Login */
1148
+ .block-login .block-content {
1149
+ padding:5px 10px;
1150
+ }
1151
+ .block-login input.input-text {
1152
+ display:block;
1153
+ width:167px;
1154
+ margin:3px 0;
1155
+ }
1156
+ .block-login .actions {
1157
+ background:none;
1158
+ padding:0;
1159
+ margin:3px 0 0;
1160
+ }
1161
+ /* Paypal */
1162
+ .sidebar .paypal-logo {
1163
+ display:block;
1164
+ margin:10px 0;
1165
+ text-align:center;
1166
+ }
1167
+ .sidebar .paypal-logo a {
1168
+ float:none;
1169
+ }
1170
+ /* Category Page ========================================================================= */
1171
+ .category-image {
1172
+ width:100%;
1173
+ overflow:hidden;
1174
+ margin:0 0 10px;
1175
+ text-align:center;
1176
+ }
1177
+ .category-image img {
1178
+ max-width: 100%;
1179
+ height: auto;
1180
+ width: auto\9; /* ie8 */
1181
+ }
1182
+ .category-description {
1183
+ margin:0 0 10px;
1184
+ width: 100%;
1185
+ }
1186
+
1187
+ /* View Type: Grid */
1188
+ .products-grid {
1189
+ position:relative;
1190
+ }
1191
+ .products-grid.last {
1192
+ border-bottom:0;
1193
+ }
1194
+ .products-grid li.item {
1195
+ float:left;
1196
+ }
1197
+ .products-grid .product-image {
1198
+ display:block;
1199
+ }
1200
+ .products-grid .product-name {
1201
+ margin:0 0 5px;
1202
+ }
1203
+ .products-grid .product-name a {
1204
+ }
1205
+ .products-grid .price-box {
1206
+ margin:5px 0;
1207
+ }
1208
+ .products-grid .availability {
1209
+ line-height:21px;
1210
+ }
1211
+ .products-grid .actions {
1212
+ }
1213
+ .col2-left-layout .products-grid, .col2-right-layout .products-grid {
1214
+ margin:0 auto;
1215
+ }
1216
+ .col1-layout .products-grid {
1217
+ margin:0 auto;
1218
+ }
1219
+ /* View Type: List */
1220
+ .products-list li.item {
1221
+ padding:12px 10px;
1222
+ }
1223
+ .products-list li.item.last {
1224
+ border-bottom:0;
1225
+ }
1226
+ .products-list .product-image {
1227
+ float:left;
1228
+ margin:0 0 10px;
1229
+ }
1230
+ .products-list .product-name {
1231
+ margin:0 0 5px;
1232
+ }
1233
+ .products-list .price-box {
1234
+ float:left;
1235
+ margin:3px 13px 5px 0;
1236
+ }
1237
+ .products-list .availability {
1238
+ float:left;
1239
+ margin:3px 0 0;
1240
+ }
1241
+ .products-list .desc {
1242
+ clear:both;
1243
+ padding:6px 0 0;
1244
+ margin:0 0 15px;
1245
+ line-height:1.35;
1246
+ }
1247
+ .products-list .add-to-links {
1248
+ clear:both;
1249
+ }
1250
+ .products-list .add-to-links li {
1251
+ display:inline;
1252
+ }
1253
+ .products-list .add-to-links .separator {
1254
+ display:inline;
1255
+ margin:0 2px;
1256
+ }
1257
+ /* Product View ========================================================================== */
1258
+ /* Rating */
1259
+ .no-rating {
1260
+ margin:0;
1261
+ }
1262
+ .ratings {
1263
+ line-height:1.25;
1264
+ margin:7px 0;
1265
+ }
1266
+ .ratings strong {
1267
+ float:left;
1268
+ margin:1px 3px 0 0;
1269
+ }
1270
+ .ratings .rating-links {
1271
+ margin:0;
1272
+ }
1273
+ .ratings .rating-links .separator {
1274
+ margin:0 2px;
1275
+ }
1276
+ .rating-box {
1277
+ width:69px;
1278
+ height:13px;
1279
+ font-size:0;
1280
+ line-height:0;
1281
+ background-position: 0 0;
1282
+ background-repeat: repeat-x;
1283
+ background-image: url(data:image/gif;base64,R0lGODlhDgDVAOYAAKOhn/tVEqelo9HHwaWin++gfv9fHLGuqf9oLKqqqNXQz7Crqv9YFsa/usS9uP9yN6SioNvGvNbKxMfCu/9xNcjBwMG8ufKbdLazruqpjfxWE/9+SeO2o8G6taWjof9XFP99RuG7rOivlv9eHv9tMMvEv7Wwr/9nKv98ROmqkPiNYr63tLCwrP94P/9jI+2ihLSvrLqzsKuko/2DUq+qp/SUbqqlpM3Fv/91POK6ptzCubOwrayppO+hgLOuqf9aGLq3tP9kJf90OsC5tgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEQALAAAAAAOANUAAAfxgESCg0AVg4eHAx4LiI0mAAANjYM3EJA8iCUdGDQCkJAyBzEOAxifp6cEkjCopxAOgwetkEOHEp6oO40ErSyIA7MJiBOQCxMrNgACiBY+hoMWCRKT1NXW19jZ2tvc3d7f4OHi4+Tl5ufo6err7O3u7/Dx8vP09fb3+Pn6+/z9/v8AAwocSLCgwYMIEypcyLChw4cQI0qcSPGbCg7XIvygcA1EgAAZqoXQ8PEEohwXNpAw8PGjiwczXkTY0LJmTQYhW9is+aHHoAc7A2i4cEgBS5soGjHYKQSRjqAIEIn4SCFFjSABRiAqgAPjoAIIFAgKBAA7);
1284
+ text-indent:-999em;
1285
+ overflow:hidden;
1286
+ }
1287
+ .rating-box .rating {
1288
+ float:left;
1289
+ height:13px;
1290
+ background-position: 0 100%;
1291
+ background-repeat: repeat-x;
1292
+ background-image: url(data:image/gif;base64,R0lGODlhDgDVAOYAAKOhn/tVEqelo9HHwaWin++gfv9fHLGuqf9oLKqqqNXQz7Crqv9YFsa/usS9uP9yN6SioNvGvNbKxMfCu/9xNcjBwMG8ufKbdLazruqpjfxWE/9+SeO2o8G6taWjof9XFP99RuG7rOivlv9eHv9tMMvEv7Wwr/9nKv98ROmqkPiNYr63tLCwrP94P/9jI+2ihLSvrLqzsKuko/2DUq+qp/SUbqqlpM3Fv/91POK6ptzCubOwrayppO+hgLOuqf9aGLq3tP9kJf90OsC5tgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEQALAAAAAAOANUAAAfxgESCg0AVg4eHAx4LiI0mAAANjYM3EJA8iCUdGDQCkJAyBzEOAxifp6cEkjCopxAOgwetkEOHEp6oO40ErSyIA7MJiBOQCxMrNgACiBY+hoMWCRKT1NXW19jZ2tvc3d7f4OHi4+Tl5ufo6err7O3u7/Dx8vP09fb3+Pn6+/z9/v8AAwocSLCgwYMIEypcyLChw4cQI0qcSPGbCg7XIvygcA1EgAAZqoXQ8PEEohwXNpAw8PGjiwczXkTY0LJmTQYhW9is+aHHoAc7A2i4cEgBS5soGjHYKQSRjqAIEIn4SCFFjSABRiAqgAPjoAIIFAgKBAA7);
1293
+ }
1294
+ .ratings .rating-box {
1295
+ float:left;
1296
+ margin-right:3px;
1297
+ }
1298
+ .ratings-table th, .ratings-table td {
1299
+ line-height:1.15;
1300
+ padding:3px 0;
1301
+ }
1302
+ .ratings-table th {
1303
+ padding-right:8px;
1304
+ }
1305
+ /* Availability */
1306
+ .availability {
1307
+ margin:0;
1308
+ }
1309
+ .availability-only {
1310
+ margin:10px 0 7px;
1311
+ line-height:16px;
1312
+ }
1313
+ .availability-only span, .availability-only a {
1314
+ border-bottom:1px dashed #751d02;
1315
+ cursor:help;
1316
+ }
1317
+ .availability-only a {
1318
+ cursor:pointer;
1319
+ }
1320
+ .availability-only .expanded {
1321
+ background-position:100% -15px;
1322
+ }
1323
+ .availability-only-details {
1324
+ margin:0 0 7px;
1325
+ }
1326
+ .availability-only-details th {
1327
+ font-size:10px;
1328
+ padding:0 8px;
1329
+ }
1330
+ .availability-only-details td {
1331
+ border-bottom:1px solid;
1332
+ padding:2px 8px 1px;
1333
+ }
1334
+ /* Email to a Friend */
1335
+ .email-friend {
1336
+ margin:0;
1337
+ }
1338
+ /* Alerts */
1339
+ .alert-price {
1340
+ margin:0;
1341
+ }
1342
+ .alert-stock {
1343
+ margin:0;
1344
+ }
1345
+ /********** < Product Prices */
1346
+ .price {
1347
+ white-space:nowrap !important;
1348
+ }
1349
+ .price-box {
1350
+ margin:5px 0;
1351
+ }
1352
+ /* Old price */
1353
+ .old-price {
1354
+ margin:0;
1355
+ }
1356
+ .old-price .price-label {
1357
+ white-space:nowrap;
1358
+ }
1359
+ .old-price .price {
1360
+ text-decoration:line-through;
1361
+ }
1362
+ /* Special price */
1363
+ .special-price {
1364
+ margin:0;
1365
+ padding:3px 0;
1366
+ }
1367
+ .special-price .price-label {
1368
+ white-space:nowrap;
1369
+ }
1370
+ /* Minimal price (as low as) */
1371
+ .minimal-price {
1372
+ margin:0;
1373
+ }
1374
+ .minimal-price .price-label {
1375
+ white-space:nowrap;
1376
+ }
1377
+ .minimal-price-link {
1378
+ display:block;
1379
+ }
1380
+ /* Excluding tax */
1381
+ .price-excluding-tax {
1382
+ display:block;
1383
+ }
1384
+ .price-excluding-tax .label {
1385
+ white-space:nowrap;
1386
+ }
1387
+ /* Including tax */
1388
+ .price-including-tax {
1389
+ display:block;
1390
+ }
1391
+ .price-including-tax .label {
1392
+ white-space:nowrap;
1393
+ }
1394
+ /* FPT */
1395
+ .weee {
1396
+ display:block;
1397
+ }
1398
+ /* Excl tax (for order tables) */
1399
+ .price-excl-tax {
1400
+ display:block;
1401
+ }
1402
+ .price-excl-tax .label {
1403
+ display:block;
1404
+ white-space:nowrap;
1405
+ }
1406
+ .price-excl-tax .price {
1407
+ display:block;
1408
+ }
1409
+ /* Incl tax (for order tables) */
1410
+ .price-incl-tax {
1411
+ display:block;
1412
+ }
1413
+ .price-incl-tax .label {
1414
+ display:block;
1415
+ white-space:nowrap;
1416
+ }
1417
+ .price-incl-tax .price {
1418
+ display:block;
1419
+ }
1420
+ /* Price range */
1421
+ .price-from {
1422
+ margin:0;
1423
+ }
1424
+ .price-from .price-label {
1425
+ white-space:nowrap;
1426
+ }
1427
+ .price-to {
1428
+ margin:0;
1429
+ }
1430
+ .price-to .price-label {
1431
+ white-space:nowrap;
1432
+ }
1433
+ /* Price notice next to the options */
1434
+ .price-notice {
1435
+ padding-left:10px;
1436
+ }
1437
+ /* Price as configured */
1438
+ .price-as-configured {
1439
+ margin:0;
1440
+ }
1441
+ .price-as-configured .price-label {
1442
+ white-space:nowrap;
1443
+ }
1444
+ .price-box-bundle {
1445
+ padding:0 0 10px 0;
1446
+ }
1447
+ .price-box-bundle .price-box {
1448
+ margin:0 !important;
1449
+ padding:0 !important;
1450
+ }
1451
+ .price-box-bundle .price {
1452
+ }
1453
+ /********** Product Prices > */
1454
+
1455
+ /* Tier Prices */
1456
+ .tier-prices {
1457
+ margin:10px 0;
1458
+ padding:10px;
1459
+ border:1px solid;
1460
+ }
1461
+ .tier-prices li {
1462
+ line-height:1.4;
1463
+ padding:2px 0 2px 0px;
1464
+ }
1465
+ .tier-prices .benefit {
1466
+ font-style:italic;
1467
+ }
1468
+ .tier-prices-grouped li {
1469
+ padding:2px 0;
1470
+ }
1471
+ /* Add to Links */
1472
+ .add-to-links {
1473
+ margin:5px 0 0;
1474
+ }
1475
+ .add-to-links .separator {
1476
+ display:none;
1477
+ }
1478
+ /* Add to Cart */
1479
+ .add-to-cart label {
1480
+ float:left;
1481
+ margin-right:5px;
1482
+ }
1483
+ .add-to-cart button.button {
1484
+ float:left;
1485
+ }
1486
+ .add-to-cart .paypal-logo {
1487
+ clear:left;
1488
+ margin:0;
1489
+ padding:10px 0 0;
1490
+ text-align:right;
1491
+ }
1492
+ /* Add to Links + Add to Cart */
1493
+ .add-to-box {
1494
+ margin:10px 0;
1495
+ }
1496
+ .add-to-box .add-to-cart {
1497
+ float:left;
1498
+ }
1499
+ .add-to-box .or {
1500
+ float:left;
1501
+ margin:0 7px;
1502
+ }
1503
+ .add-to-box .add-to-links {
1504
+ float:left;
1505
+ margin:0;
1506
+ line-height:1.25;
1507
+ text-align:left;
1508
+ }
1509
+ .add-to-box .add-to-links li {
1510
+ display:block;
1511
+ }
1512
+ .add-to-box .add-to-links li .separator {
1513
+ display:none !important;
1514
+ }
1515
+ .product-collateral h2 {
1516
+ padding:0 0 1px;
1517
+ margin:0 0 5px;
1518
+ }
1519
+ .product-collateral .box-collateral {
1520
+ margin:0 0 25px;
1521
+ }
1522
+ /* Product Images */
1523
+ .product-view .product-img-box {
1524
+ float:left;
1525
+ width:267px;
1526
+ }
1527
+ .col3-layout .product-view .product-img-box {
1528
+ float:none;
1529
+ margin:0 auto;
1530
+ }
1531
+ .product-view .product-img-box .product-image {
1532
+ margin:0 0 13px;
1533
+ }
1534
+ .product-view .product-img-box .product-image-zoom {
1535
+ position:relative;
1536
+ width:265px;
1537
+ height:265px;
1538
+ overflow:hidden;
1539
+ z-index:9;
1540
+ }
1541
+ .product-view .product-img-box .product-image-zoom img {
1542
+ position:absolute;
1543
+ left:0;
1544
+ top:0;
1545
+ cursor:move;
1546
+ }
1547
+ .product-view .product-img-box .zoom-notice {
1548
+ margin:0 0 5px;
1549
+ text-align:center;
1550
+ }
1551
+ .product-view .product-img-box .zoom {
1552
+ position:relative;
1553
+ z-index:9;
1554
+ height:18px;
1555
+ margin:0 auto 13px;
1556
+ padding:0 28px;
1557
+ cursor:pointer;
1558
+ }
1559
+ .product-view .product-img-box .zoom.disabled {
1560
+ -moz-opacity:.3;
1561
+ -webkit-opacity:.3;
1562
+ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/
1563
+ opacity:.3;
1564
+ }
1565
+ .product-view .product-img-box .zoom #track {
1566
+ position:relative;
1567
+ height:18px;
1568
+ }
1569
+ .product-view .product-img-box .zoom #handle {
1570
+ position:absolute;
1571
+ left:0;
1572
+ top:-1px;
1573
+ width:9px;
1574
+ height:22px;
1575
+ background-color: transparent;
1576
+ background-image: url(data:image/gif;base64,R0lGODlhBAAWAPECAL6+vl1dXf///wAAACH5BAUAAAIALAAAAAAEABYAAAIShB2BCrnfmItwWolrpgeID34FADs=);
1577
+ background-position: 0 0;
1578
+ background-repeat: no-repeat;
1579
+ }
1580
+ .product-view .product-img-box .zoom .btn-zoom-out {
1581
+ position:absolute;
1582
+ left:2px;
1583
+ top:0;
1584
+ }
1585
+ .product-view .product-img-box .zoom .btn-zoom-in {
1586
+ position:absolute;
1587
+ right:2px;
1588
+ top:0;
1589
+ }
1590
+ .product-view .product-img-box .more-views h2 {
1591
+ margin:0 0 8px;
1592
+ }
1593
+ .product-view .product-img-box .more-views ul {
1594
+ margin-left:-9px
1595
+ }
1596
+ .product-view .product-img-box .more-views li {
1597
+ float:left;
1598
+ margin:0 0 8px 9px;
1599
+ }
1600
+ .product-view .product-img-box .more-views li a {
1601
+ float:left;
1602
+ width:56px;
1603
+ height:56px;
1604
+ overflow:hidden;
1605
+ }
1606
+ .product-image-popup {
1607
+ margin:0 auto;
1608
+ }
1609
+ .product-image-popup .nav {
1610
+ text-align:center;
1611
+ }
1612
+ .product-image-popup .image {
1613
+ display:block;
1614
+ margin:10px 0;
1615
+ }
1616
+ .product-image-popup .image-label {
1617
+ margin:0 0 10px;
1618
+ }
1619
+ /* Product Shop */
1620
+ .col3-layout .product-view .product-shop {
1621
+ float:none;
1622
+ width:auto;
1623
+ }
1624
+ .product-view .product-shop .product-name {
1625
+ margin:0 0 5px;
1626
+ }
1627
+ .product-view .product-shop .product-name h1 {
1628
+ margin:0;
1629
+ }
1630
+ .product-view .product-shop .availability {
1631
+ margin:10px 0;
1632
+ }
1633
+ .product-view .product-shop .short-description {
1634
+ margin:10px 0;
1635
+ background-position: 0 0;
1636
+ background-repeat: repeat-x;
1637
+ background-image: url(data:image/gif;base64,R0lGODlhAwABAPABALq6ugAAACH5BAUAAAEALAAAAAADAAEAAAICRFIAOw==);
1638
+ padding:10px 0 0;
1639
+ }
1640
+ .product-view .product-shop .price-box {
1641
+ margin:10px 0;
1642
+ clear:both
1643
+ }
1644
+ .product-view .product-shop .add-to-links {
1645
+ margin:0;
1646
+ }
1647
+ .product-view .product-shop .add-to-links li {
1648
+ display:inline;
1649
+ }
1650
+ .product-view .product-shop .add-to-links li .separator {
1651
+ display: none;
1652
+ }
1653
+ /* Product Options */
1654
+ .product-options {
1655
+ margin:20px 0 0;
1656
+ padding:10px 15px 20px;
1657
+ border:1px solid;
1658
+ }
1659
+ .product-options dt {
1660
+ padding:10px 0 0;
1661
+ }
1662
+ .product-options dt span.required {
1663
+ color:#eb340a;
1664
+ }
1665
+ .product-options dt .qty-holder {
1666
+ float:right;
1667
+ margin-right:15px;
1668
+ }
1669
+ .product-options dt .qty-holder label {
1670
+ vertical-align:middle;
1671
+ }
1672
+ .product-options dt .qty-disabled {
1673
+ background:none;
1674
+ border:0;
1675
+ padding:3px;
1676
+ }
1677
+ .product-options dd {
1678
+ padding:5px 10px 15px;
1679
+ margin:0 0 5px;
1680
+ border-bottom:1px solid;
1681
+ }
1682
+ .product-options dl.last dd.last {
1683
+ border-bottom:0;
1684
+ padding-bottom:5px;
1685
+ margin-bottom:0;
1686
+ }
1687
+ .product-options dd input.input-text {
1688
+ width:98%;
1689
+ }
1690
+ .product-options dd input.datetime-picker {
1691
+ width:150px;
1692
+ }
1693
+ .product-options dd .time-picker {
1694
+ display:-moz-inline-box;
1695
+ display:inline-block;
1696
+ padding:2px 0;
1697
+ vertical-align:middle;
1698
+ }
1699
+ .product-options dd textarea {
1700
+ width:98%;
1701
+ height:8em;
1702
+ }
1703
+ .product-options dd select {
1704
+ width:99%;
1705
+ }
1706
+ .product-options dd .multiselect option {
1707
+ border-bottom:1px dotted;
1708
+ padding:2px 4px;
1709
+ }
1710
+ .product-options ul.options-list {
1711
+ margin-right:5px;
1712
+ }
1713
+ .product-options ul.options-list li {
1714
+ line-height:1.5;
1715
+ padding:2px 0;
1716
+ }
1717
+ .product-options ul.options-list input.radio {
1718
+ float:left;
1719
+ margin-top:3px;
1720
+ }
1721
+ .product-options ul.options-list input.checkbox {
1722
+ float:left;
1723
+ margin-top:3px;
1724
+ }
1725
+ .product-options ul.options-list .label {
1726
+ display:block;
1727
+ margin-left:18px;
1728
+ }
1729
+ .product-options ul.validation-failed {
1730
+ padding:0 7px;
1731
+ }
1732
+ .product-options p.note {
1733
+ margin:0;
1734
+ }
1735
+ .product-options p.required {
1736
+ margin-bottom:0;
1737
+ padding:15px 0 0;
1738
+ }
1739
+ .product-options-bottom .tier-prices {
1740
+ margin:0;
1741
+ padding:0 0 10px;
1742
+ border:0;
1743
+ background:0;
1744
+ }
1745
+ .product-options-bottom .tier-prices li {
1746
+ background:0;
1747
+ padding:2px 0;
1748
+ }
1749
+ .product-options-bottom .price-box {
1750
+ float:left;
1751
+ margin:0;
1752
+ padding:0;
1753
+ }
1754
+ .col3-layout .product-options-bottom .price-box {
1755
+ float:none;
1756
+ padding:0 0 5px;
1757
+ }
1758
+ .product-options-bottom .price-label {
1759
+ float:left;
1760
+ padding-right:5px;
1761
+ }
1762
+ .product-options-bottom .price-tax {
1763
+ float:left;
1764
+ }
1765
+ .product-shop .product-options-bottom {
1766
+ margin:0 0 10px;
1767
+ }
1768
+ .product-shop .product-options-bottom .price-box {
1769
+ float:none;
1770
+ margin:0 0 5px;
1771
+ }
1772
+ .product-shop .product-options-bottom .price-label {
1773
+ float:none;
1774
+ padding-right:0;
1775
+ }
1776
+ .product-shop .product-options-bottom .price-tax {
1777
+ float:none;
1778
+ }
1779
+ .product-shop .product-options-bottom .add-to-cart-box {
1780
+ clear:both;
1781
+ float:left;
1782
+ padding-top:12px;
1783
+ }
1784
+ /* Grouped Product */
1785
+ .product-view .grouped-items-table .price-box {
1786
+ margin:0;
1787
+ padding:0;
1788
+ }
1789
+ /* Block: Additional */
1790
+ .product-view .box-additional .data-table th, .product-view .box-additional .data-table td {
1791
+ line-height:1.25;
1792
+ }
1793
+ /* Block: Upsell */
1794
+ .product-view .box-up-sell h2 {
1795
+ border-bottom:0;
1796
+ padding:0;
1797
+ margin:0 0 8px;
1798
+ }
1799
+ .product-view .box-up-sell .products-grid {
1800
+ width:100%;
1801
+ }
1802
+ .product-view .box-up-sell .products-grid td {
1803
+ width:25%;
1804
+ padding:15px 10px 12px;
1805
+ line-height:1.6em;
1806
+ }
1807
+ .product-view .box-up-sell .products-grid .product-image {
1808
+ text-align:center;
1809
+ border: 0;
1810
+ }
1811
+ .product-view .box-up-sell .products-grid td.empty {
1812
+ border-right:0;
1813
+ }
1814
+ .product-view .box-up-sell .products-grid .ratings .rating-box {
1815
+ float:none;
1816
+ display:block;
1817
+ margin:0 0 3px;
1818
+ }
1819
+ /* Block: Tags */
1820
+ .product-view .box-tags {
1821
+ margin:0;
1822
+ }
1823
+ .product-view .box-tags .product-tags {
1824
+ display:block;
1825
+ margin:0 0 15px;
1826
+ }
1827
+ .product-view .box-tags .product-tags li {
1828
+ display:inline;
1829
+ }
1830
+ .product-view .box-tags .product-tags li.first {
1831
+ padding-left:0;
1832
+ }
1833
+ .product-view .box-tags .product-tags li.last {
1834
+ background:none;
1835
+ padding-right:0;
1836
+ }
1837
+ .product-view .box-tags .form-add label {
1838
+ display:block;
1839
+ margin:0 0 5px;
1840
+ }
1841
+ .product-view .box-tags .form-add .input-box {
1842
+ float:left;
1843
+ width:305px;
1844
+ margin:0 5px 0 0;
1845
+ padding:0 0 0 0px;
1846
+ }
1847
+ .product-view .box-tags .form-add input.input-text {
1848
+ width:299px;
1849
+ }
1850
+ .product-view .box-tags .note {
1851
+ margin:3px 0 0;
1852
+ padding:0 0 0 0px;
1853
+ }
1854
+ /* Block: Reviews */
1855
+ .product-view .box-reviews dl {
1856
+ margin:15px 0;
1857
+ }
1858
+ .product-view .box-reviews dt a, .product-view .box-reviews dt span {
1859
+ }
1860
+ .product-view .box-reviews dd {
1861
+ margin:0 0 15px;
1862
+ }
1863
+ .product-view .box-reviews dd small {
1864
+ font-style:italic;
1865
+ }
1866
+ .product-view .box-reviews .form-add {
1867
+ margin:15px 0 0;
1868
+ }
1869
+ .product-view .box-reviews .form-add .data-table td {
1870
+ text-align:center;
1871
+ }
1872
+ .product-view .box-reviews .form-add .form-list {
1873
+ margin:15px 0 0;
1874
+ }
1875
+ #review-form .input-box {
1876
+ width: 98%;
1877
+ max-width: 600px;
1878
+ }
1879
+ #review-form input.input-text,
1880
+ #review-form textarea {
1881
+ max-width: 600px;
1882
+ }
1883
+ /* Send a Friend */
1884
+ .send-friend .form-list {
1885
+ width:615px;
1886
+ overflow:hidden;
1887
+ }
1888
+ .send-friend .form-list li {
1889
+ margin-right:-15px;
1890
+ }
1891
+ .send-friend .form-list li p {
1892
+ margin:0 15px 0 0;
1893
+ }
1894
+ .send-friend .form-list .field {
1895
+ width:315px;
1896
+ }
1897
+ .send-friend .form-list .input-box {
1898
+ width:300px;
1899
+ }
1900
+ .send-friend .form-list input.input-text, .send-friend .form-list textarea {
1901
+ width:294px;
1902
+ }
1903
+ .send-friend .form-list li.wide .input-box {
1904
+ width:612px;
1905
+ }
1906
+ .send-friend .form-list li.wide textarea {
1907
+ width:609px;
1908
+ }
1909
+ .send-friend .buttons-set .limit {
1910
+ float:right;
1911
+ margin:0 7px 0 0;
1912
+ line-height:21px;
1913
+ }
1914
+ /* Content Styles ================================================================= */
1915
+ .product-name {
1916
+ margin:0;
1917
+ }
1918
+ /* Product Tags */
1919
+ .tags-list {
1920
+ display:block;
1921
+ border:1px solid;
1922
+ padding: 5px;
1923
+ }
1924
+ .tags-list li {
1925
+ display:inline !important;
1926
+ margin:0 4px 0 0;
1927
+ font-size: 14px;
1928
+ }
1929
+ /* Advanced Search */
1930
+ .advanced-search .form-list label {
1931
+ width:160px;
1932
+ padding-right:10px;
1933
+ }
1934
+ .advanced-search .form-list .input-box, .advanced-search .form-list .input-range {
1935
+ float:left;
1936
+ clear:none;
1937
+ }
1938
+ .advanced-search-amount {
1939
+ margin:0 0 10px;
1940
+ }
1941
+ .advanced-search-summary {
1942
+ margin:10px 0;
1943
+ border:1px solid;
1944
+ padding:10px;
1945
+ }
1946
+ .advanced-search-summary ul {
1947
+ float:left;
1948
+ width:49%;
1949
+ }
1950
+ .advanced-search-summary p {
1951
+ clear:both;
1952
+ margin:0;
1953
+ }
1954
+ /* Sitemap */
1955
+ .page-sitemap .links {
1956
+ text-align:right;
1957
+ }
1958
+ .page-sitemap .links a {
1959
+ position:relative;
1960
+ }
1961
+ .page-sitemap .sitemap {
1962
+ margin:12px;
1963
+ }
1964
+ .page-sitemap .sitemap li {
1965
+ margin:3px 0;
1966
+ }
1967
+ .page-sitemap .sitemap li.level-0 {
1968
+ margin:10px 0 0;
1969
+ }
1970
+ /* RSS */
1971
+ .rss-title h1 {
1972
+ background-color: transparent;
1973
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACKklEQVR42qWUD2SUYRzHrxtBCEkQQiGUjcr0vzOTJoYTQO8SxIwACqUrQ1HTaXNdrZ1wEdlanXVTudxYq6a6uVVyO01JdXe99969f567/Xp+z3l+zzu3ym4PH57f9/k+H68HrwfXfJfnPCfPgQbBuxrJcsFD4CROAYsfBTbWvjye+sGMafCztxnFnR60WzE/OI98K8KIHkFhBoVgDx/g7AcnfgxYsgec5ydwXh4jPkCXEFr3dwsqM2Fwr+rXBLBXF8Eabsfz/6GEZnSngL0PwZLLKQJLhbDzL5SwfLeFMO/tA+vJSWBv+6Gam3Vr+fwBzAcdsluHEt7Z9lesWBdUv70k6YKtgzniX6qrhKXwVoHzOlj7kl9pYKkIlKNtrrPrSlqch1JkF+ZulNAY2Cywp/rqn+/dIJRut9TOkwF3jpkbJSwGNwlKQ3vAnrwK7PPY4rf7MQNGaDt23Ge8vxcziRLq1zbWYdxqhcqXCbpsvwnLvC6TkPD3lQ1EMbQDoZl9ekwCY8i3KKt8T7nvKmGhd53AHD9Dl8uj3SLTbzSrL5oaqPXi1MNZooT5wFrBgllQ71bIUu7MjoqMzb0QczHSIWu4p54SnlsjYJkEFZ30Q8rNZ5cox1nvb1XCwcOyp4S5s6sF+cB6MJN9CO4p12+2QXn8AiIzmguXt8iMhPlsjxfmTjetiGy3F4XTKNTS2iqY0LwQP97UEJP87kfu4K6D8q/dyclwoEGmpewPaktpTxPJpisAAAAASUVORK5CYII=);
1974
+ background-position: 0 4px;
1975
+ background-repeat: no-repeat;
1976
+ padding-left:27px;
1977
+ }
1978
+ .rss-table .link-rss {
1979
+ display:block;
1980
+ line-height:1.55;
1981
+ background-position:0 4px;
1982
+ }
1983
+ /* Shopping Cart ========================================================================= */
1984
+ .cart .page-title {
1985
+ border-bottom:0;
1986
+ margin:0 0 12px;
1987
+ }
1988
+ /* Checkout Types */
1989
+ .cart .title-buttons .checkout-types {
1990
+ float:right;
1991
+ }
1992
+ /* Shopping Cart Table */
1993
+ .cart-table th {
1994
+ padding:2px 10px;
1995
+ }
1996
+ .cart-table td {
1997
+ padding:10px;
1998
+ }
1999
+ .cart-table .product-name {
2000
+ margin:0 0 5px;
2001
+ }
2002
+ .cart-table .item-msg {
2003
+ margin:5px 0;
2004
+ }
2005
+ .cart-table tfoot td {
2006
+ padding:5px 10px;
2007
+ }
2008
+ /* Shopping Cart Collateral boxes */
2009
+ .cart .cart-collaterals {
2010
+ padding:25px 0 0;
2011
+ }
2012
+ .cart .cart-collaterals .col2-set {
2013
+ float:left;/*width:605px;*/
2014
+ }
2015
+ .cart .crosssell {
2016
+ padding:12px 15px;
2017
+ }
2018
+ .cart .crosssell .product-image {
2019
+ float:left;
2020
+ width:75px;
2021
+ height:75px;
2022
+ }
2023
+ .cart .crosssell .product-details {
2024
+ margin-left:90px;
2025
+ }
2026
+ .cart .crosssell li.item {
2027
+ margin:12px 0;
2028
+ }
2029
+ /* Discount Codes & Estimate Shipping and Tax Boxes */
2030
+ .cart .discount, .cart .shipping {
2031
+ padding: 3%;
2032
+ }
2033
+ .cart .discount h2, .cart .shipping h2 {
2034
+ padding:0;
2035
+ clear: both;
2036
+ }
2037
+ .cart .discount .buttons-set, .cart .shipping .buttons-set {
2038
+ margin:10px 0 0;
2039
+ border:0;
2040
+ padding:0;
2041
+ text-align:left;
2042
+ }
2043
+ .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button {
2044
+ float:none;
2045
+ margin-left:0;
2046
+ }
2047
+ .cart .discount .input-box {
2048
+ margin:8px 0 0;
2049
+ width:260px;
2050
+ }
2051
+ .cart .discount input.input-text {
2052
+ width:254px;
2053
+ }
2054
+ .cart .shipping .sp-methods {
2055
+ margin:10px 0 0;
2056
+ padding:5px 0 0;
2057
+ }
2058
+ /* Shopping Cart Totals */
2059
+ .cart .totals {
2060
+ float:right;
2061
+ max-width:268px;
2062
+ width: 100%;
2063
+ border:0;
2064
+ }
2065
+ .cart .totals table {
2066
+ width:100%;
2067
+ margin:7px 0;
2068
+ }
2069
+ .cart .totals td {
2070
+ padding:1px 15px 1px 7px;
2071
+ }
2072
+ .cart .totals tfoot th {
2073
+ padding:5px 15px 5px 7px;
2074
+ }
2075
+ .cart .totals tfoot td {
2076
+ padding-top:5px;
2077
+ padding-bottom:5px;
2078
+ }
2079
+ .cart .totals .checkout-types {
2080
+ padding:8px 15px 15px;
2081
+ text-align:right;
2082
+ }
2083
+ .cart .totals .checkout-types li {
2084
+ clear:both;
2085
+ margin:10px 0;
2086
+ }
2087
+ /* Options Tool Tip */
2088
+ .item-options dt {
2089
+ font-style:italic;
2090
+ }
2091
+ .item-options dd {
2092
+ padding-left:10px;
2093
+ margin:0 0 6px;
2094
+ }
2095
+ .truncated {
2096
+ cursor:help;
2097
+ }
2098
+ .truncated a.dots {
2099
+ cursor:help;
2100
+ }
2101
+ .truncated a.details {
2102
+ cursor:help;
2103
+ }
2104
+ .truncated .truncated_full_value {
2105
+ position:relative;
2106
+ z-index:999;
2107
+ }
2108
+ .truncated .truncated_full_value dl {
2109
+ position:absolute;
2110
+ top:-99999em;
2111
+ left:-99999em;
2112
+ z-index:999;
2113
+ width:250px;
2114
+ padding:8px;
2115
+ border:1px solid;
2116
+ }
2117
+ .truncated .show dl {
2118
+ top:-20px;
2119
+ left:50%;
2120
+ }
2121
+ .col-left .truncated .show dl {
2122
+ left:15px;
2123
+ top:7px;
2124
+ }
2125
+ .col-right .truncated .show dl {
2126
+ left:-240px;
2127
+ top:7px;
2128
+ }
2129
+ /* Checkout ============================================================================== */
2130
+ /********** < Common Checkout Styles */
2131
+ /* Shipping and Payment methods */
2132
+ .sp-methods {
2133
+ margin:0 0 8px;
2134
+ }
2135
+ .sp-methods dt {
2136
+ margin:13px 0 5px;
2137
+ }
2138
+ .sp-methods dd li {
2139
+ margin:5px 0;
2140
+ }
2141
+ .sp-methods .form-list {
2142
+ padding-left:20px;
2143
+ }
2144
+ .sp-methods .form-list li {
2145
+ margin:0 0 8px;
2146
+ }
2147
+ .sp-methods select.month {
2148
+ width:154px;
2149
+ margin-right:10px;
2150
+ }
2151
+ .sp-methods select.year {
2152
+ width:96px;
2153
+ }
2154
+ .sp-methods input.cvv {
2155
+ width:3em !important;
2156
+ }
2157
+ .sp-methods .checkmo-list li {
2158
+ margin:0 0 5px;
2159
+ }
2160
+ .sp-methods .checkmo-list label {
2161
+ width:135px;
2162
+ padding-right:10px;
2163
+ text-align:right;
2164
+ }
2165
+ .sp-methods .checkmo-list address {
2166
+ float:left;
2167
+ }
2168
+ .sp-methods .centinel-logos a {
2169
+ margin-right:3px;
2170
+ }
2171
+ .sp-methods .centinel-logos img {
2172
+ vertical-align:middle;
2173
+ }
2174
+ .please-wait {
2175
+ float:right;
2176
+ }
2177
+ .please-wait img {
2178
+ vertical-align:middle;
2179
+ }
2180
+ .cvv-what-is-this {
2181
+ cursor:help;
2182
+ margin-left:10px;
2183
+ }
2184
+ /* Tooltip */
2185
+ .tool-tip {
2186
+ border:1px solid;
2187
+ padding:15px 20px;
2188
+ position:absolute;
2189
+ z-index:9999;
2190
+ }
2191
+ .tool-tip .btn-close {
2192
+ margin:-9px -14px 0;
2193
+ text-align:right;
2194
+ }
2195
+ .tool-tip .btn-close a {
2196
+ display:block;
2197
+ margin:0 0 0 auto;
2198
+ width:15px;
2199
+ height:15px;
2200
+ background-color: transparent;
2201
+ background-image: url(data:image/gif;base64,R0lGODlhDwAPALMAAP///46OjomJieXl5bW1tbOzs7y8vODg4Nzc3IyMjNTU1M7Ozq+vr5iYmNHR0QAAACH5BAEAAA8ALAAAAAAPAA8AAART8IVJK5UI6M0BmtrShRrICEVXCAwADgG6rcHgBhosEAAh1CVcLtb42YKcQUKQOCI3PsGOA9L4Ao4Y73m16bYghXGjU9w0BmfOEDyMOoeAxEKXRwAAOw==);
2202
+ background-position: 100% 0;
2203
+ background-repeat: no-repeat;
2204
+ text-align:left;
2205
+ text-indent:-999em;
2206
+ overflow:hidden;
2207
+ }
2208
+ .tool-tip .tool-tip-content {
2209
+ padding:5px;
2210
+ }
2211
+ /* Gift Messages */
2212
+ .gift-messages-form {
2213
+ position:relative;
2214
+ }
2215
+ .gift-messages-form label {
2216
+ float:none !important;
2217
+ position:static !important;
2218
+ }
2219
+ .gift-messages-form .whole-order {
2220
+ margin:0 0 25px;
2221
+ }
2222
+ .gift-messages-form .item {
2223
+ margin:0 0 10px;
2224
+ }
2225
+ .gift-messages-form .item .product-img-box {
2226
+ float:left;
2227
+ width:75px;
2228
+ }
2229
+ .gift-messages-form .item .product-image {
2230
+ margin:0 0 7px;
2231
+ }
2232
+ .gift-messages-form .item .number {
2233
+ margin:0;
2234
+ text-align:center;
2235
+ }
2236
+ .gift-messages-form .item .details {
2237
+ margin-left:90px;
2238
+ }
2239
+ .gift-messages-form .item .details .product-name {
2240
+ margin:0 0 10px;
2241
+ }
2242
+ .gift-messages-form .item .details .form-list .field {
2243
+ width:255px;
2244
+ }
2245
+ .gift-messages-form .item .details .form-list .input-box {
2246
+ width:240px;
2247
+ }
2248
+ .gift-messages-form .item .details .form-list input.input-text {
2249
+ width:234px;
2250
+ }
2251
+ .gift-messages-form .item .details .form-list li.wide .input-box {
2252
+ width:500px;
2253
+ }
2254
+ .gift-messages-form .item .details .form-list li.wide textarea {
2255
+ width:494px;
2256
+ }
2257
+ .gift-message-link {
2258
+ background-position: 100% 6px;
2259
+ background-repeat: no-repeat;
2260
+ background-image: url(data:image/gif;base64,R0lGODlhBQAyAPIFAPX19dbW1vz8/MXFxcTExAAAAAAAAAAAACH5BAUAAAUALAAAAAAFADIAAAMjOEM0wQSUNUoBQ9i7u/9gKI5kaZ5oqq6sKllCZDUV1jw0kQAAOw==);
2261
+ padding-right:7px;
2262
+ }
2263
+ .gift-message-link.expanded {
2264
+ background-position:100% -40px;
2265
+ }
2266
+ .gift-message-row .btn-close {
2267
+ float:right;
2268
+ width:16px;
2269
+ height:16px;
2270
+ background-color: transparent;
2271
+ background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIFAPPz8/n5+fz8/O3t7dLS0gAAAAAAAAAAACH5BAUAAAUALAAAAAAQABAAAAM/WLrcLYNIApwCMw/RYv6cEkje5A3LWUzAKIXf2mbVGrum8rV23lOuX+BCwhF6jI+yJlL6GJClRSEAWIfTLCMBADs=);
2272
+ background-position: 0 0;
2273
+ background-repeat: no-repeat;
2274
+ font-size:0;
2275
+ line-height:0;
2276
+ text-indent:-999em;
2277
+ overflow:hidden;
2278
+ }
2279
+ /* Checkout Agreements */
2280
+ .checkout-agreements li {
2281
+ margin:30px 0;
2282
+ }
2283
+ .checkout-agreements .agreement-content {
2284
+ overflow:auto;
2285
+ height:12em;
2286
+ padding:10px;
2287
+ border:1px solid;
2288
+ }
2289
+ .checkout-agreements .agree {
2290
+ margin:0;
2291
+ padding:10px 0 10px 11px;
2292
+ }
2293
+ .checkout-agreements .agree input.checkbox {
2294
+ margin-right:6px;
2295
+ }
2296
+ .opc .checkout-agreements {
2297
+ padding: 1%;
2298
+ }
2299
+ .opc .checkout-agreements li {
2300
+ margin:20px 0 0;
2301
+ }
2302
+ .opc .checkout-agreements .agreement-content {
2303
+ padding:5px;
2304
+ }
2305
+ .opc .checkout-agreements .agree {
2306
+ padding-left:6px;
2307
+ }
2308
+ /* Centinel */
2309
+ .centinel .authentication {
2310
+ border:1px solid;
2311
+ }
2312
+ .centinel .authentication iframe {
2313
+ width:99%;
2314
+ height:400px;
2315
+ background:transparent !important;
2316
+ margin:0 !important;
2317
+ padding:0 !important;
2318
+ border:0 !important;
2319
+ }
2320
+ .opc .centinel {
2321
+ border:1px solid;
2322
+ border-width:0 1px 1px;
2323
+ padding:10px 30px;
2324
+ }
2325
+ /* Generic Info Set */
2326
+ .info-set {
2327
+ border:1px solid;
2328
+ margin:0 0 25px;
2329
+ padding:20px;
2330
+ }
2331
+ .info-set h2 {
2332
+ margin:0 0 10px;
2333
+ }
2334
+ .info-set h2.legend {
2335
+ margin:-20px -20px 15px;
2336
+ padding:5px 10px;
2337
+ border-bottom:1px solid;
2338
+ position:relative;
2339
+ }
2340
+ .info-set h3.legend {
2341
+ margin:0 0 10px;
2342
+ }
2343
+ .info-set .divider {
2344
+ margin:0 -20px;
2345
+ padding:25px 0;
2346
+ position:relative;
2347
+ }
2348
+ .info-set .box {
2349
+ margin:0 0 15px;
2350
+ }
2351
+ .info-set .data-table .item-options {
2352
+ margin:5px 0 0;
2353
+ }
2354
+ /********** Common Checkout Styles > */
2355
+
2356
+ /* One Page Checkout */
2357
+ .block-progress {
2358
+ border:0;
2359
+ margin:0;
2360
+ }
2361
+ .block-progress .block-title {
2362
+ background:none;
2363
+ border:0;
2364
+ padding:0;
2365
+ margin:0 0 5px;
2366
+ }
2367
+ .block-progress dt {
2368
+ line-height:1.35;
2369
+ margin:0 0 6px;
2370
+ padding:2px 8px;
2371
+ }
2372
+ .block-progress dd {
2373
+ border-top:0;
2374
+ padding:8px 13px;
2375
+ margin:0 0 6px;
2376
+ }
2377
+ .block-progress dt.complete {
2378
+ margin:0;
2379
+ }
2380
+ .block-progress p {
2381
+ margin:0;
2382
+ }
2383
+ .opc .buttons-set {
2384
+ margin-top:0;
2385
+ padding-top:2em;
2386
+ }
2387
+ .opc .buttons-set p.required {
2388
+ margin:0;
2389
+ padding:0 0 10px;
2390
+ }
2391
+ .opc .buttons-set .back-link small {
2392
+ display:none;
2393
+ }
2394
+ .opc .buttons-set.disabled button.button {
2395
+ display:none;
2396
+ }
2397
+ .opc .buttons-set .please-wait {
2398
+ height:21px;
2399
+ line-height:21px;
2400
+ }
2401
+ .opc .ul {
2402
+ list-style:disc outside;
2403
+ padding-left:18px;
2404
+ }
2405
+ .opc {
2406
+ position:relative;
2407
+ }
2408
+ .opc .step-title {
2409
+ padding: 1%;
2410
+ text-align:right;
2411
+ }
2412
+ .opc .step-title .number {
2413
+ float:left;
2414
+ padding:0 4px;
2415
+ margin:0 5px 0 0;
2416
+ }
2417
+ .opc .step-title h2 {
2418
+ float:left;
2419
+ margin:0;
2420
+ }
2421
+ .opc .step-title a {
2422
+ display:none;
2423
+ float:right;
2424
+ }
2425
+ .opc .allow .step-title {
2426
+ border-bottom:0;
2427
+ cursor:pointer;
2428
+ }
2429
+ .opc .active .step-title {
2430
+ padding-bottom:5px;
2431
+ cursor:default;
2432
+ }
2433
+ .opc .step {
2434
+ padding:15px 30px;
2435
+ position:relative;
2436
+ }
2437
+ .opc .step .tool-tip {
2438
+ right:30px;
2439
+ }
2440
+ #opc-login .buttons-set {
2441
+ border-top:0;
2442
+ }
2443
+ #opc-login h3 {
2444
+ padding-bottom:2px;
2445
+ }
2446
+ #opc-login h4 {
2447
+ margin:0;
2448
+ }
2449
+ #opc-shipping_method .buttons-set {
2450
+ border-top:0;
2451
+ }
2452
+ .opc .gift-messages-form .inner-box {
2453
+ padding:5px;
2454
+ height:260px;
2455
+ overflow:auto;
2456
+ }
2457
+ #opc-review .step {
2458
+ border:0;
2459
+ padding:0;
2460
+ }
2461
+ #opc-review .item-options {
2462
+ margin:5px 0 0;
2463
+ }
2464
+ #opc-review .buttons-set {
2465
+ padding:1% 3%;
2466
+ }
2467
+ #opc-review .buttons-set p {
2468
+ margin:0;
2469
+ line-height:40px;
2470
+ }
2471
+ #opc-review .buttons-set .please-wait {
2472
+ height:40px;
2473
+ line-height:40px;
2474
+ }
2475
+ /* Multiple Addresses Checkout */
2476
+ .checkout-progress {
2477
+ padding:0 90px;
2478
+ margin:0 0 20px;
2479
+ }
2480
+ .checkout-progress li {
2481
+ float:left;
2482
+ width:19%;
2483
+ margin:0 3px 0 0;
2484
+ border-top:10px solid;
2485
+ padding:2px 0 0;
2486
+ text-align:center;
2487
+ }
2488
+ .checkout-progress li.active {
2489
+ }
2490
+ .multiple-checkout h2 {
2491
+ margin:0 0 10px;
2492
+ }
2493
+ .multiple-checkout .data-table .item-options {
2494
+ margin:5px 0 0;
2495
+ }
2496
+ .multiple-checkout .gift-messages {
2497
+ margin:15px 0 0;
2498
+ }
2499
+ .multiple-checkout .tool-tip {
2500
+ top:50%;
2501
+ margin-top:-120px;
2502
+ right:20px;
2503
+ }
2504
+ .multiple-checkout .col2-set, .multiple-checkout .col3-set {
2505
+ border:1px solid;
2506
+ margin:0 0 25px;
2507
+ padding:20px;
2508
+ }
2509
+ .multiple-checkout .col2-set h2.legend {
2510
+ margin:-20px -20px 15px;
2511
+ padding:5px 10px;
2512
+ border-bottom:1px solid;
2513
+ position:relative;
2514
+ }
2515
+ .multiple-checkout .col2-set h3.legend {
2516
+ margin:0 0 10px;
2517
+ }
2518
+ .multiple-checkout .col2-set .divider {
2519
+ margin:0 -20px;
2520
+ padding:25px 0;
2521
+ position:relative;
2522
+ }
2523
+ .multiple-checkout .box {
2524
+ margin:0 0 15px;
2525
+ }
2526
+ .multiple-checkout .place-order .please-wait {
2527
+ float:right;
2528
+ padding:27px 7px 0 0;
2529
+ }
2530
+ .multiple-checkout .place-order .grand-total {
2531
+ float:right;
2532
+ height:71px;
2533
+ font-size:1.5em;
2534
+ padding:0 0 0 0px;
2535
+ overflow:hidden;
2536
+ }
2537
+ .multiple-checkout .place-order .grand-total .inner {
2538
+ float:left;
2539
+ height:57px;
2540
+ padding:14px 0px 0 0;
2541
+ }
2542
+ .multiple-checkout .place-order .grand-total .inner div {
2543
+ display:inline;
2544
+ }
2545
+ .multiple-checkout .place-order .grand-total big {
2546
+ display:inline;
2547
+ margin-right:12px;
2548
+ }
2549
+ .multiple-checkout .place-order .grand-total button.button span span {
2550
+ padding:0 45px 0 36px;
2551
+ }
2552
+ /* Step 1 */
2553
+ #multiship-addresses-table td {
2554
+ padding:10px;
2555
+ }
2556
+ #multiship-addresses-table tfoot td {
2557
+ padding:5px 10px;
2558
+ }
2559
+ /* Step 2 */
2560
+ .multiple-checkout .gift-messages-form .item .details .form-list {
2561
+ width:100%;
2562
+ overflow:hidden;
2563
+ }
2564
+ .multiple-checkout .gift-messages-form .item .details .form-list li {
2565
+ margin-right:-15px;
2566
+ }
2567
+ .multiple-checkout .gift-messages-form .item .details .form-list .field {
2568
+ width:230px;
2569
+ }
2570
+ .multiple-checkout .gift-messages-form .item .details .form-list .input-box {
2571
+ width:215px;
2572
+ }
2573
+ .multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
2574
+ width:209px;
2575
+ }
2576
+ .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
2577
+ width:445px;
2578
+ }
2579
+ .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
2580
+ width:439px;
2581
+ }
2582
+ .checkout-multishipping-shipping .box-sp-methods {
2583
+ border:1px solid;
2584
+ padding:13px;
2585
+ position:relative;
2586
+ }
2587
+ .checkout-multishipping-shipping .box-sp-methods .pointer {
2588
+ position:absolute;
2589
+ top:-20px;
2590
+ right:-40px;
2591
+ width:178px;
2592
+ height:41px;
2593
+ overflow:hidden;
2594
+ }
2595
+ /* Step 3 */
2596
+ .checkout-multishipping-billing .multiple-checkout {
2597
+ position:relative;
2598
+ }
2599
+ /* Account Login/Create Pages ============================================================ */
2600
+ .account-login .content h2 {
2601
+ margin:0 0 14px;
2602
+ padding:0 0 5px 0px;
2603
+ border-bottom:1px solid;
2604
+ background-position:0 1px;
2605
+ background-repeat:no-repeat;
2606
+ }
2607
+ .account-login .buttons-set {
2608
+ border-top:0;
2609
+ margin:0;
2610
+ }
2611
+ .account-login {
2612
+ margin-bottom: 3%;
2613
+ }
2614
+ /* My Account ============================================================================= */
2615
+ .my-account .title-buttons .link-rss {
2616
+ float:none;
2617
+ margin:0;
2618
+ }
2619
+ /********** < Dashboard */
2620
+ .dashboard .col2-set {
2621
+ margin:0 0 15px;
2622
+ }
2623
+ /* General Box */
2624
+ .box-account {
2625
+ margin: 0 0 20px;
2626
+ }
2627
+ .box-account .box-head {
2628
+ margin:0 0 1% 0;
2629
+ }
2630
+ .dashboard .box .box-title {
2631
+ padding:0 0 2px;
2632
+ margin:0 0 8px;
2633
+ text-align:right;
2634
+ }
2635
+ .dashboard .box .box-title h3, .dashboard .box .box-title h4 {
2636
+ float:left;
2637
+ margin:0;
2638
+ }
2639
+ /* Block: Reviews */
2640
+ .dashboard .box-reviews .number {
2641
+ float:left;
2642
+ font-size:10px;
2643
+ line-height:1;
2644
+ color:#fff;
2645
+ margin:3px -20px 0 0;
2646
+ padding:2px 3px;
2647
+ }
2648
+ .dashboard .box-reviews .details {
2649
+ margin-left:20px;
2650
+ }
2651
+ .dashboard .box-reviews li.item {
2652
+ margin:0 0 7px;
2653
+ }
2654
+ .dashboard .box-reviews li.item.last {
2655
+ margin:0;
2656
+ }
2657
+ .dashboard .box-reviews .ratings {
2658
+ margin:7px 0 0;
2659
+ }
2660
+ /* Block: Tags */
2661
+ .dashboard .box-tags .number {
2662
+ float:left;
2663
+ font-size:10px;
2664
+ line-height:1;
2665
+ color:#fff;
2666
+ margin:3px -20px 0 0;
2667
+ padding:2px 3px;
2668
+ }
2669
+ .dashboard .box-tags .details {
2670
+ margin-left:20px;
2671
+ }
2672
+ .dashboard .box-tags li.item {
2673
+ margin:0 0 7px;
2674
+ }
2675
+ .dashboard .box-tags li.item.last {
2676
+ margin:0;
2677
+ }
2678
+ .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li {
2679
+ display:inline;
2680
+ }
2681
+ /********** Dashboard > */
2682
+ /* Address Book */
2683
+ .addresses-list address {
2684
+ margin:0 0 3px;
2685
+ }
2686
+ .addresses-list p {
2687
+ margin:0;
2688
+ }
2689
+ .addresses-list .separator {
2690
+ margin:0 3px;
2691
+ }
2692
+ .addresses-list li.item {
2693
+ border:1px solid;
2694
+ padding:10px 13px;
2695
+ margin:0 0 10px;
2696
+ }
2697
+ .addresses-list li.empty {
2698
+ background:none;
2699
+ border:0;
2700
+ padding:0;
2701
+ }
2702
+ .addresses-list li.empty p {
2703
+ }
2704
+ .addresses-list .addresses-additional li.item {
2705
+ background:none;
2706
+ border:0;
2707
+ padding:0;
2708
+ }
2709
+ /* Order View */
2710
+ .order-info {
2711
+ border:1px solid;
2712
+ padding:4px 8px;
2713
+ margin:0 0 8px;
2714
+ }
2715
+ .order-info dt, .order-info dd, .order-info ul, .order-info li {
2716
+ display:inline;
2717
+ }
2718
+ .order-info li {
2719
+ margin:0 3px;
2720
+ }
2721
+ .order-date {
2722
+ margin:10px 0;
2723
+ }
2724
+ .order-info-box {
2725
+ border:1px solid;
2726
+ padding:12px 15px;
2727
+ margin:0 0 15px;
2728
+ }
2729
+ .order-info-box .box-payment p {
2730
+ margin:0 0 3px;
2731
+ }
2732
+ .order-info-box .box-payment th {
2733
+ padding-right:7px;
2734
+ }
2735
+ .order-items {
2736
+ width:100%;
2737
+ overflow-x:auto;
2738
+ }
2739
+ .order-items .link-print {
2740
+ float:right;
2741
+ }
2742
+ .order-items p .link-print {
2743
+ float:none;
2744
+ }
2745
+ .order-gift-message {
2746
+ margin:15px 0;
2747
+ }
2748
+ .gift-message dd {
2749
+ margin:5px 0 0;
2750
+ }
2751
+ .order-about {
2752
+ margin:15px 0;
2753
+ }
2754
+ .order-about dd {
2755
+ margin:0 0 7px;
2756
+ }
2757
+ .tracking-table {
2758
+ margin:0 0 15px;
2759
+ }
2760
+ .tracking-table th {
2761
+ white-space:nowrap;
2762
+ }
2763
+ .tracking-table th, .tracking-table td {
2764
+ padding:1px 5px 0 0;
2765
+ }
2766
+ .tracking-table-popup {
2767
+ width:100%;
2768
+ }
2769
+ .tracking-table-popup th {
2770
+ white-space:nowrap;
2771
+ }
2772
+ .tracking-table-popup th, .tracking-table-popup td {
2773
+ padding:1px 8px;
2774
+ }
2775
+ /* Order Print Pages */
2776
+ .page-print .print-head {
2777
+ margin:0 0 15px;
2778
+ }
2779
+ .page-print .print-head .logo {
2780
+ float:left;
2781
+ }
2782
+ .page-print .print-head address {
2783
+ float:left;
2784
+ margin-left:15px;
2785
+ }
2786
+ .page-print .order-date {
2787
+ padding:0 0 10px;
2788
+ margin:0 0 10px;
2789
+ }
2790
+ .page-print .col2-set {
2791
+ margin:0 0 10px;
2792
+ }
2793
+ /* Price Rewrites */
2794
+ .page-print .gift-message-link {
2795
+ display:none;
2796
+ }
2797
+ .page-print .price-excl-tax, .page-print .price-incl-tax {
2798
+ display:block;
2799
+ white-space:nowrap;
2800
+ }
2801
+ .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price {
2802
+ display:inline;
2803
+ }
2804
+ /* My Wishlist */
2805
+ .my-wishlist .data-table td {
2806
+ padding:10px;
2807
+ }
2808
+ .my-wishlist .product-image {
2809
+ display:block;
2810
+ width:113px;
2811
+ height:113px;
2812
+ margin:0 0 5px;
2813
+ }
2814
+ .my-wishlist textarea {
2815
+ display:block;
2816
+ width:97%;
2817
+ height:109px;
2818
+ }
2819
+ .my-wishlist .buttons-set {
2820
+ margin-top:2em;
2821
+ }
2822
+ .my-wishlist .buttons-set button.button {
2823
+ float:none;
2824
+ }
2825
+ #wishlist-table .add-to-links {
2826
+ white-space:nowrap;
2827
+ }
2828
+ /* My Tags */
2829
+ .my-tag-edit {
2830
+ float:left;
2831
+ margin:0 0 10px;
2832
+ }
2833
+ .my-tag-edit .btn-remove {
2834
+ float:right;
2835
+ margin:5px 0 0 5px;
2836
+ }
2837
+ #my-tags-table {
2838
+ clear:both;
2839
+ }
2840
+ #my-tags-table td {
2841
+ padding:10px;
2842
+ }
2843
+ #my-tags-table .add-to-links {
2844
+ white-space:nowrap;
2845
+ }
2846
+ /* My Reviews */
2847
+ #my-reviews-table td {
2848
+ padding:10px;
2849
+ }
2850
+ .product-review .product-img-box {
2851
+ float:left;
2852
+ width:140px;
2853
+ }
2854
+ .product-review .product-img-box .product-image {
2855
+ display:block;
2856
+ width:125px;
2857
+ height:125px;
2858
+ }
2859
+ .product-review .product-img-box .label {
2860
+ margin:0 0 3px;
2861
+ }
2862
+ .product-review .product-img-box .ratings .rating-box {
2863
+ float:none;
2864
+ display:block;
2865
+ margin:0 0 3px;
2866
+ }
2867
+ .product-review .product-details {
2868
+ margin-left:150px;
2869
+ }
2870
+ .product-review .product-name {
2871
+ margin:0 0 10px;
2872
+ }
2873
+ .product-review h3 {
2874
+ margin:0 0 3px;
2875
+ }
2876
+ .product-review .ratings-table {
2877
+ margin:0 0 10px;
2878
+ }
2879
+ .product-review dd {
2880
+ margin:5px 0 0;
2881
+ }
2882
+ /* Billing Agreements */
2883
+ .billing-agreements .form-list li select {
2884
+ float:left;
2885
+ }
2886
+ .billing-agreements .form-list li button.button {
2887
+ float:left;
2888
+ margin-left:10px;
2889
+ }
2890
+ /* Footer ================================================================================ */
2891
+ .footer .store-switcher {
2892
+ display:inline;
2893
+ margin:0 5px 0 0;
2894
+ }
2895
+ .footer .store-switcher label {
2896
+ vertical-align:middle;
2897
+ }
2898
+ .footer .store-switcher select {
2899
+ padding:0;
2900
+ vertical-align:middle;
2901
+ }
2902
+ .footer .bugs {
2903
+ margin:13px 0 0;
2904
+ }
2905
+ .footer address {
2906
+ margin:0 0 0px;
2907
+ }
2908
+ /*.footer ul { display:inline; }*/
2909
+ .footer ul.links {
2910
+ display:block;
2911
+ }
2912
+ .footer ul.links {
2913
+ display:inline;
2914
+ }
2915
+ .footer li.last {
2916
+ background:none;
2917
+ }
2918
+ .footer-container .bottom-container {
2919
+ margin:0 0 5px;
2920
+ }
2921
+ /* Sample Data============================================================================ */
2922
+ .home-callout {
2923
+ margin-bottom:12px;
2924
+ }
2925
+ .home-callout img {
2926
+ display:block
2927
+ }
2928
+ .home-spot {
2929
+ float:left;
2930
+ width:470px;
2931
+ margin-left:20px;
2932
+ }
2933
+ .best-selling h3 {
2934
+ margin:12px 0 6px 0;
2935
+ }
2936
+ .best-selling table {
2937
+ border-top:1px solid;
2938
+ }
2939
+ .best-selling td {
2940
+ width:50%;
2941
+ border-bottom:1px solid;
2942
+ padding:8px 10px 8px 8px;
2943
+ }
2944
+ .best-selling .product-img {
2945
+ float:left;
2946
+ border:2px solid;
2947
+ }
2948
+ .best-selling .product-description {
2949
+ margin-left:107px;
2950
+ line-height:1.3em;
2951
+ }
2952
+ /* Clears ================================================================================ */
2953
+ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after {
2954
+ display:block;
2955
+ content:".";
2956
+ clear:both;
2957
+ font-size:0;
2958
+ line-height:0;
2959
+ height:0;
2960
+ overflow:hidden;
2961
+ }
2962
+ /* ======================================================================================= */
2963
+ .demo-notice {
2964
+ margin: 0;
2965
+ padding: 6px 10px;
2966
+ background: #d75f07;
2967
+ font-size: 12px;
2968
+ line-height: 1.15;
2969
+ border: 0;
2970
+ text-align: center;
2971
+ }
2972
+ .demo-notice .notice-inner p {
2973
+ padding: 0;
2974
+ border: 0;
2975
+ margin: 0;
2976
+ color: #fff;
2977
  }
skin/frontend/default/grayscale2014/css/webandpeople/backtotopbutton/backtotopbutton.css CHANGED
@@ -1,39 +1,39 @@
1
- a.go-to-top {
2
- visibility: visible;
3
- position: fixed;
4
- right: 100px;
5
- bottom: 50px;
6
- padding: 0;
7
- display: block;
8
- z-index: 9999;
9
- -webkit-transition: all .3s linear;
10
- -moz-transition: all .3s linear;
11
- -ms-transition: all .3s linear;
12
- transition: all .3s linear;
13
- opacity: .5;
14
- filter: alpha(opacity=50);
15
- text-indent: -9999px;
16
- width: 33px;
17
- height: 33px;
18
- background-color: transparent;
19
- background-repeat: no-repeat;
20
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrMWDFoGlEY/vM8RMwQcHA6SUEMIkLAIUu4LA5OdjBbNgmZmw4u7VZIF4emcyluXUoWFycRPOKQQQhIh0wNBkQQ5IaKuNj/t/+Ty8l572yb84OPx52P+77737v3vufOfD4HFVSr1V1sDOQR8hB5gNSRe0gL+YR8QN4j75BmpVL5pfLsHS8TKP4Km1Pka+QJqKONrCNv0MzPjU2ggXNsyshj2By3yBoa+erLBIrvY3OJfEN94O9BIp+R12jm0dMEGshg8x55Bv8e35BXaOSHqwmuwEdVA6VSCRKJBPR6PWg2m36MvLNXRDg6XKoayOVykEwmIRwOQzabhXQ6rWrijHVWK8GT8IvKHMjn8wsTdsxmMzBNE7rdruocuZCTVdg+w7KKARKXBkiYMBgMFhUxDEO1IqRTZt3lcJyqfIYkTkIEeuN+v780QfOCjBSLxZUqueCYdSG0i8D2A3LfywANQygUWgi2221IpVIQi8UWJuiaHhWPx0HXdbAsC0ajkZeRSKfT+a7xUnyiWgEy0Gg0VvpMp9PlfZqohUIBotGo1xwhXUPjvcDTAJWaDLRarbWvJn8nI/ahW4MjwZuRK5wG6I3XQVZEzpFMJuM1JIca74auoIcRfCxGy4oMh0OYTCZeXQ803o5d4VfcXhHFNUMXnAeCxJ7gQBIkLMGJKEg8CY5kQeJBcCYMEveCQ2mQuCMTJofSIEC6puBYXg/IRJ305VZ+w6n4JXHLun/yBJ8Lapx41D9w3K4p2IzH403Sd02eR5xB95Mz/60NA5HIs2XaByj6v5UXmvNHZFw17PoUtqfta/uNZ2mbY/gVd/wfkOeOx+0/gW3NWXSrTuUv9f/EbwEGADqkL+Vp3VTGAAAAAElFTkSuQmCC);
21
- }
22
- a.go-to-top:hover {
23
- opacity: 1;
24
- filter: alpha(opacity=100);
25
- background-color: transparent;
26
- }
27
- a.go-to-top.hidden {
28
- visibility: hidden;
29
- }
30
- @media all and (max-width:799px) {
31
- a.go-to-top {
32
- display: none !important;
33
- }
34
- }
35
- /*POSITION*/
36
- a.go-to-top {
37
- right: 50%;
38
- bottom: 50px;
39
- }
1
+ a.go-to-top {
2
+ visibility: visible;
3
+ position: fixed;
4
+ right: 100px;
5
+ bottom: 50px;
6
+ padding: 0;
7
+ display: block;
8
+ z-index: 9999;
9
+ -webkit-transition: all .3s linear;
10
+ -moz-transition: all .3s linear;
11
+ -ms-transition: all .3s linear;
12
+ transition: all .3s linear;
13
+ opacity: .5;
14
+ filter: alpha(opacity=50);
15
+ text-indent: -9999px;
16
+ width: 33px;
17
+ height: 33px;
18
+ background-color: transparent;
19
+ background-repeat: no-repeat;
20
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAodJREFUeNrMWDFoGlEY/vM8RMwQcHA6SUEMIkLAIUu4LA5OdjBbNgmZmw4u7VZIF4emcyluXUoWFycRPOKQQQhIh0wNBkQQ5IaKuNj/t/+Ty8l572yb84OPx52P+77737v3vufOfD4HFVSr1V1sDOQR8hB5gNSRe0gL+YR8QN4j75BmpVL5pfLsHS8TKP4Km1Pka+QJqKONrCNv0MzPjU2ggXNsyshj2By3yBoa+erLBIrvY3OJfEN94O9BIp+R12jm0dMEGshg8x55Bv8e35BXaOSHqwmuwEdVA6VSCRKJBPR6PWg2m36MvLNXRDg6XKoayOVykEwmIRwOQzabhXQ6rWrijHVWK8GT8IvKHMjn8wsTdsxmMzBNE7rdruocuZCTVdg+w7KKARKXBkiYMBgMFhUxDEO1IqRTZt3lcJyqfIYkTkIEeuN+v780QfOCjBSLxZUqueCYdSG0i8D2A3LfywANQygUWgi2221IpVIQi8UWJuiaHhWPx0HXdbAsC0ajkZeRSKfT+a7xUnyiWgEy0Gg0VvpMp9PlfZqohUIBotGo1xwhXUPjvcDTAJWaDLRarbWvJn8nI/ahW4MjwZuRK5wG6I3XQVZEzpFMJuM1JIca74auoIcRfCxGy4oMh0OYTCZeXQ803o5d4VfcXhHFNUMXnAeCxJ7gQBIkLMGJKEg8CY5kQeJBcCYMEveCQ2mQuCMTJofSIEC6puBYXg/IRJ305VZ+w6n4JXHLun/yBJ8Lapx41D9w3K4p2IzH403Sd02eR5xB95Mz/60NA5HIs2XaByj6v5UXmvNHZFw17PoUtqfta/uNZ2mbY/gVd/wfkOeOx+0/gW3NWXSrTuUv9f/EbwEGADqkL+Vp3VTGAAAAAElFTkSuQmCC);
21
+ }
22
+ a.go-to-top:hover {
23
+ opacity: 1;
24
+ filter: alpha(opacity=100);
25
+ background-color: transparent;
26
+ }
27
+ a.go-to-top.hidden {
28
+ visibility: hidden;
29
+ }
30
+ @media all and (max-width:799px) {
31
+ a.go-to-top {
32
+ display: none !important;
33
+ }
34
+ }
35
+ /*POSITION*/
36
+ a.go-to-top {
37
+ right: 50%;
38
+ bottom: 50px;
39
+ }
skin/frontend/default/grayscale2014/css/webandpeople/custommenu/custommenu.css CHANGED
@@ -1,383 +1,529 @@
1
- #custommenu {
2
- position: relative;
3
- font-size: 12px;
4
- border-radius: 2px;
5
- height: auto;
6
- width: 100%;
7
- }
8
- /*IE7 fix*/
9
- *:first-child+html #custommenu {
10
- z-index: 998;
11
- }
12
- div.menu {
13
- float: left;
14
- }
15
- div.menu a:link, div.menu a:visited {
16
- display: block;
17
- height: 38px;
18
- padding-left: 15px;
19
- padding-right: 15px;
20
- }
21
- div.menu a span {
22
- display: block;
23
- height: 24px;
24
- padding-right: 0px;
25
- padding-top: 14px;
26
- }
27
- div.menu a span:hover {
28
- cursor: pointer;
29
- }
30
- div.wp-custom-menu-popup {
31
- position: absolute;
32
- z-index: 1000;
33
- display: none;
34
- text-align: left;
35
- padding: 0px 0px 10px 0px;
36
- border-top: 0;
37
-
38
- margin-top: -1px;
39
- }
40
- div.menu a, div.wp-custom-menu-popup a {
41
- text-decoration: none;
42
- display:block;
43
- cursor: pointer;
44
- _height: 0;
45
- height: auto;
46
- line-height:13px;
47
- }
48
- div.level1 {
49
- margin-bottom: 5px;
50
- }
51
- div.level2 {
52
- margin-bottom: 5px;
53
- }
54
- div.level3 {
55
- margin-bottom: 5px;
56
- padding: 5px;
57
- }
58
- div.block2 {
59
- padding-top: 0px;
60
- padding-left: 10px;
61
- padding-right: 10px;
62
- display: block;
63
- }
64
- a.level1:link, a.level1:visited {
65
- margin-top: 15px;
66
- margin-bottom: 5px;
67
- padding: 3px 10px;
68
- border-radius: 2px;
69
- }
70
- a.level2:link, a.level2:visited {
71
- padding: 3px 10px;
72
- border-radius: 2px;
73
- }
74
- a.level3:link, a.level3:visited {
75
- padding: 3px 7px;
76
- }
77
- /* Clearfix */
78
- div.block2:after {
79
- content: ".";
80
- display: block;
81
- clear: both;
82
- visibility: hidden;
83
- line-height: 0;
84
- height: 0;
85
- }
86
- html[xmlns] div.block2 {
87
- display: block;
88
- }
89
- * html div.block2 {
90
- height: 1%;
91
- }
92
- div.block2 p {
93
- margin-bottom: 3px;
94
- line-height: 120%;
95
- color: #000;
96
- font-size: 11px;
97
- }
98
- div.block2 p a {
99
- display: inline;
100
- }
101
- div.block2 a img {
102
- opacity: .9;
103
- filter: alpha(opacity=90);
104
- }
105
- div.block2 a:hover img {
106
- opacity: 1;
107
- filter: alpha(opacity=100);
108
- -webkit-transition: all .2s ease-in-out;
109
- -moz-transition: all .2s ease-in-out;
110
- -ms-transition: all .2s ease-in-out;
111
- transition: all .2s ease-in-out;
112
- }
113
- div.block2 .brand a:hover img {
114
- -webkit-transition: all 0;
115
- -moz-transition: all 0;
116
- -ms-transition: all 0;
117
- transition: all 0;
118
- }
119
- div.wp-custom-menu-popup hr {
120
- margin: 0px 0px 10px 0px;
121
- }
122
- /******************************************* COLUMN WIDTH ***************************** */
123
- div.column {
124
- float: left;
125
- width: 23%; /* for 4 columns*/
126
- padding: 0px 1%;
127
- margin: 0px 0px 0px 0px;
128
- }
129
- /*end COLUMN WIDTH */
130
- div.itemSubMenu {
131
- margin-left: 0px;
132
- }
133
- .clearBoth {
134
- clear:both;
135
- height: 0;
136
- overflow: hidden;
137
- }
138
- div.level1 {
139
- margin-bottom: 0px;
140
- }
141
- /*BG*/
142
- div.wp-custom-menu-popup {
143
- background: #f1f1f1;
144
- box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.3);
145
- }
146
- div.menu a:link, div.menu a:visited {
147
- }
148
- div.menu a:hover {
149
- background: #f1f1f1;
150
- }
151
-
152
- div.menu a, div.wp-custom-menu-popup a {
153
- -webkit-transition: all .1s linear;
154
- -moz-transition: all .1s linear;
155
- -ms-transition: all .1s linear;
156
- transition: all .1s linear;
157
- }
158
- div.menu .brand a, div.wp-custom-menu-popup .brand a {
159
- -webkit-transition: all 0s linear;
160
- -moz-transition: all 0s linear;
161
- -ms-transition: all 0s linear;
162
- transition: all 0s linear;
163
- }
164
- div.menu.active a {
165
- background: #f1f1f1 !important;
166
- color: #000 !important;
167
- }
168
-
169
- /*FONTS*/
170
- div.menu {
171
- font-weight: normal;
172
- font-size: 13px;
173
- text-transform: uppercase;
174
- font-family: Arial, sans-serif;
175
- }
176
- a.level1:link, a.level1:visited {
177
- text-transform: none;
178
- font-weight: bold;
179
- }
180
- a.level2:link, a.level2:visited {
181
- font-weight: normal;
182
- font-size: 12px;
183
- line-height: 16px;
184
- }
185
- a.level3:link, a.level3:visited {
186
- font-size: 11px;
187
- font-weight: normal;
188
- line-height: 100%;
189
- margin-bottom: 0px;
190
- }
191
- /*COLOR*/
192
- div.menu a:link, div.menu a:visited {
193
- color: #ffffff;
194
- }
195
- a.level2:link, a.level2:visited,
196
- a.level3:link, a.level3:visited {
197
- color: #000;
198
- }
199
- a.level1:hover,
200
- a.level2:hover, a.level3:hover {
201
- background: #ffffff;
202
- }
203
- .block2 table.brand {
204
- float: left;
205
- }
206
- .block2 .single_menu_product {
207
- float: left;
208
- position: relative;
209
- max-width: 150px;
210
- overflow: hidden;
211
- margin-right: 20px;
212
- margin-left: 0px;
213
- }
214
- /*MOBILE MENU STYLES*/
215
- #menu-button, .parentMenu {
216
- display: inline-block;
217
- }
218
- html[xmlns] #menu-button, html[xmlns] .parentMenu {
219
- display: block;
220
- }
221
- * html #menu-button, * html .parentMenu {
222
- height: 1%;
223
- }
224
- #menu-button:after, .parentMenu:after {
225
- content: ".";
226
- display: block;
227
- clear: both;
228
- visibility: hidden;
229
- line-height: 0;
230
- height: 0;
231
- }
232
- #custommenu-mobile {
233
- position:relative;
234
- margin: 0 auto;
235
- padding: 0;
236
- z-index: 999;
237
- border-bottom: 2px solid #dadada;
238
- }
239
- #menu-button {
240
- float: none;
241
- padding: 10px 0px 10px 0px;
242
- margin: 0px 0px 0px 0px;
243
- width: 100%;
244
- border-bottom: 1px solid #fff;
245
- text-transform: uppercase;
246
- }
247
- #menu-button a:link, #menu-button a:visited {
248
- color: #fff;
249
- display: block;
250
- float: left;
251
- margin-left: 45%;
252
- position: relative;
253
- padding: 0px 10px;
254
- }
255
- #menu-button a span:after {
256
- display: block;
257
- position: relative;
258
- content: "";
259
- width: 0;
260
- height: 0;
261
- border-left: 5px solid transparent;
262
- border-right: 5px solid transparent;
263
- border-top: 4px solid #dadada;
264
- margin: 8px 0px 0px 5px;
265
- float: right;
266
- opacity: 0.7;
267
- }
268
- #menu-button:hover {
269
- cursor: pointer;
270
- }
271
- #menu-button:hover a:after {
272
- opacity: 1;
273
- }
274
- .menu-mobile div.column {
275
- float:none;
276
- padding:5px;
277
- background: #fff;
278
- }
279
- .menu-mobile a.itemMenuName {
280
- display: block;
281
- text-align: left;
282
- }
283
- .menu-mobile div.menu-button, .menu-mobile div.menu-mobile {
284
- float: none;
285
- padding: 0px 0px 0px 0px;
286
- margin: 0px 0px 0px 0px;
287
- width: 100%;
288
- border-bottom: 1px solid #fff;
289
- }
290
- .menu-mobile div.column {
291
- float: none;
292
- width: 100%;
293
- padding: 0px 0;
294
- margin: 0px 0px 0px 0px;
295
- }
296
- .menu-mobile a.level1:link, .menu-mobile a.level1:visited {
297
- margin-top: 0px;
298
- margin-bottom: 0;
299
- padding: 10px 10px;
300
- border-radius: 2px;
301
- color: #000;
302
- font-weight: normal;
303
- }
304
- .menu-mobile a.level2:link, .menu-mobile a.level2:visited {
305
- padding: 10px 10px;
306
- border-radius: 2px;
307
-
308
- }
309
- .menu-mobile a.level1:link, .menu-mobile a.level1:visited {
310
- color: #555;
311
- }
312
- .menu-mobile a.level1:hover {
313
- background-color: #f1f1f1;
314
- }
315
- .menu-mobile .parent {
316
- background-color: #fff;
317
- }
318
- /*buttons level 01*/
319
- .menu-mobile .parentMenu {
320
- padding: 0px 0px;
321
- display: block;
322
- text-align: left;
323
- border-bottom: 1px solid #dadada;
324
- }
325
- .menu-mobile .parentMenu a:link, .menu-mobile .parentMenu a:visited {
326
- padding: 10px 0px 10px 10px;
327
- margin-right: 80px;
328
- color: #000;
329
- display: block;
330
- }
331
- .menu-mobile .parentMenu:hover {
332
- cursor: pointer;
333
- }
334
- .parentMenu {
335
- position: relative;
336
- }
337
- .parentMenu a {
338
- display: block;
339
- }
340
- #menu-button {
341
- cursor: pointer;
342
- }
343
- .menu-mobile div.level2 {
344
- margin-bottom: 0;
345
- }
346
- #custommenu-mobile .button {
347
- cursor: pointer;
348
- position: absolute;
349
- right: 1%;
350
- top: 0px;
351
- display: block;
352
- width: 80px;
353
- height: 38px;
354
- background-color: transparent;
355
- background-repeat: no-repeat;
356
- background-position: 90% 50%;
357
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);
358
- }
359
- #custommenu-mobile .button.open {
360
- background-color: transparent;
361
- background-repeat: no-repeat;
362
- background-position: 90% 50%;
363
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);
364
- }
365
- #custommenu-mobile .level1 .button {
366
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);
367
- }
368
- #custommenu-mobile .level1 .button.open {
369
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
370
- }
371
- /*BG*/
372
- #custommenu-mobile .parentMenu:hover a:link, #custommenu-mobile .parentMenu:hover a:visited, #custommenu-mobile .parentMenu:hover {
373
- background-color: #ffffff;
374
- }
375
- #custommenu-mobile .level0 {
376
- background-color: #ffffff;
377
- }
378
- #custommenu-mobile .level1 {
379
- background-color: #f1f1f1;
380
- }
381
- #custommenu-mobile .level2 {
382
- background-color: #ffffff;
383
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ #custommenu {
2
+ position: relative;
3
+ font-size: 12px;
4
+ padding: 0px 0px 0px 0px;
5
+ border-radius: 2px;
6
+ height: auto;
7
+ width: 100%;
8
+ }
9
+ /*IE7 fix*/
10
+ *:first-child+html #custommenu {
11
+ z-index: 998;
12
+ }
13
+ /* Clearfix */
14
+ div.block2:after {
15
+ content: ".";
16
+ display: block;
17
+ clear: both;
18
+ visibility: hidden;
19
+ line-height: 0;
20
+ height: 0;
21
+ }
22
+ html[xmlns] div.block2 {
23
+ display: block;
24
+ }
25
+ * html div.block2 {
26
+ height: 1%;
27
+ }
28
+ /*end clearfix*/
29
+ div.wp-custom-menu-popup {
30
+ position: absolute;
31
+ z-index: 1000;
32
+ display: none;
33
+ text-align: left;
34
+ border-top: 0;
35
+ margin-top: -1px;
36
+ }
37
+ #custommenu div.menu {
38
+ float: left;
39
+ padding: 0px 0px 0px 0px;
40
+ margin: 0px 0px 0px 0px;
41
+ }
42
+ #custommenu div.menu a span:hover {
43
+ cursor: pointer;
44
+ }
45
+ /*static block*/
46
+ #custommenu div.block2 p {
47
+ margin-bottom: 3px;
48
+ line-height: 120%;
49
+ font-size: 11px;
50
+ }
51
+ #custommenu div.block2 p a {
52
+ display: inline;
53
+ }
54
+ #custommenu div.block2 a img {
55
+ opacity: .9;
56
+ filter: alpha(opacity=90);
57
+ }
58
+ #custommenu div.block2 a:hover img {
59
+ opacity: 1;
60
+ filter: alpha(opacity=100);
61
+ -webkit-transition: all .2s ease-in-out;
62
+ -moz-transition: all .2s ease-in-out;
63
+ -ms-transition: all .2s ease-in-out;
64
+ transition: all .2s ease-in-out;
65
+ }
66
+ #custommenu div.block2 #custommenu .brand a:hover img {
67
+ -webkit-transition: all 0;
68
+ -moz-transition: all 0;
69
+ -ms-transition: all 0;
70
+ transition: all 0;
71
+ }
72
+ #custommenu div.wp-custom-menu-popup hr {
73
+ margin: 0px 0px 10px 0px;
74
+ }
75
+ div.itemSubMenu {
76
+ margin-left: 0px;
77
+ }
78
+ .clearBoth {
79
+ clear:both;
80
+ height: 0;
81
+ overflow: hidden;
82
+ }
83
+ #custommenu div.level1 {
84
+ margin-bottom: 0px;
85
+ }
86
+ #custommenu .block2 .single_menu_product {
87
+ float: left;
88
+ position: relative;
89
+ max-width: 150px;
90
+ overflow: hidden;
91
+ margin-right: 20px;
92
+ margin-left: 0px;
93
+ }
94
+ /*transitions*/
95
+ #custommenu div.menu a, #custommenu div.wp-custom-menu-popup a {
96
+ -webkit-transition: all .1s linear;
97
+ -moz-transition: all .1s linear;
98
+ -ms-transition: all .1s linear;
99
+ transition: all .1s linear;
100
+ }
101
+ #custommenu div.menu .brand a, #custommenu div.wp-custom-menu-popup .brand a {
102
+ -webkit-transition: all 0s linear;
103
+ -moz-transition: all 0s linear;
104
+ -ms-transition: all 0s linear;
105
+ transition: all 0s linear;
106
+ }
107
+ /*******************************************TOP MENU*******************************************/
108
+
109
+ #custommenu div.wp-custom-menu-popup {
110
+ padding: 0px 0px 10px 0px;
111
+ border-radius: 0px 3px 3px 0px;
112
+ }
113
+ #custommenu div.level1 {
114
+ margin-bottom: 5px;
115
+ }
116
+ #custommenu div.level2 {
117
+ margin-bottom: 5px;
118
+ }
119
+ #custommenu div.level3 {
120
+ margin-bottom: 5px;
121
+ padding: 5px;
122
+ }
123
+ div.block2 {
124
+ padding-top: 10px;
125
+ padding-left: 10px;
126
+ padding-right: 10px;
127
+ display: block;
128
+ }
129
+ /*column width - 4 columns*/
130
+ #custommenu div.column {
131
+ margin: 0px 0px 0px 0px;
132
+ width: 23%;
133
+ float: left;
134
+ padding: 0px 1%;
135
+ }
136
+ /*buttons and links*/
137
+ #custommenu div.menu a:link, #custommenu div.menu a:visited {
138
+ display: block;
139
+ height: 30px;
140
+ padding-left: 15px;
141
+ padding-right: 15px;
142
+ }
143
+ #custommenu div.menu a span {
144
+ display: block;
145
+ height: 21px;
146
+ padding-right: 0px;
147
+ padding-top: 9px;
148
+ }
149
+ #custommenu div.menu a, #custommenu div.wp-custom-menu-popup a {
150
+ text-decoration: none;
151
+ display:block;
152
+ cursor: pointer;
153
+ _height: 0;
154
+ height: auto;
155
+ line-height:13px;
156
+ }
157
+ #custommenu a.level1:link, #custommenu a.level1:visited {
158
+ margin-top: 10px;
159
+ margin-bottom: 10px;
160
+ padding: 5px 10px;
161
+ border-radius: 2px;
162
+ }
163
+ #custommenu a.level2:link, #custommenu a.level2:visited,
164
+ #custommenu a.level3:link, #custommenu a.level3:visited {
165
+ padding: 3px 10px;
166
+ border-radius: 2px;
167
+ -webkit-transition: all .1s linear;
168
+ -moz-transition: all .1s linear;
169
+ -ms-transition: all .1s linear;
170
+ transition: all .1s linear;
171
+ }
172
+ /*fonts*/
173
+ #custommenu div.menu {
174
+ font-weight: normal;
175
+ font-size: 13px;
176
+ text-transform: uppercase;
177
+ font-family: Arial, sans-serif;
178
+ }
179
+ #custommenu a.level1:link, #custommenu a.level1:visited {
180
+ text-transform: none;
181
+ font-weight: bold;
182
+ font-family: Arial, sans-serif;
183
+ }
184
+ #custommenu a.level2:link, #custommenu a.level2:visited {
185
+ font-weight: normal;
186
+ font-size: 13px;
187
+ line-height: 16px;
188
+ }
189
+ #custommenu a.level3:link, #custommenu a.level3:visited {
190
+ font-size: 11px;
191
+ font-weight: normal;
192
+ line-height: 100%;
193
+ margin-bottom: 0px;
194
+ }
195
+ /*color scheme*/
196
+ #custommenu div.wp-custom-menu-popup {
197
+ background: #f1f1f1;
198
+ box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.3);
199
+ }
200
+ #custommenu .menu a:link, #custommenu .menu a:visited {
201
+ color: #fff;
202
+ }
203
+ #custommenu .menu a:hover, #wp-nav-container .active a {
204
+ background: #f1f1f1;
205
+ color: #000 !important;
206
+ }
207
+ #custommenu div.wp-custom-menu-popup a:hover {
208
+ background: #fff;
209
+ }
210
+ /*******************************************SIDEBAR MENU*******************************************/
211
+ .wp-custommenu-sidebar {
212
+ position: relative;
213
+ }
214
+ #wp-sidebar-nav-container-content div.menu {
215
+ float: none;
216
+ }
217
+ #wp-sidebar-nav-container-content div.column {
218
+ width: auto;
219
+ padding: 0 10px; /* must be fixed! do not use percent! */
220
+ }
221
+ #wp-sidebar-nav-container-content .itemMenuName {
222
+ display: block;
223
+ }
224
+ #wp-sidebar-nav-container-content div.wp-custom-menu-popup {
225
+ padding: 10px 0px 10px 0px;
226
+ border-radius: 0px 3px 3px 0px;
227
+ border-left: 0;
228
+ }
229
+ #wp-sidebar-nav-container-content.block-content {
230
+ padding: 0;
231
+ }
232
+ /*popup links width*/
233
+ #wp-sidebar-nav-container-content .popup a.level1 {
234
+ background-position: 99% 50%;
235
+ background-repeat: no-repeat;
236
+ }
237
+ /*buttons and links*/
238
+ #wp-sidebar-nav-container-content div.menu a:link, #wp-sidebar-nav-container-content div.menu a:visited {
239
+ display: block;
240
+ padding: 5px 3px;
241
+ margin-bottom: 5px;
242
+ border-radius: 2px;
243
+ }
244
+ #wp-sidebar-nav-container-content div.menu a span {
245
+ display: block;
246
+ }
247
+ #wp-sidebar-nav-container-content div.menu a, #wp-sidebar-nav-container-content div.wp-custom-menu-popup a {
248
+ text-decoration: none;
249
+ display:block;
250
+ cursor: pointer;
251
+ _height: 0;
252
+ height: auto;
253
+ }
254
+ #wp-sidebar-nav-container-content a.level1:link, #wp-sidebar-nav-container-content a.level1:visited {
255
+ font-size: 14px;
256
+ margin-bottom: 3px;
257
+ padding: 1% 5%;
258
+ }
259
+ #wp-sidebar-nav-container-content div.block1 a:link, #wp-sidebar-nav-container-content div.block1 a:visited {
260
+ display: block;
261
+ width: 98%;
262
+ float: none;
263
+ padding: 1%;
264
+ }
265
+ #wp-sidebar-nav-container-content a.level2:link, #wp-sidebar-nav-container-content a.level2:visited,
266
+ #wp-sidebar-nav-container-content a.level3:link, #wp-sidebar-nav-container-content a.level3:visited {
267
+ padding: 1% 5%;
268
+ border-radius: 2px;
269
+ -webkit-transition: all .1s linear;
270
+ -moz-transition: all .1s linear;
271
+ -ms-transition: all .1s linear;
272
+ transition: all .1s linear;
273
+ }
274
+ /*fonts*/
275
+ #wp-sidebar-nav-container-content a.level0:link, #wp-sidebar-nav-container-content a.level0:visited {
276
+ margin-bottom: 3px;
277
+ padding: 1% 5%;
278
+ font-size: 14px;
279
+ font-weight: bold;
280
+ font-family: Arial, sans-serif;
281
+ }
282
+ #wp-sidebar-nav-container-content a.level1:link, #wp-sidebar-nav-container-content a.level1:visited {
283
+ text-transform: none;
284
+ font-weight: normal;
285
+ font-size: 14px;
286
+ font-family: Arial, sans-serif;
287
+ }
288
+ #wp-sidebar-nav-container-content a.level2:link, #wp-sidebar-nav-container-content a.level2:visited,
289
+ #wp-sidebar-nav-container-content div.wp-custom-menu-popup a.level2:link, #wp-sidebar-nav-container-content div.wp-custom-menu-popup a.level2:visited {
290
+ font-weight: normal;
291
+ font-size: 13px;
292
+ line-height: 16px;
293
+ }
294
+ #wp-sidebar-nav-container-content a.level3:link, #wp-sidebar-nav-container-content a.level3:visited,
295
+ #wp-sidebar-nav-container-content div.wp-custom-menu-popup a.level3:link, #wp-sidebar-nav-container-content div.wp-custom-menu-popup a.level3:visited {
296
+ font-size: 12px;
297
+ font-weight: normal;
298
+ line-height: 100%;
299
+ margin-bottom: 0px;
300
+ }
301
+ /*color scheme*/
302
+ #wp-sidebar-nav-container-content div.wp-custom-menu-popup {
303
+ box-shadow: 0 0 10px 0px #999999;
304
+ background: #fff;
305
+ }
306
+ #wp-sidebar-nav-container-content a.level0:hover, #wp-sidebar-nav-container-content a.level1:hover, #wp-sidebar-nav-container-content a.level2:hover, #wp-sidebar-nav-container-content a.level3:hover,
307
+ #wp-sidebar-nav-container-content .active a:link, #wp-sidebar-nav-container-content .active a:visited,
308
+ #wp-sidebar-nav-container-content div.wp-custom-menu-popup a:hover {
309
+ background-color: #f1f1f1;
310
+ }
311
+ #wp-sidebar-nav-container-content .popup a.level1 {
312
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE9JREFUeNrs1EEOADAEBMDyVe/y1m3celxETzZxHUJCAJyJ6BnKwgs3YDND1NjELE7D7i4ZPDVxBtfqGt4m7eOxaOl4DBqRfZsL/4OvAAMAWnwedcvK1tUAAAAASUVORK5CYII=);
313
+ background-position: 99% 50%;
314
+ background-repeat: no-repeat;
315
+ }
316
+ /*******************************************MOBILE MENU*******************************************/
317
+ #custommenu-mobile #menu-button, #custommenu-mobile .parentMenu {
318
+ display: inline-block;
319
+ }
320
+ html[xmlns] #custommenu-mobile #menu-button, html[xmlns] #custommenu-mobile .parentMenu {
321
+ display: block;
322
+ }
323
+ * html #custommenu-mobile #menu-button, * html #custommenu-mobile .parentMenu {
324
+ height: 1%;
325
+ }
326
+ #custommenu-mobile #menu-button:after, #custommenu-mobile .parentMenu:after {
327
+ content: ".";
328
+ display: block;
329
+ clear: both;
330
+ visibility: hidden;
331
+ line-height: 0;
332
+ height: 0;
333
+ }
334
+ #custommenu-mobile {
335
+ position:relative;
336
+ margin: 0 auto;
337
+ padding: 0;
338
+ z-index: 999;
339
+ }
340
+ #custommenu-mobile #menu-button {
341
+ float: none;
342
+ padding: 10px 0px 10px 0px;
343
+ margin: 0px 0px 0px 0px;
344
+ width: 100%;
345
+ border-bottom-width: 1px;
346
+ border-bottom-style: solid;
347
+ text-transform: uppercase;
348
+ }
349
+ #custommenu-mobile #menu-button a:link, #custommenu-mobile #menu-button a:visited {
350
+ display: block;
351
+ float: left;
352
+ margin-left: 45%;
353
+ position: relative;
354
+ padding: 0px 10px;
355
+ }
356
+ #custommenu-mobile #menu-button a span:after {
357
+ display: block;
358
+ position: relative;
359
+ content: "";
360
+ width: 0;
361
+ height: 0;
362
+ border-left: 5px solid transparent;
363
+ border-right: 5px solid transparent;
364
+ border-top-width: 4px;
365
+ border-top-style: solid;
366
+ margin: 8px 0px 0px 5px;
367
+ float: right;
368
+ opacity: 0.7;
369
+ }
370
+ #custommenu-mobile #menu-button:hover {
371
+ cursor: pointer;
372
+ }
373
+ #custommenu-mobile #menu-button:hover a:after {
374
+ opacity: 1;
375
+ }
376
+ #custommenu-mobile div.column {
377
+ float:none;
378
+ padding:5px;
379
+ }
380
+ #custommenu-mobile a.itemMenuName {
381
+ display: block;
382
+ text-align: left;
383
+ }
384
+ #custommenu-mobile div.menu-button, .menu-mobile div.menu-mobile {
385
+ float: none;
386
+ padding: 0px 0px 0px 0px;
387
+ margin: 0px 0px 0px 0px;
388
+ width: 100%;
389
+ border-bottom-width: 1px;
390
+ border-bottom-style: solid;
391
+ }
392
+ #custommenu-mobile div.column {
393
+ float: none;
394
+ width: 100%;
395
+ padding: 0px 0;
396
+ margin: 0px 0px 0px 0px;
397
+ }
398
+ #custommenu-mobile a.level1:link, #custommenu-mobile a.level1:visited {
399
+ margin-top: 0px;
400
+ margin-bottom: 0;
401
+ padding: 10px 10px;
402
+ border-radius: 2px;
403
+ }
404
+ #custommenu-mobile a.level2:link, #custommenu-mobile a.level2:visited {
405
+ padding: 10px 10px;
406
+ border-radius: 2px;
407
+ }
408
+ /*buttons level 01*/
409
+ #custommenu-mobile .parentMenu {
410
+ padding: 0 0;
411
+ display: block;
412
+ text-align: left;
413
+ }
414
+ #custommenu-mobile .parentMenu a:link, #custommenu-mobile .parentMenu a:visited {
415
+ padding: 10px 0px 10px 10px;
416
+ margin-right: 80px;
417
+ display: block;
418
+ }
419
+ #custommenu-mobile a.level1:link, #custommenu-mobile a.level1:visited {
420
+ margin-top: 0;
421
+ margin-bottom: 0;
422
+ padding-top: 10px;
423
+ padding-bottom: 10px;
424
+ }
425
+ #custommenu-mobile a.level2:link, #custommenu-mobile a.level2:visited {
426
+ margin-top: 0;
427
+ margin-bottom: 0;
428
+ padding-top: 5px;
429
+ padding-bottom: 5px;
430
+ }
431
+ #custommenu-mobile a.level3:link, #custommenu-mobile a.level3 :visited {
432
+ padding-left: 3%;
433
+ background-repeat: no-repeat;
434
+ background-image: url(data:image/gif;base64,R0lGODlhAwAFAIABAI+Pj////yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==);
435
+ background-position: 1% 50%;
436
+ margin-top: 0;
437
+ margin-bottom: 0;
438
+ padding-top: 0px;
439
+ padding-bottom: 0px;
440
+ }
441
+
442
+ #custommenu-mobile .parentMenu:hover {
443
+ cursor: pointer;
444
+ }
445
+ #custommenu-mobile .parentMenu {
446
+ position: relative;
447
+ }
448
+ #custommenu-mobile .parentMenu a {
449
+ display: block;
450
+ }
451
+ #custommenu-mobile #menu-button {
452
+ cursor: pointer;
453
+ }
454
+ #custommenu-mobile div.level2 {
455
+ margin-bottom: 0;
456
+ }
457
+ #custommenu-mobile .button {
458
+ cursor: pointer;
459
+ position: absolute;
460
+ right: 1%;
461
+ top: 0px;
462
+ display: block;
463
+ width: 80px;
464
+ height: 38px;
465
+ background-color: transparent;
466
+ background-repeat: no-repeat;
467
+ background-position: 90% 50%;
468
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);
469
+ }
470
+ #custommenu-mobile .button.open {
471
+ background-color: transparent;
472
+ background-repeat: no-repeat;
473
+ background-position: 90% 50%;
474
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);
475
+ }
476
+ #custommenu-mobile .level1 .button {
477
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);
478
+ }
479
+ #custommenu-mobile .level1 .button.open {
480
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
481
+ }
482
+ /*fonts*/
483
+ #custommenu-mobile .parentMenu a:link, #custommenu-mobile .parentMenu a:visited { text-transform: uppercase;
484
+ font-size: 14px;
485
+ font-weight: bold;}
486
+ #custommenu-mobile a.level1:link, #custommenu-mobile a.level1:visited {
487
+ font-weight: normal;
488
+ text-transform: none;
489
+ font-family: Arial, sans-serif;}
490
+ #custommenu-mobile a.level2:link, #custommenu-mobile a.level2:visited {
491
+ font-weight: normal;
492
+ text-transform: none;
493
+ font-family: Arial, sans-serif;
494
+ font-size: 13px;
495
+ line-height: 16px;
496
+ }
497
+ #custommenu-mobile a.level3:link, #custommenu-mobile a.level3 :visited { font-weight: normal;
498
+ text-transform: none;
499
+ font-family: Arial, sans-serif;
500
+ font-size: 11px;
501
+ font-weight: normal;
502
+ line-height: 100%;
503
+ }
504
+ /*color scheme*/
505
+ #custommenu-mobile #menu-button a:link, #custommenu-mobile #menu-button a:visited {
506
+ color: #fff;
507
+ }
508
+ #custommenu-mobile #menu-button a:hover {
509
+ color: #999;
510
+ }
511
+ #custommenu-mobile .parentMenu a:link, #custommenu-mobile .parentMenu a:visited {
512
+ color: #000;
513
+ }
514
+ #custommenu-mobile #menu-content {
515
+ border-bottom: 1px solid #dadada;
516
+ }
517
+ #custommenu-mobile div.parentMenu {
518
+ border-bottom: 1px solid #dadada;
519
+ }
520
+ #custommenu-mobile div.level0, #custommenu-mobile div.level2 {
521
+ background-color: #ffffff;
522
+ }
523
+ #custommenu-mobile div.level1, #custommenu-mobile div.level4 {
524
+ background-color: #f1f1f1;
525
+ }
526
+ #custommenu-mobile div.parentMenu:hover {
527
+ background-color: #dadada;
528
+ }
529
+
skin/frontend/default/grayscale2014/css/webandpeople/smartcatalog/smartcatalog.css CHANGED
@@ -1,75 +1,75 @@
1
- /* ============================ */
2
- /* === Catalog Product List === */
3
- /* ============================ */
4
-
5
- .products-grid {
6
- background: none;
7
- border: none;
8
- }
9
- .products-grid.smart li.item {
10
- display: block;
11
- }
12
- .products-grid .item-content {
13
- padding-bottom: 60px;
14
-
15
- }
16
- .products-grid .product-image {
17
- width: auto;
18
- height: auto;
19
- }
20
- .products-grid .actions {
21
- text-align: center;
22
- position: absolute;
23
- bottom: 0;
24
- }
25
- .smartcolumns-splash {
26
- font-size: 0;
27
- width: 33px;
28
- height: 11px;
29
- background-repeat: no-repeat;
30
- background-position: 0 0;
31
- background-image: url(data:image/gif;base64,R0lGODlhIQALANU8AP///8zMzDMzM+zs7Ovr6/r6+vPz8+/v7/X19c3NzeXl5erq6vv7+87OztfX1/z8/NHR0f7+/s/Pz9bW1uHh4eTk5LW1tb6+vq2traurq/Hx8V5eXtra2tXV1fn5+fT09NDQ0ElJSfj4+DU1NePj4z09PZOTk4eHh9nZ2ZWVlefn5+Dg4NTU1JGRke7u7kFBQT8/P21tbfb29rCwsPLy8lxcXFdXV4WFhf39/ZiYmNvb27y8vP///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODIzMjNBQzcwMjU3MTFFMUFDREJEQzhBMEE2MEE2QUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODIzMjNBQzgwMjU3MTFFMUFDREJEQzhBMEE2MEE2QUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MjMyM0FDNTAyNTcxMUUxQUNEQkRDOEEwQTYwQTZBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MjMyM0FDNjAyNTcxMUUxQUNEQkRDOEEwQTYwQTZBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUoADwALAAAAAAhAAsAAAaSQIBwSCwaj0jcJYUZGB8DxeBhLBAUh0hRtRF4SxaiARIoQwzEQaMccHiIXa93NBEyQOwyiCFEJPJtQzpyhCdCC4BlC0IUiQEIQjuEcjFCJI4kQhyOB0Iok143h46LAI2JkEI1kyMsdhKAEnwAH395dUMKNnIlM2JkZjREBGtlHSJFBRcmTU8DFVNVBBVZSNbX1kEAIfkEBRQAPAAsAQABABQACQAABlxAHi9yUBAKwiTPYMlZDEmPI0BtDJSSkGAbkginVGoCIdS8tuiXRhZuU4QZtDzjaoc5wpYc3ULYqStwe1sZPBN2CR9lMHswGjwiHWENBFhaXAlJRBVHSkJMJk9CQQAh+QQFKAA8ACwMAAEAFAAJAAAGX0Ae7zFQDB7CJG+ASV0KSQMkQIUYlJaSYLtR8RggqhjEEE5G2/SGtxC7F8JTeo4iucUkYWyevrTvAXA8cnwCEwwSdxJlPCxoczVCUmIQNEozWls2CklEFUdKQkwmT0JBADs=);
32
- /*background-image: url(../../../images/webandpeople/smartcatalog/loader.gif);*/
33
- margin-left: auto;
34
- margin-right: auto;
35
- text-indent: -999px; /* IE7 fix */
36
- }
37
- .hide {
38
- visibility: hidden;
39
- }
40
-
41
- .ajax-filter-update,
42
- .ajax-page-update {
43
- position: relative;
44
- height: 100%;
45
- }
46
-
47
- #wp-x-overlay-list {
48
- display: none;
49
- width: 100%;
50
- height: 100%;
51
- background-color: #FFFFFF;
52
- z-index: 99999;
53
- opacity: 0.5;
54
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
55
- position: absolute;
56
- top: 0;
57
- left: 0;
58
- background-repeat: no-repeat;
59
- background-position: 45% 100px;
60
- background-image: url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=);
61
- /*background-image: url(../../../images/webandpeople/smartcatalog/ajax-update.gif);*/
62
- }
63
-
64
- #wp-x-overlay-filter {
65
- display: none;
66
- width: 100%;
67
- height: 100%;
68
- background-color: #FFFFFF;
69
- z-index: 99999;
70
- opacity: 0.5;
71
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
72
- position: absolute;
73
- top: 0;
74
- left: 0;
75
- }
1
+ /* ============================ */
2
+ /* === Catalog Product List === */
3
+ /* ============================ */
4
+
5
+ .products-grid {
6
+ background: none;
7
+ border: none;
8
+ }
9
+ .products-grid.smart li.item {
10
+ display: block;
11
+ }
12
+ .products-grid .item-content {
13
+ padding-bottom: 60px;
14
+
15
+ }
16
+ .products-grid .product-image {
17
+ width: auto;
18
+ height: auto;
19
+ }
20
+ .products-grid .actions {
21
+ text-align: center;
22
+ position: absolute;
23
+ bottom: 0;
24
+ }
25
+ .smartcolumns-splash {
26
+ font-size: 0;
27
+ width: 33px;
28
+ height: 11px;
29
+ background-repeat: no-repeat;
30
+ background-position: 0 0;
31
+ background-image: url(data:image/gif;base64,R0lGODlhIQALANU8AP///8zMzDMzM+zs7Ovr6/r6+vPz8+/v7/X19c3NzeXl5erq6vv7+87OztfX1/z8/NHR0f7+/s/Pz9bW1uHh4eTk5LW1tb6+vq2traurq/Hx8V5eXtra2tXV1fn5+fT09NDQ0ElJSfj4+DU1NePj4z09PZOTk4eHh9nZ2ZWVlefn5+Dg4NTU1JGRke7u7kFBQT8/P21tbfb29rCwsPLy8lxcXFdXV4WFhf39/ZiYmNvb27y8vP///wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODIzMjNBQzcwMjU3MTFFMUFDREJEQzhBMEE2MEE2QUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODIzMjNBQzgwMjU3MTFFMUFDREJEQzhBMEE2MEE2QUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MjMyM0FDNTAyNTcxMUUxQUNEQkRDOEEwQTYwQTZBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MjMyM0FDNjAyNTcxMUUxQUNEQkRDOEEwQTYwQTZBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUoADwALAAAAAAhAAsAAAaSQIBwSCwaj0jcJYUZGB8DxeBhLBAUh0hRtRF4SxaiARIoQwzEQaMccHiIXa93NBEyQOwyiCFEJPJtQzpyhCdCC4BlC0IUiQEIQjuEcjFCJI4kQhyOB0Iok143h46LAI2JkEI1kyMsdhKAEnwAH395dUMKNnIlM2JkZjREBGtlHSJFBRcmTU8DFVNVBBVZSNbX1kEAIfkEBRQAPAAsAQABABQACQAABlxAHi9yUBAKwiTPYMlZDEmPI0BtDJSSkGAbkginVGoCIdS8tuiXRhZuU4QZtDzjaoc5wpYc3ULYqStwe1sZPBN2CR9lMHswGjwiHWENBFhaXAlJRBVHSkJMJk9CQQAh+QQFKAA8ACwMAAEAFAAJAAAGX0Ae7zFQDB7CJG+ASV0KSQMkQIUYlJaSYLtR8RggqhjEEE5G2/SGtxC7F8JTeo4iucUkYWyevrTvAXA8cnwCEwwSdxJlPCxoczVCUmIQNEozWls2CklEFUdKQkwmT0JBADs=);
32
+ /*background-image: url(../../../images/webandpeople/smartcatalog/loader.gif);*/
33
+ margin-left: auto;
34
+ margin-right: auto;
35
+ text-indent: -999px; /* IE7 fix */
36
+ }
37
+ .hide {
38
+ visibility: hidden;
39
+ }
40
+
41
+ .ajax-filter-update,
42
+ .ajax-page-update {
43
+ position: relative;
44
+ height: 100%;
45
+ }
46
+
47
+ #wp-x-overlay-list {
48
+ display: none;
49
+ width: 100%;
50
+ height: 100%;
51
+ background-color: #FFFFFF;
52
+ z-index: 99999;
53
+ opacity: 0.5;
54
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
55
+ position: absolute;
56
+ top: 0;
57
+ left: 0;
58
+ background-repeat: no-repeat;
59
+ background-position: 45% 100px;
60
+ background-image: url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=);
61
+ /*background-image: url(../../../images/webandpeople/smartcatalog/ajax-update.gif);*/
62
+ }
63
+
64
+ #wp-x-overlay-filter {
65
+ display: none;
66
+ width: 100%;
67
+ height: 100%;
68
+ background-color: #FFFFFF;
69
+ z-index: 99999;
70
+ opacity: 0.5;
71
+ filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
72
+ position: absolute;
73
+ top: 0;
74
+ left: 0;
75
+ }