| Line 1... |
Line 1... |
| 1 |
@charset "utf-8";
|
1 |
@charset "utf-8";
|
| 2 |
|
2 |
|
| 3 |
/*-------------------------------------------------------------------
|
- |
|
| 4 |
DiGi Ecomm - March - Combined CSS file
|
- |
|
| 5 |
---------------------------------------------------------------------
|
- |
|
| 6 |
$ Index
|
- |
|
| 7 |
---------------------------------------------------------------------
|
- |
|
| 8 |
|
- |
|
| 9 |
$ Colors
|
- |
|
| 10 |
$ Shared
|
- |
|
| 11 |
$ General
|
- |
|
| 12 |
|
- |
|
| 13 |
$ Assets
|
- |
|
| 14 |
$ Back To Top
|
- |
|
| 15 |
$ Banner Carousel
|
- |
|
| 16 |
$ Buttons
|
- |
|
| 17 |
$ Catalogues
|
- |
|
| 18 |
$ Column Layouts
|
- |
|
| 19 |
$ Content Togglers
|
- |
|
| 20 |
$ Content Rounder
|
- |
|
| 21 |
$ Content Switcher
|
- |
|
| 22 |
$ Cursors
|
- |
|
| 23 |
$ Dropdowns
|
- |
|
| 24 |
$ Form Hints
|
- |
|
| 25 |
$ Grid
|
- |
|
| 26 |
$ Icons
|
- |
|
| 27 |
$ Inputs
|
- |
|
| 28 |
$ Islands
|
- |
|
| 29 |
$ Lists
|
- |
|
| 30 |
$ Link List
|
- |
|
| 31 |
$ Media Link
|
- |
|
| 32 |
$ Media Gallery
|
- |
|
| 33 |
$ My Cart
|
- |
|
| 34 |
$ Pagination
|
- |
|
| 35 |
$ Popup
|
- |
|
| 36 |
$ Progress Steps
|
- |
|
| 37 |
$ Quick Links
|
- |
|
| 38 |
$ Tables
|
- |
|
| 39 |
$ Tabs
|
- |
|
| 40 |
$ Tooltips
|
- |
|
| 41 |
$ Widgets
|
- |
|
| 42 |
|
- |
|
| 43 |
$ Structure
|
- |
|
| 44 |
$ Header
|
- |
|
| 45 |
$ Footer
|
- |
|
| 46 |
|
- |
|
| 47 |
$ Pages
|
- |
|
| 48 |
$ Comparison
|
- |
|
| 49 |
$ Configure
|
- |
|
| 50 |
$ Devices
|
- |
|
| 51 |
$ Device Details
|
- |
|
| 52 |
$ Error
|
- |
|
| 53 |
$ Form Pages
|
- |
|
| 54 |
$ Help & Support
|
- |
|
| 55 |
$ International Services
|
- |
|
| 56 |
$ Landing
|
- |
|
| 57 |
$ Login + $ Register
|
- |
|
| 58 |
$ Logout
|
- |
|
| 59 |
$ My Account
|
- |
|
| 60 |
$ My Cart Summary
|
- |
|
| 61 |
$ Plan Details
|
- |
|
| 62 |
$ Rewards
|
- |
|
| 63 |
$ Reload
|
- |
|
| 64 |
$ Search
|
- |
|
| 65 |
$ Sitemap
|
- |
|
| 66 |
$ Store Locator
|
- |
|
| 67 |
$ Whats Hot
|
- |
|
| 68 |
|
- |
|
| 69 |
-------------------------------------------------------------------*/
|
- |
|
| 70 |
|
- |
|
| 71 |
|
- |
|
| 72 |
/*-------------------------------------------------------------------
|
- |
|
| 73 |
$ Colors
|
- |
|
| 74 |
---------------------------------------------------------------------
|
- |
|
| 75 |
|
- |
|
| 76 |
Light Blue (for tables) - #cbdde9
|
- |
|
| 77 |
Blue - #0091d2
|
- |
|
| 78 |
Blue (for blue button) - #007bb2
|
- |
|
| 79 |
Orange - #fb7a14
|
- |
|
| 80 |
Yellow - #fd0
|
- |
|
| 81 |
Pale Yellow - #fbe448
|
- |
|
| 82 |
Red - #f00
|
- |
|
| 83 |
Dull Red (for red button) - #d40000
|
- |
|
| 84 |
|
- |
|
| 85 |
Light Grey - #f6f6f6
|
- |
|
| 86 |
Grey - #eff1f1
|
- |
|
| 87 |
Dark Grey - #e5e5e5
|
- |
|
| 88 |
Black - #21282e
|
- |
|
| 89 |
|
- |
|
| 90 |
Grey (borders for buttons) - #cfcfcf
|
- |
|
| 91 |
Grey (borders for wrapper) - #bdbdbd
|
- |
|
| 92 |
|
- |
|
| 93 |
-------------------------------------------------------------------*/
|
- |
|
| 94 |
|
- |
|
| 95 |
|
- |
|
| 96 |
/*------------------------------------------------------------------
|
- |
|
| 97 |
$ Shared
|
- |
|
| 98 |
------------------------------------------------------------------*/
|
- |
|
| 99 |
|
- |
|
| 100 |
@font-face {
|
3 |
@font-face {
|
| 101 |
font-family: 'Helvetica 65 Medium';
|
4 |
font-family: 'Helvetica 65 Medium';
|
| 102 |
src: url('../fonts/helvetica_65_medium-webfont.eot');
|
5 |
src: url('../fonts/helvetica_65_medium-webfont.eot');
|
| 103 |
src: url('../fonts/helvetica_65_medium-webfont.eot?#iefix') format('embedded-opentype'),
|
6 |
src: url('../fonts/helvetica_65_medium-webfont.eot?#iefix') format('embedded-opentype'),
|
| 104 |
url('../fonts/helvetica_65_medium-webfont.woff') format('woff'),
|
7 |
url('../fonts/helvetica_65_medium-webfont.woff') format('woff'),
|
| Line 128... |
Line 31... |
| 128 |
/* Form Hints */ .form_hint.show, .form_hint.has_error, .form_hint.no_error,
|
31 |
/* Form Hints */ .form_hint.show, .form_hint.has_error, .form_hint.no_error,
|
| 129 |
/* Header */ .logo_digi, .main_nav > a, .sub_nav > a,
|
32 |
/* Header */ .logo_digi, .main_nav > a, .sub_nav > a,
|
| 130 |
/* Inputs */ .input_radio, .input_checkbox, .grey_textbox,
|
33 |
/* Inputs */ .input_radio, .input_checkbox, .grey_textbox,
|
| 131 |
/* Pagination */ .prev_page, .next_page, .page_num, .page_dot,
|
34 |
/* Pagination */ .prev_page, .next_page, .page_num, .page_dot,
|
| 132 |
/* Popups */ .close_popup, .popup_header .close_popup:after,
|
35 |
/* Popups */ .close_popup, .popup_header .close_popup:after,
|
| 133 |
/* Progress Steps */ .progress_steps .step, .progress_steps .num, .progress_content .component, .progress_con [class$="_sign"], .progress_content .total_price,
|
- |
|
| 134 |
/* Tabs */ .content_tabber, .tabber_label
|
36 |
/* Tabs */ .content_tabber, .tabber_label
|
| 135 |
{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
|
37 |
{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
|
| 136 |
|
38 |
|
| 137 |
.clearfix:after, .content:after, .precontent:after, .utility_bar:after, #topFooter:after, #bottomFooter:after, .my_cart_content:after, .dot_holder:after, .sub_menu:after, .padded_content:after
|
39 |
.clearfix:after, .content:after, .precontent:after, .utility_bar:after, #topFooter:after, #bottomFooter:after, .my_cart_content:after, .dot_holder:after, .sub_menu:after, .padded_content:after
|
| 138 |
{ content: '.'; width: 0; height: 0; font: 0/0 a; color: transparent; display: block; clear: both; }
|
40 |
{ content: '.'; width: 0; height: 0; font: 0/0 a; color: transparent; display: block; clear: both; }
|
| Line 153... |
Line 55... |
| 153 |
|
55 |
|
| 154 |
.banner_carousel, .banner_carousel .banner_clicker, .popup_header, .progress_steps, .island_title
|
56 |
.banner_carousel, .banner_carousel .banner_clicker, .popup_header, .progress_steps, .island_title
|
| 155 |
{ -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
|
57 |
{ -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
|
| 156 |
|
58 |
|
| 157 |
|
59 |
|
| 158 |
/*-------------------------------------------------------------------
|
- |
|
| 159 |
$ General
|
- |
|
| 160 |
-------------------------------------------------------------------*/
|
- |
|
| 161 |
|
60 |
|
| 162 |
h1, h2, h3, h4 { color: #21282e; margin: .2em 0 .4em; font-weight: normal; line-height: 1em; }
|
61 |
h1, h2, h3, h4 { color: #21282e; margin: .2em 0 .4em; font-weight: normal; line-height: 1em; }
|
| 163 |
h1, h2, h3 { font-family:"Helvetica 65 Medium", Helvetica, Arial, sans-serif; }
|
62 |
h1, h2, h3 { font-family:"Helvetica 65 Medium", Helvetica, Arial, sans-serif; }
|
| 164 |
h1 { font-size: 28px; }
|
63 |
h1 { font-size: 28px; }
|
| 165 |
h2 { font-size: 22px; }
|
64 |
h2 { font-size: 22px; }
|
| Line 235... |
Line 134... |
| 235 |
.black_overlay.light { background: rgba(0,0,0,0.4); }
|
134 |
.black_overlay.light { background: rgba(0,0,0,0.4); }
|
| 236 |
|
135 |
|
| 237 |
.white_overlay { width: 100%; height: 100%; background: url(/cs/site_template/ecommerce/images/general/overlay_white_85.png) repeat; background: rgba(255,255,255,0.85); position: absolute; top: 0; left: 0; }
|
136 |
.white_overlay { width: 100%; height: 100%; background: url(/cs/site_template/ecommerce/images/general/overlay_white_85.png) repeat; background: rgba(255,255,255,0.85); position: absolute; top: 0; left: 0; }
|
| 238 |
|
137 |
|
| 239 |
|
138 |
|
| 240 |
/*-------------------------------------------------------------------
|
- |
|
| 241 |
Assets
|
- |
|
| 242 |
---------------------------------------------------------------------
|
- |
|
| 243 |
$ Back To Top
|
- |
|
| 244 |
-------------------------------------------------------------------*/
|
- |
|
| 245 |
|
- |
|
| 246 |
.back_to_top { width: 70px; height: 70px; border: 1px solid #bdbdbd; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; position: fixed; z-index: 5; bottom: -72px; right: 10px; background: url(/cs/site_template/ecommerce/images/general/gradient_grey_70px.png) repeat-x; text-align: center; font-weight: bold; cursor: pointer; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
|
139 |
.back_to_top { width: 70px; height: 70px; border: 1px solid #bdbdbd; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; position: fixed; z-index: 5; bottom: -72px; right: 10px; background: url(/cs/site_template/ecommerce/images/general/gradient_grey_70px.png) repeat-x; text-align: center; font-weight: bold; cursor: pointer; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }
|
| 247 |
.back_to_top:active { background: #f9f9f9; }
|
140 |
.back_to_top:active { background: #f9f9f9; }
|
| 248 |
.back_to_top_arrow { width: 12px; height: 7px; margin: 5px 0; background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) -280px 0 no-repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
|
141 |
.back_to_top_arrow { width: 12px; height: 7px; margin: 5px 0; background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) -280px 0 no-repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
|
| 249 |
.back_to_top_text { height: 45px; padding-top: 5px; line-height: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
|
142 |
.back_to_top_text { height: 45px; padding-top: 5px; line-height: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
|
| 250 |
|
143 |
|
| 251 |
@media print {
|
144 |
@media print {
|
| 252 |
.back_to_top { display: none; }
|
145 |
.back_to_top { display: none; }
|
| 253 |
}
|
146 |
}
|
| 254 |
|
147 |
|
| 255 |
/*-------------------------------------------------------------------
|
- |
|
| 256 |
$ Banner Carousel
|
- |
|
| 257 |
-------------------------------------------------------------------*/
|
- |
|
| - |
|
148 |
|
| 258 |
|
149 |
|
| 259 |
.banner_carousel { height: 370px; border: 1px solid #bdbdbd; border-bottom: 0; position: relative; z-index: 4; }
|
150 |
.banner_carousel { height: 370px; border: 1px solid #bdbdbd; border-bottom: 0; position: relative; z-index: 4; }
|
| 260 |
.banner_carousel.slightly_shorter { height: 340px; }
|
151 |
.banner_carousel.slightly_shorter { height: 340px; }
|
| 261 |
.banner_carousel.slightly_x_shorter { height: 320px; }
|
152 |
.banner_carousel.slightly_x_shorter { height: 320px; }
|
| 262 |
.banner_carousel.short { height: 190px; }
|
153 |
.banner_carousel.short { height: 190px; }
|
| Line 293... |
Line 184... |
| 293 |
.sub_search { width: 440px; margin: .5em 10px 1em; font-size: 18px; }
|
184 |
.sub_search { width: 440px; margin: .5em 10px 1em; font-size: 18px; }
|
| 294 |
div .sub_search input[type="text"] { width: 400px; height: 50px; border: 0; background: transparent; line-height: 50px; } /* Extra div for increased specificity, for overriding */
|
185 |
div .sub_search input[type="text"] { width: 400px; height: 50px; border: 0; background: transparent; line-height: 50px; } /* Extra div for increased specificity, for overriding */
|
| 295 |
div .sub_search input[type="submit"] { padding: 0; border: 0; margin: -4px 0 0; } /* Extra div for increased specificity, for overriding */
|
186 |
div .sub_search input[type="submit"] { padding: 0; border: 0; margin: -4px 0 0; } /* Extra div for increased specificity, for overriding */
|
| 296 |
|
187 |
|
| 297 |
|
188 |
|
| 298 |
/*-------------------------------------------------------------------
|
- |
|
| 299 |
$ Buttons
|
- |
|
| 300 |
-------------------------------------------------------------------*/
|
- |
|
| 301 |
|
189 |
|
| 302 |
/* Blue buttons */
|
190 |
/* Blue buttons */
|
| 303 |
|
191 |
|
| 304 |
[class^="btn_"] { padding: 0 5px; margin: 0 5px; background-color: #0091d2; color: #fff; font-weight: bold; text-align: center; position: relative; }
|
192 |
[class^="btn_"] { padding: 0 5px; margin: 0 5px; background-color: #0091d2; color: #fff; font-weight: bold; text-align: center; position: relative; }
|
| 305 |
[class^="btn_"]:before, [class^="btn_"]:after { content: ''; width: 5px; position: absolute; top: 0; }
|
193 |
[class^="btn_"]:before, [class^="btn_"]:after { content: ''; width: 5px; position: absolute; top: 0; }
|
| Line 408... |
Line 296... |
| 408 |
[class^="btn_"] .icon_right_arrow { position: relative; top: -1px; left: 5px; }
|
296 |
[class^="btn_"] .icon_right_arrow { position: relative; top: -1px; left: 5px; }
|
| 409 |
[class^="btn_"] .icon_small_shopping_cart { position: relative; top: -1px; }
|
297 |
[class^="btn_"] .icon_small_shopping_cart { position: relative; top: -1px; }
|
| 410 |
|
298 |
|
| 411 |
|
299 |
|
| 412 |
/*-------------------------------------------------------------------
|
300 |
/*-------------------------------------------------------------------
|
| 413 |
$ Catalogues
|
301 |
Catalogues
|
| 414 |
---------------------------------------------------------------------
|
302 |
---------------------------------------------------------------------
|
| 415 |
For pages such as Devices, Rewards, Store Locator and Whats
|
303 |
For pages such as Devices, Rewards, Store Locator and Whats
|
| 416 |
Hot, where all of them use a similar catalogue layout.
|
304 |
Hot, where all of them use a similar catalogue layout.
|
| 417 |
|
305 |
|
| 418 |
- .product_catalogue for Devices page
|
306 |
- .product_catalogue for Devices page
|
| Line 535... |
Line 423... |
| 535 |
.product_catalogue .load_more { width: 65px; margin: 0 auto; display: block; font-size: 12px; font-weight: bold; text-align: center; clear: both; }
|
423 |
.product_catalogue .load_more { width: 65px; margin: 0 auto; display: block; font-size: 12px; font-weight: bold; text-align: center; clear: both; }
|
| 536 |
.product_catalogue .load_more.loading { padding-left: 20px; background: url(/cs/site_template/ecommerce/images/general/icon_loading.gif) left center no-repeat; color: #ccc; cursor: default; pointer-events: none; }
|
424 |
.product_catalogue .load_more.loading { padding-left: 20px; background: url(/cs/site_template/ecommerce/images/general/icon_loading.gif) left center no-repeat; color: #ccc; cursor: default; pointer-events: none; }
|
| 537 |
|
425 |
|
| 538 |
|
426 |
|
| 539 |
/*-------------------------------------------------------------------
|
427 |
/*-------------------------------------------------------------------
|
| 540 |
$ Column Layouts
|
428 |
Column Layouts
|
| 541 |
-------------------------------------------------------------------*/
|
429 |
-------------------------------------------------------------------*/
|
| 542 |
|
430 |
|
| 543 |
.column_obj { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
|
431 |
.column_obj { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
|
| 544 |
.column_obj iframe { margin-bottom: 1em; }
|
432 |
.column_obj iframe { margin-bottom: 1em; }
|
| 545 |
|
433 |
|
| Line 554... |
Line 442... |
| 554 |
|
442 |
|
| 555 |
.four_columns .column_obj { width: 24.5%; }
|
443 |
.four_columns .column_obj { width: 24.5%; }
|
| 556 |
|
444 |
|
| 557 |
|
445 |
|
| 558 |
/*-------------------------------------------------------------------
|
446 |
/*-------------------------------------------------------------------
|
| 559 |
$ Content Togglers
|
447 |
Content Togglers
|
| 560 |
-------------------------------------------------------------------*/
|
448 |
-------------------------------------------------------------------*/
|
| 561 |
|
449 |
|
| 562 |
.content_toggler_con { margin-bottom: 1em; }
|
450 |
.content_toggler_con { margin-bottom: 1em; }
|
| 563 |
.content_toggler_con.padded { padding: 15px; }
|
451 |
.content_toggler_con.padded { padding: 15px; }
|
| 564 |
.content_toggler_con .content_toggler { cursor: pointer; }
|
452 |
.content_toggler_con .content_toggler { cursor: pointer; }
|
| Line 619... |
Line 507... |
| 619 |
.cart_summary_toggler .toggled_content:after { content: ''; width: 100%; height: 5px; position: absolute; top: 0; left: 0; background: url(/cs/site_template/ecommerce/images/general/shadow_top_bottom.png) bottom left repeat-x; }
|
507 |
.cart_summary_toggler .toggled_content:after { content: ''; width: 100%; height: 5px; position: absolute; top: 0; left: 0; background: url(/cs/site_template/ecommerce/images/general/shadow_top_bottom.png) bottom left repeat-x; }
|
| 620 |
.cart_summary_toggler .toggled_content:after { top: auto; bottom: 0; background-position: top left; }
|
508 |
.cart_summary_toggler .toggled_content:after { top: auto; bottom: 0; background-position: top left; }
|
| 621 |
|
509 |
|
| 622 |
|
510 |
|
| 623 |
/*-------------------------------------------------------------------
|
511 |
/*-------------------------------------------------------------------
|
| 624 |
$ Content Rounder
|
512 |
Content Rounder
|
| 625 |
-------------------------------------------------------------------*/
|
513 |
-------------------------------------------------------------------*/
|
| 626 |
|
514 |
|
| 627 |
.content_rounder { padding: 15px; border: 1px solid #bdbdbd; margin-bottom: 1em; }
|
515 |
.content_rounder { padding: 15px; border: 1px solid #bdbdbd; margin-bottom: 1em; }
|
| 628 |
.content_rounder.unpadded { padding: 0; }
|
516 |
.content_rounder.unpadded { padding: 0; }
|
| 629 |
.content_rounder > .content_title,
|
517 |
.content_rounder > .content_title,
|
| Line 639... |
Line 527... |
| 639 |
.transaction_num_con .transaction_num { margin: .25em 0 .5em; color: #21282e; font-size: 28px; font-weight: bold; }
|
527 |
.transaction_num_con .transaction_num { margin: .25em 0 .5em; color: #21282e; font-size: 28px; font-weight: bold; }
|
| 640 |
.transaction_num_con .understate { font-size: 12px; }
|
528 |
.transaction_num_con .understate { font-size: 12px; }
|
| 641 |
|
529 |
|
| 642 |
|
530 |
|
| 643 |
/*-------------------------------------------------------------------
|
531 |
/*-------------------------------------------------------------------
|
| 644 |
$ Content Switcher
|
532 |
Content Switcher
|
| 645 |
-------------------------------------------------------------------*/
|
533 |
-------------------------------------------------------------------*/
|
| 646 |
|
534 |
|
| 647 |
.content_switcher_content { display: none; }
|
535 |
.content_switcher_content { display: none; }
|
| 648 |
.content_switcher_content:first-child { display: block; }
|
536 |
.content_switcher_content:first-child { display: block; }
|
| 649 |
|
537 |
|
| 650 |
|
538 |
|
| 651 |
/*-------------------------------------------------------------------
|
539 |
/*-------------------------------------------------------------------
|
| 652 |
$ Cursors
|
540 |
Cursors
|
| 653 |
-------------------------------------------------------------------*/
|
541 |
-------------------------------------------------------------------*/
|
| 654 |
|
542 |
|
| 655 |
.ui-draggable, .draggable { cursor: url(/cs/site_template/ecommerce/images/general/cursor_open_hand.cur), default !important; position: absolute; top: 0; left: 0; }
|
543 |
.ui-draggable, .draggable { cursor: url(/cs/site_template/ecommerce/images/general/cursor_open_hand.cur), default !important; position: absolute; top: 0; left: 0; }
|
| 656 |
.ui-draggable-dragging, .dragging { cursor: url(/cs/site_template/ecommerce/images/general/cursor_closed_hand.cur), default !important; }
|
544 |
.ui-draggable-dragging, .dragging { cursor: url(/cs/site_template/ecommerce/images/general/cursor_closed_hand.cur), default !important; }
|
| 657 |
|
545 |
|
| 658 |
.cursor_zoom_in { cursor: url(/cs/site_template/ecommerce/images/general/cursor_zoom_in.png), default !important; }
|
546 |
.cursor_zoom_in { cursor: url(/cs/site_template/ecommerce/images/general/cursor_zoom_in.png), default !important; }
|
| 659 |
.cursor_zoom_out { cursor: url(/cs/site_template/ecommerce/images/general/cursor_zoom_out.png), default !important; }
|
547 |
.cursor_zoom_out { cursor: url(/cs/site_template/ecommerce/images/general/cursor_zoom_out.png), default !important; }
|
| 660 |
|
548 |
|
| 661 |
|
549 |
|
| 662 |
/*-------------------------------------------------------------------
|
550 |
/*-------------------------------------------------------------------
|
| 663 |
$ Dropdowns
|
551 |
Dropdowns
|
| 664 |
-------------------------------------------------------------------*/
|
552 |
-------------------------------------------------------------------*/
|
| 665 |
|
553 |
|
| 666 |
[class*="dropdown_con"] { width: 110px; height: 27px; margin: 0 5px; position: relative; line-height: 27px; }
|
554 |
[class*="dropdown_con"] { width: 110px; height: 27px; margin: 0 5px; position: relative; line-height: 27px; }
|
| 667 |
[class*="dropdown_btn"] { padding: 0 15px 0 5px; height: 100%; background: url(/cs/site_template/ecommerce/images/general/btn_light_grey_27px_mid.png) left top repeat-x; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *white-space: normal; }
|
555 |
[class*="dropdown_btn"] { padding: 0 15px 0 5px; height: 100%; background: url(/cs/site_template/ecommerce/images/general/btn_light_grey_27px_mid.png) left top repeat-x; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *white-space: normal; }
|
| 668 |
[class*="dropdown_btn"]:before,
|
556 |
[class*="dropdown_btn"]:before,
|
| Line 704... |
Line 592... |
| 704 |
.dropdown_white_xlarge select { height: 60px; padding: 0 9px; left: -9px; }
|
592 |
.dropdown_white_xlarge select { height: 60px; padding: 0 9px; left: -9px; }
|
| 705 |
|
593 |
|
| 706 |
.dropdown_con.language { width: 130px; }
|
594 |
.dropdown_con.language { width: 130px; }
|
| 707 |
|
595 |
|
| 708 |
/*-------------------------------------------------------------------
|
596 |
/*-------------------------------------------------------------------
|
| 709 |
$ Form Hints
|
597 |
Form Hints
|
| 710 |
-------------------------------------------------------------------*/
|
598 |
-------------------------------------------------------------------*/
|
| 711 |
|
599 |
|
| 712 |
.form_hint { margin-left: 5px; display: none; vertical-align: top; background: none; color: #999; cursor: default; }
|
600 |
.form_hint { margin-left: 5px; display: none; vertical-align: top; background: none; color: #999; cursor: default; }
|
| 713 |
[class*=dropdown_con] + .form_hint { margin-left: 10px; }
|
601 |
[class*=dropdown_con] + .form_hint { margin-left: 10px; }
|
| 714 |
|
602 |
|
| Line 727... |
Line 615... |
| 727 |
.has_error .form_hint_error_msg, .server_error .form_hint_error_msg { display: inline; }
|
615 |
.has_error .form_hint_error_msg, .server_error .form_hint_error_msg { display: inline; }
|
| 728 |
.server_error .form_hint_msg { display: none; }
|
616 |
.server_error .form_hint_msg { display: none; }
|
| 729 |
|
617 |
|
| 730 |
|
618 |
|
| 731 |
/*-------------------------------------------------------------------
|
619 |
/*-------------------------------------------------------------------
|
| 732 |
$ Grid
|
620 |
Grid
|
| 733 |
-------------------------------------------------------------------*/
|
621 |
-------------------------------------------------------------------*/
|
| 734 |
|
622 |
|
| 735 |
[class*="grid_3_"] { margin-right: 18px; float: left; }
|
623 |
[class*="grid_3_"] { margin-right: 18px; float: left; }
|
| 736 |
.grid_3_left, .grid_3_right { width: 205px; min-height: 1px; }
|
624 |
.grid_3_left, .grid_3_right { width: 205px; min-height: 1px; }
|
| 737 |
.grid_3_middle { width: 460px; min-height: 1px;}
|
625 |
.grid_3_middle { width: 460px; min-height: 1px;}
|
| Line 744... |
Line 632... |
| 744 |
[class*="grid_3_"] > .grid_3_middle,
|
632 |
[class*="grid_3_"] > .grid_3_middle,
|
| 745 |
[class*="grid_3_"] > .grid_3_right { margin-right: 0; }
|
633 |
[class*="grid_3_"] > .grid_3_right { margin-right: 0; }
|
| 746 |
|
634 |
|
| 747 |
|
635 |
|
| 748 |
/*-------------------------------------------------------------------
|
636 |
/*-------------------------------------------------------------------
|
| 749 |
$ Icons
|
637 |
Icons
|
| 750 |
-------------------------------------------------------------------*/
|
638 |
-------------------------------------------------------------------*/
|
| 751 |
|
639 |
|
| 752 |
/* Sprite sheet grid size: 20x20px */
|
640 |
/* Sprite sheet grid size: 20x20px */
|
| 753 |
[class^="icon_"] { background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) no-repeat; *margin-right: 4px; }
|
641 |
[class^="icon_"] { background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) no-repeat; *margin-right: 4px; }
|
| 754 |
|
642 |
|
| Line 822... |
Line 710... |
| 822 |
|
710 |
|
| 823 |
.color_square { width: 22px; height: 22px; border: 1px solid #bfbfbf; }
|
711 |
.color_square { width: 22px; height: 22px; border: 1px solid #bfbfbf; }
|
| 824 |
|
712 |
|
| 825 |
|
713 |
|
| 826 |
/*-------------------------------------------------------------------
|
714 |
/*-------------------------------------------------------------------
|
| 827 |
$ Inputs
|
715 |
Inputs
|
| 828 |
-------------------------------------------------------------------*/
|
716 |
-------------------------------------------------------------------*/
|
| 829 |
|
717 |
|
| 830 |
.input_checkbox, .input_radio { margin-right: 5px; background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) no-repeat; vertical-align: middle; cursor: pointer; outline: 0; }
|
718 |
.input_checkbox, .input_radio { margin-right: 5px; background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) no-repeat; vertical-align: middle; cursor: pointer; outline: 0; }
|
| 831 |
.input_checkbox { width: 19px; height: 20px; background-position: -180px -60px; }
|
719 |
.input_checkbox { width: 19px; height: 20px; background-position: -180px -60px; }
|
| 832 |
.input_checkbox.checked { background-position: -199px -60px; }
|
720 |
.input_checkbox.checked { background-position: -199px -60px; }
|
| Line 854... |
Line 742... |
| 854 |
.input_white_xlarge input,
|
742 |
.input_white_xlarge input,
|
| 855 |
form.sub_search input { box-shadow: none; }
|
743 |
form.sub_search input { box-shadow: none; }
|
| 856 |
|
744 |
|
| 857 |
|
745 |
|
| 858 |
/*-------------------------------------------------------------------
|
746 |
/*-------------------------------------------------------------------
|
| 859 |
$ Islands
|
747 |
Islands
|
| 860 |
-------------------------------------------------------------------*/
|
748 |
-------------------------------------------------------------------*/
|
| 861 |
|
749 |
|
| 862 |
.island { padding-bottom: 5px; margin-bottom: 1em; background-color: #eff1f1; }
|
750 |
.island { padding-bottom: 5px; margin-bottom: 1em; background-color: #eff1f1; }
|
| 863 |
.island_title { padding: 8px 10px; background: #fd0; position: relative; font-size: 15px; line-height: 1.1em; font-weight: bold; }
|
751 |
.island_title { padding: 8px 10px; background: #fd0; position: relative; font-size: 15px; line-height: 1.1em; font-weight: bold; }
|
| 864 |
.island_img { width: 100%; text-align: center; overflow: hidden; }
|
752 |
.island_img { width: 100%; text-align: center; overflow: hidden; }
|
| Line 881... |
Line 769... |
| 881 |
|
769 |
|
| 882 |
.island .icon_question { margin-top: -4px; }
|
770 |
.island .icon_question { margin-top: -4px; }
|
| 883 |
|
771 |
|
| 884 |
|
772 |
|
| 885 |
/*-------------------------------------------------------------------
|
773 |
/*-------------------------------------------------------------------
|
| 886 |
$ Lists
|
774 |
Lists
|
| 887 |
-------------------------------------------------------------------*/
|
775 |
-------------------------------------------------------------------*/
|
| 888 |
|
776 |
|
| 889 |
.arrow_list > li { padding-left: 20px; background: url(/cs/site_template/ecommerce/images/general/arrow_links_grey.png) 6px 4px no-repeat; }
|
777 |
.arrow_list > li { padding-left: 20px; background: url(/cs/site_template/ecommerce/images/general/arrow_links_grey.png) 6px 4px no-repeat; }
|
| 890 |
|
778 |
|
| 891 |
.spaced_list > li { margin-top: 3px; margin-bottom: 3px; }
|
779 |
.spaced_list > li { margin-top: 3px; margin-bottom: 3px; }
|
| 892 |
|
780 |
|
| 893 |
|
781 |
|
| 894 |
/*-------------------------------------------------------------------
|
782 |
/*-------------------------------------------------------------------
|
| 895 |
$ Link List
|
783 |
Link List
|
| 896 |
-------------------------------------------------------------------*/
|
784 |
-------------------------------------------------------------------*/
|
| 897 |
|
785 |
|
| 898 |
.link_list > .current { font-weight: bold; color: #000; }
|
786 |
.link_list > .current { font-weight: bold; color: #000; }
|
| 899 |
|
787 |
|
| 900 |
/* div.link_list > a > span.link_label > span */
|
788 |
/* div.link_list > a > span.link_label > span */
|
| Line 913... |
Line 801... |
| 913 |
ul.link_list a { padding: 5px 0 5px 20px; }
|
801 |
ul.link_list a { padding: 5px 0 5px 20px; }
|
| 914 |
ul.link_list .group_title { padding: 5px 0; }
|
802 |
ul.link_list .group_title { padding: 5px 0; }
|
| 915 |
|
803 |
|
| 916 |
|
804 |
|
| 917 |
/*-------------------------------------------------------------------
|
805 |
/*-------------------------------------------------------------------
|
| 918 |
$ Media Link
|
806 |
Media Link
|
| 919 |
-------------------------------------------------------------------*/
|
807 |
-------------------------------------------------------------------*/
|
| 920 |
|
808 |
|
| 921 |
.media_link_con { padding-bottom: 3em; position: relative; }
|
809 |
.media_link_con { padding-bottom: 3em; position: relative; }
|
| 922 |
.media_link { width: 220px; margin: 10px 16px 1em 0; *margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
|
810 |
.media_link { width: 220px; margin: 10px 16px 1em 0; *margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
|
| 923 |
.media_link.last_in_row,
|
811 |
.media_link.last_in_row,
|
| Line 929... |
Line 817... |
| 929 |
.content .media_link { width: 200px; margin-right: 31px; }
|
817 |
.content .media_link { width: 200px; margin-right: 31px; }
|
| 930 |
.content .media_img { border: 1px solid #e5e5e5; }
|
818 |
.content .media_img { border: 1px solid #e5e5e5; }
|
| 931 |
|
819 |
|
| 932 |
|
820 |
|
| 933 |
/*-------------------------------------------------------------------
|
821 |
/*-------------------------------------------------------------------
|
| 934 |
$ Media Gallery
|
822 |
Media Gallery
|
| 935 |
-------------------------------------------------------------------*/
|
823 |
-------------------------------------------------------------------*/
|
| 936 |
|
824 |
|
| 937 |
.media_gallery { margin-bottom: 20px; position: relative; }
|
825 |
.media_gallery { margin-bottom: 20px; position: relative; }
|
| 938 |
.media_gallery_main_media { margin: 0 auto; }
|
826 |
.media_gallery_main_media { margin: 0 auto; }
|
| 939 |
.media_gallery_main_media.standard_media_size { width: 570px; height: 320px; }
|
827 |
.media_gallery_main_media.standard_media_size { width: 570px; height: 320px; }
|
| Line 965... |
Line 853... |
| 965 |
opacity: 1;
|
853 |
opacity: 1;
|
| 966 |
}
|
854 |
}
|
| 967 |
|
855 |
|
| 968 |
|
856 |
|
| 969 |
/*-------------------------------------------------------------------
|
857 |
/*-------------------------------------------------------------------
|
| 970 |
$ My Cart
|
858 |
My Cart
|
| 971 |
-------------------------------------------------------------------*/
|
859 |
-------------------------------------------------------------------*/
|
| 972 |
|
860 |
|
| 973 |
.my_cart_con { width: 265px; padding: 0 20px; position: absolute; top: 18px; left: auto; right: -30px; z-index: 5; display: none; }
|
861 |
.my_cart_con { width: 265px; padding: 0 20px; position: absolute; top: 18px; left: auto; right: -30px; z-index: 5; display: none; }
|
| 974 |
.my_cart_arrow { width: 17px; height: 11px; background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) -100px -120px no-repeat; position: absolute; top: 0; right: 55px; z-index: 2; }
|
862 |
.my_cart_arrow { width: 17px; height: 11px; background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) -100px -120px no-repeat; position: absolute; top: 0; right: 55px; z-index: 2; }
|
| 975 |
.my_cart.popup_con { width: 100%; margin: 10px 0 0 0; border: 1px solid #bdbdbd\9; position: static; top: auto; left: auto; display: block; }
|
863 |
.my_cart.popup_con { width: 100%; margin: 10px 0 0 0; border: 1px solid #bdbdbd\9; position: static; top: auto; left: auto; display: block; }
|
| Line 999... |
Line 887... |
| 999 |
.my_cart_action .clear_my_cart { line-height: 30px; color: #21282e; }
|
887 |
.my_cart_action .clear_my_cart { line-height: 30px; color: #21282e; }
|
| 1000 |
.clear_my_cart .icon_cancel { margin-top: -3px; }
|
888 |
.clear_my_cart .icon_cancel { margin-top: -3px; }
|
| 1001 |
|
889 |
|
| 1002 |
|
890 |
|
| 1003 |
/*-------------------------------------------------------------------
|
891 |
/*-------------------------------------------------------------------
|
| 1004 |
$ Pagination
|
892 |
Pagination
|
| 1005 |
-------------------------------------------------------------------*/
|
893 |
-------------------------------------------------------------------*/
|
| 1006 |
|
894 |
|
| 1007 |
.pagination, .pagination.utility_btn { width: auto; float: right; font-size: 12px; line-height: 30px; font-weight: normal; }
|
895 |
.pagination, .pagination.utility_btn { width: auto; float: right; font-size: 12px; line-height: 30px; font-weight: normal; }
|
| 1008 |
.next_page, .prev_page { width: 24px; height: 23px; background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) no-repeat; vertical-align: middle; cursor: pointer; }
|
896 |
.next_page, .prev_page { width: 24px; height: 23px; background: url(/cs/site_template/ecommerce/images/general/general_sprite_sheet.png) no-repeat; vertical-align: middle; cursor: pointer; }
|
| 1009 |
.next_page { background-position: -224px -80px ; }
|
897 |
.next_page { background-position: -224px -80px ; }
|
| Line 1014... |
Line 902... |
| 1014 |
|
902 |
|
| 1015 |
.pagination + .header-title { line-height: 30px; }
|
903 |
.pagination + .header-title { line-height: 30px; }
|
| 1016 |
|
904 |
|
| 1017 |
|
905 |
|
| 1018 |
/*-------------------------------------------------------------------
|
906 |
/*-------------------------------------------------------------------
|
| 1019 |
$ Popup
|
907 |
Popup
|
| 1020 |
-------------------------------------------------------------------*/
|
908 |
-------------------------------------------------------------------*/
|
| 1021 |
|
909 |
|
| 1022 |
.show_popup { cursor: pointer; }
|
910 |
.show_popup { cursor: pointer; }
|
| 1023 |
|
911 |
|
| 1024 |
.popup_con { width: 620px; margin-left: -310px; position: absolute; top: 30%; left: 50%; background-color: #fff; box-shadow: 0 1px 10px 3px rgba(0,0,0,0.5); display: none; }
|
912 |
.popup_con { width: 620px; margin-left: -310px; position: absolute; top: 30%; left: 50%; background-color: #fff; box-shadow: 0 1px 10px 3px rgba(0,0,0,0.5); display: none; }
|
| Line 1044... |
Line 932... |
| 1044 |
.splash_popup .close_popup { width: 35px; padding-top: 35px; position: absolute; top: 25px; right: 50px; z-index: 2; background: url(/cs/site_template/ecommerce/images/general/icon_black_cross.png) 2px top no-repeat; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 11px; }
|
932 |
.splash_popup .close_popup { width: 35px; padding-top: 35px; position: absolute; top: 25px; right: 50px; z-index: 2; background: url(/cs/site_template/ecommerce/images/general/icon_black_cross.png) 2px top no-repeat; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 11px; }
|
| 1045 |
.splash_popup .popup_content { width: 450px; padding: 355px 0 0 135px; position: relative; text-align: center; }
|
933 |
.splash_popup .popup_content { width: 450px; padding: 355px 0 0 135px; position: relative; text-align: center; }
|
| 1046 |
.splash_popup p { padding-bottom: 5px; }
|
934 |
.splash_popup p { padding-bottom: 5px; }
|
| 1047 |
|
935 |
|
| 1048 |
/*-------------------------------------------------------------------
|
936 |
/*-------------------------------------------------------------------
|
| 1049 |
$ Progress Steps
|
937 |
Progress Steps
|
| 1050 |
-------------------------------------------------------------------*/
|
938 |
-------------------------------------------------------------------*/
|
| 1051 |
|
939 |
|
| 1052 |
.progress_steps_con { height: 53px; padding: 0 10px; border-bottom: 2px solid #bdbdbd; border-radius: 5px 5px 0 0; background-color: #fbe448; font-size: 14px; font-weight: bold; line-height: 53px; text-align: center; }
|
940 |
.progress_steps_con { height: 53px; padding: 0 10px; border-bottom: 2px solid #bdbdbd; border-radius: 5px 5px 0 0; background-color: #fbe448; font-size: 14px; font-weight: bold; line-height: 53px; text-align: center; }
|
| 1053 |
.progress_step { margin-right: 45px; display: inline-block; *display: inline; *zoom: 1; text-align: left; position: relative; }
|
941 |
.progress_step { margin-right: 45px; display: inline-block; *display: inline; *zoom: 1; text-align: left; position: relative; }
|
| 1054 |
.progress_step .num { width: 25px; height: 25px; margin: -2px 5px 0 0; border: 1px solid transparent; display: inline-block; *display: inline; *zoom: 1; background-color: #fff; border-radius: 25px; vertical-align: middle; font-size: 18px; text-align: center; line-height: 25px; }
|
942 |
.progress_step .num { width: 25px; height: 25px; margin: -2px 5px 0 0; border: 1px solid transparent; display: inline-block; *display: inline; *zoom: 1; background-color: #fff; border-radius: 25px; vertical-align: middle; font-size: 18px; text-align: center; line-height: 25px; }
|
| Line 1059... |
Line 947... |
| 1059 |
.progress_step.current:after,
|
947 |
.progress_step.current:after,
|
| 1060 |
.progress_step.done:after { content: ''; width: 150%; height: 2px; background-color: #1e1e1e; position: absolute; bottom: -2px; left: -25%; }
|
948 |
.progress_step.done:after { content: ''; width: 150%; height: 2px; background-color: #1e1e1e; position: absolute; bottom: -2px; left: -25%; }
|
| 1061 |
|
949 |
|
| 1062 |
|
950 |
|
| 1063 |
/*-------------------------------------------------------------------
|
951 |
/*-------------------------------------------------------------------
|
| 1064 |
$ Quick Links
|
952 |
Quick Links
|
| 1065 |
-------------------------------------------------------------------*/
|
953 |
-------------------------------------------------------------------*/
|
| 1066 |
|
954 |
|
| 1067 |
.quick_links_con { width: 280px; padding: 0 20px 20px; margin-left: 175px; position: absolute; top: 105px; left: 50%; z-index: 6; display: none; }
|
955 |
.quick_links_con { width: 280px; padding: 0 20px 20px; margin-left: 175px; position: absolute; top: 105px; left: 50%; z-index: 6; display: none; }
|
| 1068 |
.quick_links { width: 100%; margin-top: 11px; border: 0; border: 1px solid #ccc\9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; box-shadow: 0 1px 10px 3px rgba(0,0,0,0.5); font-size: 11px; }
|
956 |
.quick_links { width: 100%; margin-top: 11px; border: 0; border: 1px solid #ccc\9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; box-shadow: 0 1px 10px 3px rgba(0,0,0,0.5); font-size: 11px; }
|
| 1069 |
.quick_links_arrow { width: 17px; height: 11px; background: url(../images/general/general_sprite_sheet.png) -100px -120px no-repeat; position: absolute; top: 1px; right: 140px; z-index: 2; }
|
957 |
.quick_links_arrow { width: 17px; height: 11px; background: url(../images/general/general_sprite_sheet.png) -100px -120px no-repeat; position: absolute; top: 1px; right: 140px; z-index: 2; }
|
| Line 1082... |
Line 970... |
| 1082 |
.quick_links_footer { padding: 10px 15px; text-align: right; }
|
970 |
.quick_links_footer { padding: 10px 15px; text-align: right; }
|
| 1083 |
.more_quick_links i { margin: -2px 5px 0 0; }
|
971 |
.more_quick_links i { margin: -2px 5px 0 0; }
|
| 1084 |
|
972 |
|
| 1085 |
|
973 |
|
| 1086 |
/*-------------------------------------------------------------------
|
974 |
/*-------------------------------------------------------------------
|
| 1087 |
$ Tables
|
975 |
Tables
|
| 1088 |
---------------------------------------------------------------------
|
976 |
---------------------------------------------------------------------
|
| 1089 |
A billion tables used throughout the entire site.
|
977 |
A billion tables used throughout the entire site.
|
| 1090 |
-------------------------------------------------------------------*/
|
978 |
-------------------------------------------------------------------*/
|
| 1091 |
|
979 |
|
| 1092 |
/*
|
980 |
/*
|
| Line 1308... |
Line 1196... |
| 1308 |
tr:last-child > td.no_radius:last-child,
|
1196 |
tr:last-child > td.no_radius:last-child,
|
| 1309 |
tr:first-child > td.no_radius:first-child { border-radius: 0; }
|
1197 |
tr:first-child > td.no_radius:first-child { border-radius: 0; }
|
| 1310 |
|
1198 |
|
| 1311 |
|
1199 |
|
| 1312 |
/*-------------------------------------------------------------------
|
1200 |
/*-------------------------------------------------------------------
|
| 1313 |
$ Tabs
|
1201 |
Tabs
|
| 1314 |
-------------------------------------------------------------------*/
|
1202 |
-------------------------------------------------------------------*/
|
| 1315 |
|
1203 |
|
| 1316 |
/* $ Horizontal Tabber */
|
1204 |
/* Horizontal Tabber */
|
| 1317 |
|
1205 |
|
| 1318 |
.content_tabber_con { height: 45px; background: transparent; white-space: nowrap; }
|
1206 |
.content_tabber_con { height: 45px; background: transparent; white-space: nowrap; }
|
| 1319 |
.content_tabber_con.multi_page { height: 55px; overflow: hidden; }
|
1207 |
.content_tabber_con.multi_page { height: 55px; overflow: hidden; }
|
| 1320 |
.content_tabber { height: 45px; padding: 0 10px; margin: 0 5px; *margin: 0 10px 0 5px; vertical-align: top; position: relative; background: #f6f6f6 url(/images/androidland/tab_grey_mid.png) repeat-x; color: #666; line-height: 45px; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; }
|
1208 |
.content_tabber { height: 45px; padding: 0 10px; margin: 0 5px; *margin: 0 10px 0 5px; vertical-align: top; position: relative; background: #f6f6f6 url(/images/androidland/tab_grey_mid.png) repeat-x; color: #666; line-height: 45px; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; }
|
| 1321 |
.content_tabber.is_invisible { visibility: hidden; }
|
1209 |
.content_tabber.is_invisible { visibility: hidden; }
|
| Line 1353... |
Line 1241... |
| 1353 |
.content_tabber img { height: 12px; position: absolute; left: -5px; bottom: -10px; }
|
1241 |
.content_tabber img { height: 12px; position: absolute; left: -5px; bottom: -10px; }
|
| 1354 |
|
1242 |
|
| 1355 |
.tabber_content{ display: none; *zoom: 1; } /* zoom is needed to fix some weird rendering issue in IE7 */
|
1243 |
.tabber_content{ display: none; *zoom: 1; } /* zoom is needed to fix some weird rendering issue in IE7 */
|
| 1356 |
.tabber_content.current { display: block; }
|
1244 |
.tabber_content.current { display: block; }
|
| 1357 |
|
1245 |
|
| 1358 |
/* $ Vertical Tabber */
|
1246 |
/* Vertical Tabber */
|
| 1359 |
|
1247 |
|
| 1360 |
.vertical_tabber .tabber,
|
1248 |
.vertical_tabber .tabber,
|
| 1361 |
.vertical_tabber a,
|
1249 |
.vertical_tabber a,
|
| 1362 |
.vertical_sub_tabber { padding: 10px 0; border-bottom: 1px dotted #bdbdbd; display: block; cursor: pointer; position: relative; overflow: hidden; color: #0091d2; }
|
1250 |
.vertical_sub_tabber { padding: 10px 0; border-bottom: 1px dotted #bdbdbd; display: block; cursor: pointer; position: relative; overflow: hidden; color: #0091d2; }
|
| 1363 |
.vertical_tabber .tabber.last,
|
1251 |
.vertical_tabber .tabber.last,
|
| Line 1374... |
Line 1262... |
| 1374 |
.vertical_tabber_content { display: none; }
|
1262 |
.vertical_tabber_content { display: none; }
|
| 1375 |
.vertical_tabber_content.current { display: block; }
|
1263 |
.vertical_tabber_content.current { display: block; }
|
| 1376 |
|
1264 |
|
| 1377 |
|
1265 |
|
| 1378 |
/*-------------------------------------------------------------------
|
1266 |
/*-------------------------------------------------------------------
|
| 1379 |
$ Tooltips
|
1267 |
Tooltips
|
| 1380 |
-------------------------------------------------------------------*/
|
1268 |
-------------------------------------------------------------------*/
|
| 1381 |
|
1269 |
|
| 1382 |
.tooltip { width: 225px; padding: 15px 10px; border: 1px solid #bdbdbd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; z-index: 5; display: none; background: #f7f7f7 url(/cs/site_template/ecommerce/images/general/gradient_white_400px.png) repeat-x; color: #21282e; font-size: 13px; font-weight: normal; line-height: 1.2em; text-align: center; }
|
1270 |
.tooltip { width: 225px; padding: 15px 10px; border: 1px solid #bdbdbd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; z-index: 5; display: none; background: #f7f7f7 url(/cs/site_template/ecommerce/images/general/gradient_white_400px.png) repeat-x; color: #21282e; font-size: 13px; font-weight: normal; line-height: 1.2em; text-align: center; }
|
| 1383 |
.popup-is-shown .tooltip { z-index: 16; }
|
1271 |
.popup-is-shown .tooltip { z-index: 16; }
|
| 1384 |
.tooltip_arrow { width: 15px; height: 11px; position: absolute; top: -11px; left: 55px; background: url(/cs/site_template/ecommerce/images/general/arrow_tooltip.png) no-repeat; }
|
1272 |
.tooltip_arrow { width: 15px; height: 11px; position: absolute; top: -11px; left: 55px; background: url(/cs/site_template/ecommerce/images/general/arrow_tooltip.png) no-repeat; }
|
| Line 1389... |
Line 1277... |
| 1389 |
|
1277 |
|
| 1390 |
.tooltip_expanded { width: auto; max-width: 400px; text-align: left; }
|
1278 |
.tooltip_expanded { width: auto; max-width: 400px; text-align: left; }
|
| 1391 |
|
1279 |
|
| 1392 |
|
1280 |
|
| 1393 |
/*-------------------------------------------------------------------
|
1281 |
/*-------------------------------------------------------------------
|
| 1394 |
$ Widgets
|
1282 |
Widgets
|
| 1395 |
-------------------------------------------------------------------*/
|
1283 |
-------------------------------------------------------------------*/
|
| 1396 |
|
1284 |
|
| 1397 |
.rss_timeline_holder { border: 1px solid #ccc; }
|
1285 |
.rss_timeline_holder { border: 1px solid #ccc; }
|
| 1398 |
.rss_timeline_header { padding: 10px; border-bottom: 1px solid #ccc; line-height: 1.5; }
|
1286 |
.rss_timeline_header { padding: 10px; border-bottom: 1px solid #ccc; line-height: 1.5; }
|
| 1399 |
.rss_timeline_header .header_icon { float: right; }
|
1287 |
.rss_timeline_header .header_icon { float: right; }
|
| Line 1420... |
Line 1308... |
| 1420 |
|
1308 |
|
| 1421 |
.twitter_timeline_footer .footer_logo { width: 91px; height: 22px; padding: 5px; margin-left: 10px; display: inline-block; *display: inline; *zoom: 1; background: url(../images/general/logo_twitter_timeline.jpg) center center no-repeat; }
|
1309 |
.twitter_timeline_footer .footer_logo { width: 91px; height: 22px; padding: 5px; margin-left: 10px; display: inline-block; *display: inline; *zoom: 1; background: url(../images/general/logo_twitter_timeline.jpg) center center no-repeat; }
|
| 1422 |
|
1310 |
|
| 1423 |
|
1311 |
|
| 1424 |
/*-------------------------------------------------------------------
|
1312 |
/*-------------------------------------------------------------------
|
| 1425 |
$ Structure
|
1313 |
Structure
|
| 1426 |
-------------------------------------------------------------------*/
|
1314 |
-------------------------------------------------------------------*/
|
| 1427 |
|
1315 |
|
| 1428 |
.wrapper, .precontent { width: 940px; margin: 10px auto; }
|
1316 |
.wrapper, .precontent { width: 940px; margin: 10px auto; }
|
| 1429 |
|
1317 |
|
| 1430 |
.content { padding-bottom: 1em; border: 1px solid #bdbdbd; margin-bottom: 15px; background-color: #fff; }
|
1318 |
.content { padding-bottom: 1em; border: 1px solid #bdbdbd; margin-bottom: 15px; background-color: #fff; }
|
| Line 1481... |
Line 1369... |
| 1481 |
|
1369 |
|
| 1482 |
/* .utility_bar + .wrapper,
|
1370 |
/* .utility_bar + .wrapper,
|
| 1483 |
.wrapper[class*=_catalogue] { border-top: 0; padding-top: 25px; } */
|
1371 |
.wrapper[class*=_catalogue] { border-top: 0; padding-top: 25px; } */
|
| 1484 |
|
1372 |
|
| 1485 |
/*-------------------------------------------------------------------
|
1373 |
/*-------------------------------------------------------------------
|
| 1486 |
$ Header
|
1374 |
Header
|
| 1487 |
-------------------------------------------------------------------*/
|
1375 |
-------------------------------------------------------------------*/
|
| 1488 |
|
1376 |
|
| 1489 |
.header { height: 130px; margin-bottom: .5em; }
|
1377 |
.header { height: 130px; margin-bottom: .5em; }
|
| 1490 |
|
1378 |
|
| 1491 |
/* Small Navi */
|
1379 |
/* Small Navi */
|
| Line 1539... |
Line 1427... |
| 1539 |
.narrow .sub_menu_list { width: 115px; margin-left: 10px; }
|
1427 |
.narrow .sub_menu_list { width: 115px; margin-left: 10px; }
|
| 1540 |
.narrow .sub_menu_list:first-child { margin-left: 0; }
|
1428 |
.narrow .sub_menu_list:first-child { margin-left: 0; }
|
| 1541 |
|
1429 |
|
| 1542 |
|
1430 |
|
| 1543 |
/*-------------------------------------------------------------------
|
1431 |
/*-------------------------------------------------------------------
|
| 1544 |
$ Footer
|
1432 |
Footer
|
| 1545 |
-------------------------------------------------------------------*/
|
1433 |
-------------------------------------------------------------------*/
|
| 1546 |
|
1434 |
|
| 1547 |
.footer { border-top:#cecfd0 1px solid; padding-bottom:30px; background-color: #fff; }
|
1435 |
.footer { border-top:#cecfd0 1px solid; padding-bottom:30px; background-color: #fff; }
|
| 1548 |
.footer a { color: #21282e; text-decoration: none; }
|
1436 |
.footer a { color: #21282e; text-decoration: none; }
|
| 1549 |
|
1437 |
|
| Line 1560... |
Line 1448... |
| 1560 |
.cfm_holder .cfm_logo { height: 60px; position: absolute; top: 0; left: 5px; }
|
1448 |
.cfm_holder .cfm_logo { height: 60px; position: absolute; top: 0; left: 5px; }
|
| 1561 |
.cfm_holder .cfm_text { padding: 0 0 15px 75px; font-size: 11px; }
|
1449 |
.cfm_holder .cfm_text { padding: 0 0 15px 75px; font-size: 11px; }
|
| 1562 |
|
1450 |
|
| 1563 |
|
1451 |
|
| 1564 |
/*-------------------------------------------------------------------
|
1452 |
/*-------------------------------------------------------------------
|
| 1565 |
$ Comparison page
|
1453 |
Comparison page
|
| 1566 |
-------------------------------------------------------------------*/
|
1454 |
-------------------------------------------------------------------*/
|
| 1567 |
|
1455 |
|
| 1568 |
.tbl_round.comparison { margin-top: 1em; background: #eff1f1; }
|
1456 |
.tbl_round.comparison { margin-top: 1em; background: #eff1f1; }
|
| 1569 |
|
1457 |
|
| 1570 |
.comparison_holder td { font-weight: bold; text-align: center; }
|
1458 |
.comparison_holder td { font-weight: bold; text-align: center; }
|
| Line 1636... |
Line 1524... |
| 1636 |
.comparison_holder { position: relative; }
|
1524 |
.comparison_holder { position: relative; }
|
| 1637 |
.comparison_holder:first-child { margin-top: 5px; }
|
1525 |
.comparison_holder:first-child { margin-top: 5px; }
|
| 1638 |
|
1526 |
|
| 1639 |
|
1527 |
|
| 1640 |
/*-------------------------------------------------------------------
|
1528 |
/*-------------------------------------------------------------------
|
| 1641 |
$ Configure page
|
1529 |
Configure page
|
| 1642 |
-------------------------------------------------------------------*/
|
1530 |
-------------------------------------------------------------------*/
|
| 1643 |
|
1531 |
|
| 1644 |
.configure.padded_content { min-height: 585px; position: relative; }
|
1532 |
.configure.padded_content { min-height: 585px; position: relative; }
|
| 1645 |
|
1533 |
|
| 1646 |
.configure .highlighter { padding: .5em 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: .25em 0; display: inline-block; *display: inline; *zoom: 1; }
|
1534 |
.configure .highlighter { padding: .5em 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: .25em 0; display: inline-block; *display: inline; *zoom: 1; }
|
| Line 1805... |
Line 1693... |
| 1805 |
.error.popup_con { width: 490px; margin-left: -245px; }
|
1693 |
.error.popup_con { width: 490px; margin-left: -245px; }
|
| 1806 |
.error.popup_con .emphasis { color: #f00; font-size: 15px; }
|
1694 |
.error.popup_con .emphasis { color: #f00; font-size: 15px; }
|
| 1807 |
|
1695 |
|
| 1808 |
|
1696 |
|
| 1809 |
/*-------------------------------------------------------------------
|
1697 |
/*-------------------------------------------------------------------
|
| 1810 |
$ Devices page
|
1698 |
Devices page
|
| 1811 |
-------------------------------------------------------------------*/
|
1699 |
-------------------------------------------------------------------*/
|
| 1812 |
|
1700 |
|
| 1813 |
.compare_label
|
1701 |
.compare_label
|
| 1814 |
{ display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
|
1702 |
{ display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
|
| 1815 |
|
1703 |
|
| Line 1837... |
Line 1725... |
| 1837 |
.product_compare .btn_small { margin: 0; font-size: 13px; }
|
1725 |
.product_compare .btn_small { margin: 0; font-size: 13px; }
|
| 1838 |
.product_compare .compare_label { margin: 0 10px; vertical-align: middle; }
|
1726 |
.product_compare .compare_label { margin: 0 10px; vertical-align: middle; }
|
| 1839 |
|
1727 |
|
| 1840 |
|
1728 |
|
| 1841 |
/*-------------------------------------------------------------------
|
1729 |
/*-------------------------------------------------------------------
|
| 1842 |
$ Device Details page
|
1730 |
Device Details page
|
| 1843 |
-------------------------------------------------------------------*/
|
1731 |
-------------------------------------------------------------------*/
|
| 1844 |
|
1732 |
|
| 1845 |
.review_entry:after, .entry_comment:after, .detail_list:after, .yellow_tab:after, .planHolder .theTab:after, .planHolder .theContent:after, .popup_back_con:after, .device_details .additional_info:after
|
1733 |
.review_entry:after, .entry_comment:after, .detail_list:after, .yellow_tab:after, .planHolder .theTab:after, .planHolder .theContent:after, .popup_back_con:after, .device_details .additional_info:after
|
| 1846 |
{ content: '.'; width: 0; height: 0; font: 0/0 a; color: transparent; display: block; clear: both; }
|
1734 |
{ content: '.'; width: 0; height: 0; font: 0/0 a; color: transparent; display: block; clear: both; }
|
| 1847 |
|
1735 |
|
| Line 1990... |
Line 1878... |
| 1990 |
.zoom.popup_con .zoom_img { position: absolute; top: 0; left: 0; }
|
1878 |
.zoom.popup_con .zoom_img { position: absolute; top: 0; left: 0; }
|
| 1991 |
.zoom_img_con { width: 1300px; height: 2000px; padding: 350px 250px; position: absolute; top: -1100px; left: -600px; }
|
1879 |
.zoom_img_con { width: 1300px; height: 2000px; padding: 350px 250px; position: absolute; top: -1100px; left: -600px; }
|
| 1992 |
|
1880 |
|
| 1993 |
|
1881 |
|
| 1994 |
/*-------------------------------------------------------------------
|
1882 |
/*-------------------------------------------------------------------
|
| 1995 |
$ Error page
|
1883 |
Error page
|
| 1996 |
-------------------------------------------------------------------*/
|
1884 |
-------------------------------------------------------------------*/
|
| 1997 |
|
1885 |
|
| 1998 |
.error_con { width: 540px; padding: 60px 0; margin: 0 auto; text-align: center; }
|
1886 |
.error_con { width: 540px; padding: 60px 0; margin: 0 auto; text-align: center; }
|
| 1999 |
.error_con h2 { line-height: 1.2; }
|
1887 |
.error_con h2 { line-height: 1.2; }
|
| 2000 |
.error_con .main_logo { float: left; }
|
1888 |
.error_con .main_logo { float: left; }
|
| 2001 |
.error_page_title { min-height: 45px; padding: 50px 0 0 80px; text-align: right; font-size: 14px; color: #808080; }
|
1889 |
.error_page_title { min-height: 45px; padding: 50px 0 0 80px; text-align: right; font-size: 14px; color: #808080; }
|
| 2002 |
|
1890 |
|
| 2003 |
|
1891 |
|
| 2004 |
/*-------------------------------------------------------------------
|
1892 |
/*-------------------------------------------------------------------
|
| 2005 |
$ Form pages
|
1893 |
Form pages
|
| 2006 |
-------------------------------------------------------------------*/
|
1894 |
-------------------------------------------------------------------*/
|
| 2007 |
|
1895 |
|
| 2008 |
.tbl_form .grey_textbox { width: 205px; }
|
1896 |
.tbl_form .grey_textbox { width: 205px; }
|
| 2009 |
.tbl_form input[type="text"],
|
1897 |
.tbl_form input[type="text"],
|
| 2010 |
.tbl_form input[type="password"] { width: 213px; }
|
1898 |
.tbl_form input[type="password"] { width: 213px; }
|
| Line 2126... |
Line 2014... |
| 2126 |
|
2014 |
|
| 2127 |
.input_box { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
|
2015 |
.input_box { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
|
| 2128 |
.char_count { padding: 5px 10px; }
|
2016 |
.char_count { padding: 5px 10px; }
|
| 2129 |
|
2017 |
|
| 2130 |
/*-------------------------------------------------------------------
|
2018 |
/*-------------------------------------------------------------------
|
| 2131 |
$ Help & Support
|
2019 |
Help & Support
|
| 2132 |
-------------------------------------------------------------------*/
|
2020 |
-------------------------------------------------------------------*/
|
| 2133 |
|
2021 |
|
| 2134 |
.help_support.tbl_link_list { width: 460px; }
|
2022 |
.help_support.tbl_link_list { width: 460px; }
|
| 2135 |
|
2023 |
|
| 2136 |
/* Feedback Form */
|
2024 |
/* Feedback Form */
|
| Line 2140... |
Line 2028... |
| 2140 |
.contact_num_prefix.dropdown_con { width: 65px; }
|
2028 |
.contact_num_prefix.dropdown_con { width: 65px; }
|
| 2141 |
.contact_num { vertical-align: middle; }
|
2029 |
.contact_num { vertical-align: middle; }
|
| 2142 |
|
2030 |
|
| 2143 |
|
2031 |
|
| 2144 |
/*-------------------------------------------------------------------
|
2032 |
/*-------------------------------------------------------------------
|
| 2145 |
$ International Services pages
|
2033 |
International Services pages
|
| 2146 |
-------------------------------------------------------------------*/
|
2034 |
-------------------------------------------------------------------*/
|
| 2147 |
|
2035 |
|
| 2148 |
.country_to_country_con { text-align: center; }
|
2036 |
.country_to_country_con { text-align: center; }
|
| 2149 |
.country_to_country_con img { vertical-align: middle; }
|
2037 |
.country_to_country_con img { vertical-align: middle; }
|
| 2150 |
.country_obj { min-width: 175px; padding: 0 10px; display: inline-block; *display: inline; *zoom: 1; font-weight: bold; }
|
2038 |
.country_obj { min-width: 175px; padding: 0 10px; display: inline-block; *display: inline; *zoom: 1; font-weight: bold; }
|
| Line 2160... |
Line 2048... |
| 2160 |
|
2048 |
|
| 2161 |
.unlimited_internet_roaming.dropdown_con { width: 250px; font-weight: bold; }
|
2049 |
.unlimited_internet_roaming.dropdown_con { width: 250px; font-weight: bold; }
|
| 2162 |
|
2050 |
|
| 2163 |
|
2051 |
|
| 2164 |
/*-------------------------------------------------------------------
|
2052 |
/*-------------------------------------------------------------------
|
| 2165 |
$ Landing page
|
2053 |
Landing page
|
| 2166 |
-------------------------------------------------------------------*/
|
2054 |
-------------------------------------------------------------------*/
|
| 2167 |
|
2055 |
|
| 2168 |
.landing_middle_con:after, .landing_promo_con:after, .sign_in_panel:after
|
2056 |
.landing_middle_con:after, .landing_promo_con:after, .sign_in_panel:after
|
| 2169 |
{ content: '.'; width: 0; height: 0; font: 0/0 a; color: transparent; display: block; clear: both; }
|
2057 |
{ content: '.'; width: 0; height: 0; font: 0/0 a; color: transparent; display: block; clear: both; }
|
| 2170 |
|
2058 |
|
| Line 2211... |
Line 2099... |
| 2211 |
.landing_middle_content a { border-top: 1px dotted #bdbdbd; display: block; font-size: 12px; line-height: 25px; }
|
2099 |
.landing_middle_content a { border-top: 1px dotted #bdbdbd; display: block; font-size: 12px; line-height: 25px; }
|
| 2212 |
.landing_middle_content .imager + a { border-top: 0; }
|
2100 |
.landing_middle_content .imager + a { border-top: 0; }
|
| 2213 |
|
2101 |
|
| 2214 |
|
2102 |
|
| 2215 |
/*-------------------------------------------------------------------
|
2103 |
/*-------------------------------------------------------------------
|
| 2216 |
$ Login page and $ Register page
|
2104 |
Login page and Register page
|
| 2217 |
-------------------------------------------------------------------*/
|
2105 |
-------------------------------------------------------------------*/
|
| 2218 |
|
2106 |
|
| 2219 |
.login_extra_info { width: 500px; }
|
2107 |
.login_extra_info { width: 500px; }
|
| 2220 |
.login_extra_info .content_title { font-size: 15px; }
|
2108 |
.login_extra_info .content_title { font-size: 15px; }
|
| 2221 |
|
2109 |
|
| 2222 |
.tbl_register_confirm td { padding-bottom: 1em; }
|
2110 |
.tbl_register_confirm td { padding-bottom: 1em; }
|
| 2223 |
.thank_you.popup_con { width: 440px; margin-left: -220px; }
|
2111 |
.thank_you.popup_con { width: 440px; margin-left: -220px; }
|
| 2224 |
|
2112 |
|
| 2225 |
|
2113 |
|
| 2226 |
/*-------------------------------------------------------------------
|
2114 |
/*-------------------------------------------------------------------
|
| 2227 |
$ Logout page
|
2115 |
Logout page
|
| 2228 |
-------------------------------------------------------------------*/
|
2116 |
-------------------------------------------------------------------*/
|
| 2229 |
|
2117 |
|
| 2230 |
.logout_additional_content { padding-bottom: 20px; }
|
2118 |
.logout_additional_content { padding-bottom: 20px; }
|
| 2231 |
.logout_additional_content .start_side { float: left; }
|
2119 |
.logout_additional_content .start_side { float: left; }
|
| 2232 |
.logout_additional_content .flip_side { padding-left: 255px; text-align: center; }
|
2120 |
.logout_additional_content .flip_side { padding-left: 255px; text-align: center; }
|
| Line 2234... |
Line 2122... |
| 2234 |
.logout_additional_content .subtitle_text { font-size: 16px; margin-bottom: 5px; }
|
2122 |
.logout_additional_content .subtitle_text { font-size: 16px; margin-bottom: 5px; }
|
| 2235 |
.logout_additional_content p { width: 70%; margin: 0 auto; }
|
2123 |
.logout_additional_content p { width: 70%; margin: 0 auto; }
|
| 2236 |
|
2124 |
|
| 2237 |
|
2125 |
|
| 2238 |
/*-------------------------------------------------------------------
|
2126 |
/*-------------------------------------------------------------------
|
| 2239 |
$ My Account page
|
2127 |
My Account page
|
| 2240 |
-------------------------------------------------------------------*/
|
2128 |
-------------------------------------------------------------------*/
|
| 2241 |
|
2129 |
|
| 2242 |
.my_account h1 { margin-bottom: .2em; *zoom: 1; }
|
2130 |
.my_account h1 { margin-bottom: .2em; *zoom: 1; }
|
| 2243 |
.my_account .clear_cart { color: #21282e; }
|
2131 |
.my_account .clear_cart { color: #21282e; }
|
| 2244 |
|
2132 |
|
| Line 2307... |
Line 2195... |
| 2307 |
|
2195 |
|
| 2308 |
.change_address_info { display: none; }
|
2196 |
.change_address_info { display: none; }
|
| 2309 |
|
2197 |
|
| 2310 |
|
2198 |
|
| 2311 |
/*-------------------------------------------------------------------
|
2199 |
/*-------------------------------------------------------------------
|
| 2312 |
$ My Cart Summary page
|
2200 |
My Cart Summary page
|
| 2313 |
-------------------------------------------------------------------*/
|
2201 |
-------------------------------------------------------------------*/
|
| 2314 |
|
2202 |
|
| 2315 |
.promo_code { padding: 5px 10px; *padding-right: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; *display: inline; *zoom: 1; background: #21282e; color: #fff; text-align: left; }
|
2203 |
.promo_code { padding: 5px 10px; *padding-right: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; *display: inline; *zoom: 1; background: #21282e; color: #fff; text-align: left; }
|
| 2316 |
.promo_code input { width: 185px; height: 15px; margin: -3px 0 0 10px; vertical-align: middle; }
|
2204 |
.promo_code input { width: 185px; height: 15px; margin: -3px 0 0 10px; vertical-align: middle; }
|
| 2317 |
.promo_code .icon_question { margin: -3px 10px 0 5px; vertical-align: middle; }
|
2205 |
.promo_code .icon_question { margin: -3px 10px 0 5px; vertical-align: middle; }
|
| 2318 |
|
2206 |
|
| 2319 |
|
2207 |
|
| 2320 |
/*-------------------------------------------------------------------
|
2208 |
/*-------------------------------------------------------------------
|
| 2321 |
$ Plan Details page
|
2209 |
Plan Details page
|
| 2322 |
-------------------------------------------------------------------*/
|
2210 |
-------------------------------------------------------------------*/
|
| 2323 |
|
2211 |
|
| 2324 |
.plan_details_title { margin-top: .5em; }
|
2212 |
.plan_details_title { margin-top: .5em; }
|
| 2325 |
/* .plan_details_subtitle { width: 350px; } */
|
2213 |
/* .plan_details_subtitle { width: 350px; } */
|
| 2326 |
|
2214 |
|
| Line 2337... |
Line 2225... |
| 2337 |
.prepaid_popup_media { width: 100%; height: 190px; margin-bottom: 1em; line-height: 190px; }
|
2225 |
.prepaid_popup_media { width: 100%; height: 190px; margin-bottom: 1em; line-height: 190px; }
|
| 2338 |
.prepaid_popup_media img { vertical-align: middle; }
|
2226 |
.prepaid_popup_media img { vertical-align: middle; }
|
| 2339 |
|
2227 |
|
| 2340 |
|
2228 |
|
| 2341 |
/*-------------------------------------------------------------------
|
2229 |
/*-------------------------------------------------------------------
|
| 2342 |
$ Rewards page
|
2230 |
Rewards page
|
| 2343 |
-------------------------------------------------------------------*/
|
2231 |
-------------------------------------------------------------------*/
|
| 2344 |
|
2232 |
|
| 2345 |
.rewards_banner { height: 340px; }
|
2233 |
.rewards_banner { height: 340px; }
|
| 2346 |
|
2234 |
|
| 2347 |
/* .rewards .catalogue_item { height: 221px; } */
|
2235 |
/* .rewards .catalogue_item { height: 221px; } */
|
| Line 2355... |
Line 2243... |
| 2355 |
.mall_img img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
|
2243 |
.mall_img img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
|
| 2356 |
.mall_details { width: 340px; min-height: 120px; padding-left: 230px; *padding-left: 2em; margin-top: .2em; color: #333; } /* Again, float behaviour differs a bit in IE7, so need to reduce padding to compensate */
|
2244 |
.mall_details { width: 340px; min-height: 120px; padding-left: 230px; *padding-left: 2em; margin-top: .2em; color: #333; } /* Again, float behaviour differs a bit in IE7, so need to reduce padding to compensate */
|
| 2357 |
|
2245 |
|
| 2358 |
|
2246 |
|
| 2359 |
/*-------------------------------------------------------------------
|
2247 |
/*-------------------------------------------------------------------
|
| 2360 |
$ Reload page
|
2248 |
Reload page
|
| 2361 |
-------------------------------------------------------------------*/
|
2249 |
-------------------------------------------------------------------*/
|
| 2362 |
|
2250 |
|
| 2363 |
.tbl_reload_form { width: 80%; margin-top: 1em; }
|
2251 |
.tbl_reload_form { width: 80%; margin-top: 1em; }
|
| 2364 |
.tbl_reload_form label { margin-bottom: .5em; display: block; }
|
2252 |
.tbl_reload_form label { margin-bottom: .5em; display: block; }
|
| 2365 |
.two_columns.payment_methods { width: 420px; }
|
2253 |
.two_columns.payment_methods { width: 420px; }
|
| Line 2368... |
Line 2256... |
| 2368 |
|
2256 |
|
| 2369 |
.payment_additional_info { display: none; }
|
2257 |
.payment_additional_info { display: none; }
|
| 2370 |
|
2258 |
|
| 2371 |
|
2259 |
|
| 2372 |
/*-------------------------------------------------------------------
|
2260 |
/*-------------------------------------------------------------------
|
| 2373 |
$ Search page
|
2261 |
Search page
|
| 2374 |
-------------------------------------------------------------------*/
|
2262 |
-------------------------------------------------------------------*/
|
| 2375 |
|
2263 |
|
| 2376 |
.sub_search_category.dropdown_con { width: 120px; margin-right: 1em; font-weight: bold; }
|
2264 |
.sub_search_category.dropdown_con { width: 120px; margin-right: 1em; font-weight: bold; }
|
| 2377 |
.sub_search_category .dropdown_btn { white-space: normal; overflow: visible; text-overflow: visible; }
|
2265 |
.sub_search_category .dropdown_btn { white-space: normal; overflow: visible; text-overflow: visible; }
|
| 2378 |
.sub_search input[type="text"] { font-size: 18px; }
|
2266 |
.sub_search input[type="text"] { font-size: 18px; }
|
| Line 2383... |
Line 2271... |
| 2383 |
.result_details p { padding: 0; }
|
2271 |
.result_details p { padding: 0; }
|
| 2384 |
.search_src { color: #008000; }
|
2272 |
.search_src { color: #008000; }
|
| 2385 |
|
2273 |
|
| 2386 |
|
2274 |
|
| 2387 |
/*-------------------------------------------------------------------
|
2275 |
/*-------------------------------------------------------------------
|
| 2388 |
$ Sitemap page
|
2276 |
Sitemap page
|
| 2389 |
-------------------------------------------------------------------*/
|
2277 |
-------------------------------------------------------------------*/
|
| 2390 |
|
2278 |
|
| 2391 |
.horizontal_divider + h3 { position: relative; }
|
2279 |
.horizontal_divider + h3 { position: relative; }
|
| 2392 |
|
2280 |
|
| 2393 |
.tbl_sitemap { margin-top: 15px; }
|
2281 |
.tbl_sitemap { margin-top: 15px; }
|
| Line 2398... |
Line 2286... |
| 2398 |
.tbl_sitemap h4 a { text-decoration: none; }
|
2286 |
.tbl_sitemap h4 a { text-decoration: none; }
|
| 2399 |
.tbl_sitemap .link_list .group_title { margin-top: 10px; }
|
2287 |
.tbl_sitemap .link_list .group_title { margin-top: 10px; }
|
| 2400 |
|
2288 |
|
| 2401 |
|
2289 |
|
| 2402 |
/*-------------------------------------------------------------------
|
2290 |
/*-------------------------------------------------------------------
|
| 2403 |
$ Store Locator page
|
2291 |
Store Locator page
|
| 2404 |
-------------------------------------------------------------------*/
|
2292 |
-------------------------------------------------------------------*/
|
| 2405 |
|
2293 |
|
| 2406 |
.store_state.dropdown_con { width: 135px; }
|
2294 |
.store_state.dropdown_con { width: 135px; }
|
| 2407 |
.store_type.dropdown_con { width: 155px; }
|
2295 |
.store_type.dropdown_con { width: 155px; }
|
| 2408 |
.store_services_products.dropdown_con { width: 210px; }
|
2296 |
.store_services_products.dropdown_con { width: 210px; }
|
| Line 2428... |
Line 2316... |
| 2428 |
.store_locator_google_map .popup_content { height: 450px; }
|
2316 |
.store_locator_google_map .popup_content { height: 450px; }
|
| 2429 |
.store_locator_google_map .infowindow { width: 500px; }
|
2317 |
.store_locator_google_map .infowindow { width: 500px; }
|
| 2430 |
|
2318 |
|
| 2431 |
|
2319 |
|
| 2432 |
/*-------------------------------------------------------------------
|
2320 |
/*-------------------------------------------------------------------
|
| 2433 |
$ Whats Hot pages
|
2321 |
Whats Hot pages
|
| 2434 |
-------------------------------------------------------------------*/
|
2322 |
-------------------------------------------------------------------*/
|
| 2435 |
|
2323 |
|
| 2436 |
.whatshot .catalogue_item { width: 198px; height: 220px; padding: 10px; border: 1px solid #e5e5e5; }
|
2324 |
.whatshot .catalogue_item { width: 198px; height: 220px; padding: 10px; border: 1px solid #e5e5e5; }
|
| 2437 |
.whatshot .item_title { height: 3em; font-weight: bold; line-height: 1.2em; }
|
2325 |
.whatshot .item_title { height: 3em; font-weight: bold; line-height: 1.2em; }
|
| 2438 |
.whatshot .item_thumb { width: 200px; height: 100px; margin: 0 0 .25em -1px; }
|
2326 |
.whatshot .item_thumb { width: 200px; height: 100px; margin: 0 0 .25em -1px; }
|
| Line 2444... |
Line 2332... |
| 2444 |
.whatshot_temp_bg > img,
|
2332 |
.whatshot_temp_bg > img,
|
| 2445 |
.whatshot_top_img > img { border-radius: 5px 5px 0 0; }
|
2333 |
.whatshot_top_img > img { border-radius: 5px 5px 0 0; }
|
| 2446 |
.whatshot_temp_content { position: relative; z-index: 2; }
|
2334 |
.whatshot_temp_content { position: relative; z-index: 2; }
|
| 2447 |
|
2335 |
|
| 2448 |
/*-------------------------------------------------------------------
|
2336 |
/*-------------------------------------------------------------------
|
| 2449 |
$ Digi Survey Floating
|
2337 |
Digi Survey Floating
|
| 2450 |
-------------------------------------------------------------------*/
|
2338 |
-------------------------------------------------------------------*/
|
| 2451 |
.dsy_close
|
2339 |
.dsy_close
|
| 2452 |
{
|
2340 |
{
|
| 2453 |
display:block;
|
2341 |
display:block;
|
| 2454 |
background-image:url(/cs/site_template/ecommerce/images/digisurvey/close.png);
|
2342 |
background-image:url(/cs/site_template/ecommerce/images/digisurvey/close.png);
|