Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
12694 anikendra 1 
body {
2 
  float: left;
3 
  width: 100%;
4 
}
5 
* {
6 
  padding: 0;
7 
  margin: 0;
8 
}
9 
a {
10 
  text-decoration: none;
11 
  -webkit-tap-highlight-color: rgba(0,0,0,0.1);
12 
  color: #000;
13 
}
14 
input,
15 
select,
16 
a,
17 
div {
18 
  -webkit-tap-highlight-color: rgba(0,0,0,0.2);
19 
}
20 
input:active,
21 
select:active,
22 
a:active,
23 
.btn:active {
24 
  background: rgba(0,0,0,0.2);
25 
}
26 
body {
27 
  font: 0.625em Helvetica, Arial, sans-serif;
28 
  -webkit-font-smoothing: subpixel-antialiased;
29 
}
30 
img {
31 
  outline: none;
32 
  border: 0;
33 
  border-style: none;
34 
}
35 
input {
36 
  outline: 0;
37 
  -webkit-appearance: none;
38 
  -moz-appearance: none;
39 
  -o-appearance: none;
40 
  appearance: none;
41 
}
42 
input[type="checkbox"] {
43 
  -webkit-appearance: none;
44 
  -moz-appearance: none;
45 
  -o-appearance: none;
46 
  appearance: none;
47 
}
48 
select {
49 
  -webkit-appearance: none;
50 
  -moz-appearance: none;
51 
  -o-appearance: none;
52 
  appearance: none;
53 
}
54 
.ellip {
55 
  white-space: nowrap;
56 
  overflow: hidden;
57 
  text-overflow: ellipsis;
58 
}
59 
.clear {
60 
  clear: both;
61 
}
62 
.tcenter {
63 
  text-align: center;
64 
}
65 
.tright {
66 
  text-align: right;
67 
}
68 
.left {
69 
  float: left;
70 
}
71 
.right {
72 
  float: right;
73 
}
74 
.uppercase {
75 
  text-transform: uppercase !important;
76 
}
77 
.clearfix:after {
78 
  content: " ";
79 
  display: block;
80 
  clear: both;
81 
  visibility: hidden;
82 
  line-height: 0;
83 
  height: 0;
84 
}
85 
.clearfix {
86 
  display: block;
87 
}
88 
html[xmlns] .clearfix {
89 
  display: block;
90 
}
91 
* html .clearfix {
92 
  height: 1px;
93 
}
94 
select::-ms-expand {
95 
  display: none;
96 
  color: #ffffff;
97 
}
98 
select::selection {
99 
  background-color: black;
100 
}
101 
input[type="checkbox"]::-ms-check {
102 
  display: none;
103 
}
104 
.boxsize {
105 
  box-sizing: border-box;
106 
  -webkit-box-sizing: border-box;
107 
  -moz-box-sizing: border-box;
108 
}
109 
header {
110 
  background: #3971b8;
111 
}
112 
header .menu {
113 
  float: left;
114 
  width: 40px;
115 
  height: 45px;
116 
  background: url("../images/sprite1.png") no-repeat;
117 
  background-position: 0 0;
118 
  background-size: 107px;
119 
}
120 
header h1 {
121 
  display: inline-block;
122 
  height: 40px;
123 
}
124 
header h1 a {
125 
  display: block;
126 
  height: 40px;
127 
}
128 
header h1 img {
129 
  height: 40px;
130 
}
131 
header .profile {
132 
  float: right;
133 
  width: 40px;
134 
  height: 45px;
135 
  background: url("../images/sprite1.png") no-repeat center center;
136 
  background-size: 139px;
137 
  background-position: -8px -56px;
138 
}
139 
header .profile.selected-pr {
140 
  background: url("../images/sprite1.png") no-repeat;
141 
  background-size: 139px;
142 
  background-position: -91px -56px;
143 
}
144 
header .cart {
145 
  display: block;
146 
  float: right;
147 
  width: 40px;
148 
  height: 45px;
149 
  background: url("../images/sprite1.png") no-repeat;
150 
  background-size: 104px;
151 
  position: relative;
152 
  background-position: -65px 2px;
153 
}
154 
header .cart span {
155 
  position: absolute;
156 
  right: 19px;
157 
  background: #F1C618;
158 
  top: 25px;
159 
  border-radius: 43px;
160 
  -o-border-radius: 43px;
161 
  width: 15px;
162 
  height: 15px;
163 
  text-align: center;
164 
  line-height: 15px;
165 
  font-weight: bold;
166 
  color: #3971b8;
167 
}
168 
.search-box {
169 
  width: 100%;
170 
  padding: 5px 2% 5px;
171 
  background: #f2f3ef;
172 
  box-sizing: border-box;
173 
  -webkit-box-sizing: border-box;
174 
  -moz-box-sizing: border-box;
175 
}
176 
.search-box .search-hldr {
177 
  background: #ffffff;
178 
  padding: 2px;
179 
  border: #c7c7c7 solid 1px;
180 
  box-sizing: border-box;
181 
  -webkit-box-sizing: border-box;
182 
  -moz-box-sizing: border-box;
183 
}
184 
.search-box .search-hldr input {
185 
  border: 0;
186 
  appearance: none;
187 
  -webkit-appearance: none;
188 
  -moz-appearance: none;
189 
  float: left;
190 
  width: 80%;
191 
  padding: 5px;
192 
  color: #555555;
193 
  box-sizing: border-box;
194 
  -webkit-box-sizing: border-box;
195 
  -moz-box-sizing: border-box;
196 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
197 
  line-height: 25px;
198 
  margin: 0;
199 
  display: block;
200 
}
201 
.search-box .search-hldr .search {
202 
  float: right;
203 
  width: 20%;
204 
  height: 35px;
205 
  background: url("../images/search.PNG") no-repeat center center, #ff7201;
206 
  background-size: 20px, 100%;
207 
  max-width: 45px;
208 
}
209 
#search-result {
210 
  left: 0;
211 
  width: 96%;
212 
  margin: 0 2% 5px;
213 
  box-sizing: border-box;
214 
  -webkit-box-sizing: border-box;
215 
  -moz-box-sizing: border-box;
216 
  background: #ffffff;
217 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
218 
  border-top: none;
219 
  position: absolute;
220 
  z-index: 15;
221 
  box-shadow: 0px 8px 11px -3px rgba(0,0,0,0.4);
222 
}
223 
#search-result div {
224 
  color: #555555;
225 
  border-left: #c7c7c7 solid 1px;
226 
  border-right: #c7c7c7 solid 1px;
227 
  text-transform: capitalize;
228 
}
229 
#search-result div a {
230 
  display: block;
231 
  padding: 5px 2px 5px 7px;
232 
}
233 
#search-result div .highlight {
234 
  color: #3971b8;
235 
}
236 
#search-result div:last-child {
237 
  border-bottom: #c7c7c7 solid 1px;
238 
}
239 
.recharge-head {
240 
  font: normal 2em/1.2em Helvetica, Arial, sans-serif;
241 
  margin-top: 5px;
242 
  padding: 5px 5px 5px 7px;
243 
  color: #555555;
244 
  border-left: #1fabf6 solid 5px;
245 
}
246 
.offers {
247 
  background: #f2f3ef;
248 
  text-transform: capitalize;
249 
  color: #ffffff;
250 
  padding: 10px 5px;
251 
}
252 
.offers a:nth-of-type(1) {
253 
  color: #ffffff;
254 
  display: block;
255 
  background: url("../images/sprite1.png") no-repeat, #50c25f;
256 
  background-size: 92px, 100%;
257 
  background-position: -27px -110px;
258 
  width: 100%;
259 
  padding: 10px 0;
260 
  border-radius: 2px;
261 
  -o-border-radius: 2px;
262 
  box-sizing: border-box;
263 
  -webkit-box-sizing: border-box;
264 
  -moz-box-sizing: border-box;
265 
  float: left;
266 
  text-align: center;
267 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
268 
  padding-left: 22px;
269 
}
270 
.offers a:nth-of-type(2) {
271 
  display: block;
272 
  color: #ffffff;
273 
  background: url("../images/sprite1.png") no-repeat, #1fabf6;
274 
  background-size: 111px, 100%;
275 
  background-position: -33px -89px;
276 
  width: 100%;
277 
  padding: 10px 8px 10px 36px;
278 
  box-sizing: border-box;
279 
  -webkit-box-sizing: border-box;
280 
  -moz-box-sizing: border-box;
281 
  float: right;
282 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
283 
  text-align: center;
284 
  white-space: nowrap;
285 
  overflow: hidden;
286 
  text-overflow: ellipsis;
287 
  border-radius: 2px;
288 
  -o-border-radius: 2px;
289 
  margin-top: 7px;
290 
}
291 
.menu-cat .cat-head {
292 
  padding: 10px 0 10px 7px;
293 
  font: normal 2.2em/1.2em Helvetica, Arial, sans-serif;
294 
  color: #555555;
295 
  text-transform: capitalize;
296 
  border-left: #1fabf6 solid 5px;
297 
}
298 
.menu-cat .cat {
299 
  padding: 6px 8px 6px 8px;
300 
  margin-bottom: 1px;
301 
  color: #555555;
302 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
303 
}
304 
.menu-cat .cat .icon-hldr {
305 
  display: inline-block;
306 
  width: 30px;
307 
  height: 30px;
308 
  float: left;
309 
}
310 
.menu-cat .cat div {
311 
  padding-left: 5px;
312 
  margin-top: 5px;
313 
  float: left;
314 
  text-transform: uppercase;
315 
}
316 
.menu-cat .cat span:nth-of-type(2) {
317 
  float: right;
318 
  margin-top: 4px;
319 
}
320 
.menu-cat .cat.odd {
321 
  background: #e5e6e0;
322 
}
323 
.menu-cat .cat.even {
324 
  background: #f2f3ef;
325 
}
326 
.menu-cat .cat:last-child {
327 
  margin-bottom: 0 !important;
328 
}
329 
.menu-cat .cat-sub {
330 
  width: 100%;
331 
  padding: 0 45px;
332 
  margin-bottom: 5px;
333 
  box-sizing: border-box;
334 
  -webkit-box-sizing: border-box;
335 
  -moz-box-sizing: border-box;
336 
}
337 
.menu-cat .cat-sub a {
338 
  display: block;
339 
  padding: 8px 0;
340 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
341 
  color: #888888;
342 
  border-bottom: #f1f1f1 solid 1px;
343 
  text-transform: capitalize;
344 
}
345 
.recommended-pd {
346 
  border-bottom: #d5d5d5 solid 1px;
347 
}
348 
.recommended-pd .head {
349 
  text-transform: capitalize;
350 
  color: #555555;
351 
  margin: 5px 0 0;
352 
}
353 
.recommended-pd .head div:nth-of-type(1) {
354 
  display: inline-block;
355 
  border-left: #1fabf6 solid 5px;
356 
  padding: 5px 5px 5px 7px;
357 
  font: normal 2.0em/1.2em Helvetica, Arial, sans-serif;
358 
}
359 
.recommended-pd .head div:nth-of-type(2) {
360 
  float: right;
361 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
362 
  color: #555555;
363 
  border-bottom: #a2a2a2 solid 1px;
364 
  margin-top: 7px;
365 
  margin-right: 5px;
366 
}
367 
.recommended-pd .rec-hldr {
368 
  overflow: auto;
369 
}
370 
.recommended-pd .rec-hldr .rec-wrapper {
371 
  display: inline-block;
372 
  white-space: nowrap;
373 
}
374 
.recommended-pd .rec-hldr .rec-product {
375 
  margin: 10px 0;
376 
  display: inline-block;
377 
  width: 180px;
378 
  border-right: #d5d5d5 solid 1px;
379 
  text-align: center;
380 
  padding: 5px;
381 
  box-sizing: border-box;
382 
  -webkit-box-sizing: border-box;
383 
  -moz-box-sizing: border-box;
384 
}
385 
.recommended-pd .rec-hldr .rec-product img {
386 
  height: 100px;
387 
}
388 
.recommended-pd .rec-hldr .rec-product .pd-name {
389 
  color: #555555;
390 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
391 
  text-align: center;
392 
  white-space: nowrap;
393 
  overflow: hidden;
394 
  text-overflow: ellipsis;
395 
}
396 
.recommended-pd .rec-hldr .rec-product .pd-desc {
397 
  text-align: center;
398 
  white-space: nowrap;
399 
  overflow: hidden;
400 
  text-overflow: ellipsis;
401 
  font: normal 1.1em/1.2em Helvetica, Arial, sans-serif;
402 
  padding-top: 5px;
403 
}
404 
.recommended-pd .rec-hldr .rec-product .pd-price {
405 
  text-align: center;
406 
  padding-top: 5px;
407 
}
408 
.recommended-pd .rec-hldr .rec-product .pd-price span {
409 
  display: inline-block;
410 
}
411 
.recommended-pd .rec-hldr .rec-product .pd-price span:nth-of-type(1) {
412 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
413 
  font-weight: bold;
414 
  color: #555555;
415 
}
416 
.recommended-pd .rec-hldr .rec-product .pd-price span:nth-of-type(2) {
417 
  color: #555555;
418 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
419 
  text-decoration: line-through;
420 
  padding: 0 5px;
421 
}
422 
.recommended-pd .rec-hldr .rec-product .pd-price span:nth-of-type(3) {
423 
  color: #555555;
424 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
425 
  font-weight: bold;
426 
}
427 
.features {
428 
  margin: 0 0 10px;
429 
  border-top: 2px solid #ffffff;
430 
}
431 
.features a {
432 
  width: 25%;
433 
  color: #888888;
434 
  text-align: center;
435 
  height: 95px;
436 
  border-right: #ffffff solid 2px;
437 
  box-sizing: border-box;
438 
  -webkit-box-sizing: border-box;
439 
  -moz-box-sizing: border-box;
440 
  float: left;
441 
}
442 
.features a p {
443 
  margin-top: 48px;
444 
  padding: 0 3px;
445 
}
446 
.features .on-time {
447 
  background: url("../images/on-time.PNG") no-repeat center 13px, #f1f1f1;
448 
  background-size: 30px, 100%;
449 
}
450 
.features .in-store {
451 
  background: url("../images/in-store.PNG") no-repeat center 12px, #f1f1f1;
452 
  background-size: 33px, 100%;
453 
}
454 
.features .emi {
455 
  background: url("../images/emi.PNG") no-repeat center 20px, #f1f1f1;
456 
  background-size: 42px, 100%;
457 
}
458 
.features .insure {
459 
  background: url("../images/insure.PNG") no-repeat center 12px, #f1f1f1;
460 
  background-size: 27px, 100%;
461 
  border-right: none;
462 
}
463 
.features div:nth-of-type(4) {
464 
  border-right: none;
465 
}
466 
footer {
467 
  border-top: #c7c7c7 solid 1px;
468 
  color: #1fabf6;
469 
  padding: 10px 2px 10px 2px;
470 
  text-align: center;
471 
}
472 
footer a {
473 
  color: #555555;
474 
  text-transform: uppercase;
475 
  padding: 0px 10px;
476 
  border-right: 1px solid #c7c7c7;
477 
}
478 
footer a:last-child {
479 
  border-right: none;
480 
}
481 
.swipe {
482 
  overflow: hidden;
483 
  visibility: hidden;
484 
  position: relative;
485 
}
486 
.swipe-wrap {
487 
  overflow: hidden;
488 
  position: relative;
489 
}
490 
.swipe-wrap > div {
491 
  float: left;
492 
  width: 100%;
493 
  position: relative;
494 
}
495 
.swipe-wrap div a {
496 
  width: 100%;
497 
  display: block;
498 
}
499 
.swipe-wrap div a img {
500 
  width: 100%;
501 
}
502 
.slider-circles {
503 
  margin-top: 5px;
504 
  text-align: center;
505 
}
506 
.slider-circles .circle {
507 
  width: 8px;
508 
  height: 8px;
509 
  border-radius: 8px;
510 
  -o-border-radius: 8px;
511 
  background: #3971b8;
512 
  border: #ffffff solid 2px;
513 
  box-sizing: border-box;
514 
  -webkit-box-sizing: border-box;
515 
  -moz-box-sizing: border-box;
516 
  margin-right: 4px;
517 
  display: inline-block;
518 
}
519 
.slider-circles .circle.selected {
520 
  background: #3971b8;
521 
  border: none;
522 
}
523 
#prev {
524 
  width: 30px;
525 
  height: 30px;
526 
  background: rgba(0,0,0,0.6);
527 
  position: absolute;
528 
  top: 50%;
529 
  left: 0;
530 
  margin-top: -15px;
531 
  display: none;
532 
  background: url("../images/left_arrow.png") no-repeat center center, rgba(0,0,0,0.6);
533 
  background-size: 15px, 100%;
534 
}
535 
#next {
536 
  width: 30px;
537 
  height: 30px;
538 
  position: absolute;
539 
  top: 50%;
540 
  right: 0;
541 
  margin-top: -15px;
542 
  display: none;
543 
  background: url("../images/right_arrow1.png") no-repeat center center, rgba(0,0,0,0.6);
544 
  background-size: 15px, 100%;
545 
}
546 
.side-menu {
547 
  display: none;
548 
  position: absolute;
549 
  top: 45px;
550 
  left: 0;
551 
  z-index: 14;
552 
  width: 85%;
553 
  box-shadow: 2px 18px 38px -12px rgba(0,0,0,0.5);
554 
  background: #ffffff;
555 
}
556 
.side-menu .menu-head {
557 
  padding: 12px;
558 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
559 
  background: #ff7201;
560 
  color: #ffffff;
561 
}
562 
.side-menu .menu-head >a {
563 
  float: right;
564 
  width: 22px;
565 
  height: 22px;
566 
  background: url("../images/home.png") no-repeat center center;
567 
  background-size: 20px;
568 
}
569 
.side-menu .cat-title {
570 
  padding: 3px 0 3px 6px;
571 
  background: #e5e6e0;
572 
  border-bottom: #ffffff solid 1px;
573 
}
574 
.side-menu .cat-title span {
575 
  display: inline-block;
576 
  width: 30px;
577 
  height: 30px;
578 
  float: left;
579 
}
580 
.side-menu .cat-title div {
581 
  color: #555555;
582 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
583 
  font-weight: bold;
584 
  padding-left: 5px;
585 
  margin-top: 7px;
586 
  float: left;
587 
  text-transform: uppercase;
588 
}
589 
.side-menu .cat-sub {
590 
  width: 100%;
591 
  background: #f2f3ef;
592 
  color: #555555;
593 
  border-bottom: #ffffff solid 1px;
594 
}
595 
.side-menu .cat-sub a {
596 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
597 
  float: left;
598 
  padding: 7px 0 7px 49px;
599 
  display: block;
600 
  text-transform: capitalize;
601 
  width: 100%;
602 
  box-sizing: border-box;
603 
  -webkit-box-sizing: border-box;
604 
  -moz-box-sizing: border-box;
605 
}
606 
.mask {
607 
  position: absolute;
608 
  width: 100%;
609 
  height: 100%;
610 
  background: rgba(0,0,0,0);
611 
  top: 45px;
612 
  left: 0;
613 
  z-index: 10;
614 
  display: none;
615 
}
616 
.profile-overlay {
617 
  width: 85%;
618 
  position: absolute;
619 
  z-index: 14;
620 
  top: 45px;
621 
  right: 0;
622 
  box-sizing: border-box;
623 
  -webkit-box-sizing: border-box;
624 
  -moz-box-sizing: border-box;
625 
  background: #f2f3ef;
626 
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
627 
  text-align: right;
628 
}
629 
.profile-overlay >div:first-child {
630 
  padding: 12px;
631 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
632 
  background: #ff7201;
633 
  color: #ffffff;
634 
}
635 
.profile-overlay a {
636 
  display: block;
637 
  color: #555555;
638 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
639 
  font-weight: bold;
640 
  padding: 10px 20px 10px 10px;
641 
  width: 100%;
642 
  background: #e5e6e0;
643 
  border-bottom: #ffffff solid 1px;
644 
  box-sizing: border-box;
645 
  -webkit-box-sizing: border-box;
646 
  -moz-box-sizing: border-box;
647 
}
648 
.profile-overlay a > span {
649 
  float: left;
650 
  font-weight: normal;
651 
}
652 
.sucess-reg {
653 
  padding: 5px;
654 
  margin: 5px;
655 
  color: #50c25f;
656 
  border: #50c25f dashed 1px;
657 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
658 
}
659 
.pace {
660 
  -webkit-pointer-events: none;
661 
  pointer-events: none;
662 
  z-index: 2000;
663 
  position: fixed;
664 
  height: 60px;
665 
  width: 60px;
666 
  margin: auto;
667 
  top: 0;
668 
  left: 0;
669 
  right: 0;
670 
  bottom: 0;
671 
}
672 
.pace.pace-inactive .pace-activity {
673 
  display: none;
674 
}
675 
.pace-activity {
676 
  position: fixed;
677 
  z-index: 2000;
678 
  display: block;
679 
  position: absolute;
680 
  left: 4px;
681 
  top: 4px;
682 
  height: 30px;
683 
  width: 30px;
684 
  border-width: 10px;
685 
  border-style: double;
686 
  border-color: #3971B8 rgba(0,0,0,0) rgba(0,0,0,0);
687 
  border-radius: 50px;
688 
  -o-border-radius: 8px;
689 
  -webkit-animation: spin 1s linear infinite;
690 
  -moz-animation: spin 1s linear infinite;
691 
  -o-animation: spin 1s linear infinite;
692 
  animation: spin 1s linear infinite;
693 
}
694 
.pace-activity:before {
695 
  content: ' ';
696 
  position: absolute;
697 
  top: 4px;
698 
  left: 0px;
699 
  height: 20px;
700 
  width: 20px;
701 
  display: block;
702 
  border-width: 0px;
703 
  border-style: solid;
704 
  border-color: #FF8700 rgba(0,0,0,0) rgba(0,0,0,0);
705 
  border-radius: 54px;
706 
  -o-border-radius: 54px;
707 
}
708 
@-webkit-keyframes spin {
709 
  100% {
710 
    -webkit-transform: rotate(359deg);
711 
  }
712 
}
713 
@-moz-keyframes spin {
714 
  100% {
715 
    -moz-transform: rotate(359deg);
716 
  }
717 
}
718 
@-o-keyframes spin {
719 
  100% {
720 
    -moz-transform: rotate(359deg);
721 
  }
722 
}
723 
@keyframes spin {
724 
  100% {
725 
    transform: rotate(359deg);
726 
  }
727 
}
728 
.welcome-popup {
729 
  display: none;
730 
  background: rgba(0,0,0,0.6);
731 
  position: absolute;
732 
  width: 100%;
733 
  height: 100%;
734 
  top: 0;
735 
  left: 0;
736 
  bottom: 0;
737 
  z-index: 1000;
738 
}
739 
.popup {
740 
  display: none;
741 
  z-index: 1010;
742 
  position: absolute;
743 
  width: 80%;
744 
  left: 10%;
745 
  top: 20%;
746 
  -webkit-appearance: none;
747 
  -moz-appearance: none;
748 
  -o-appearance: none;
749 
  appearance: none;
750 
  background: #3971b8;
751 
  box-sizing: border-box;
752 
  -webkit-box-sizing: border-box;
753 
  -moz-box-sizing: border-box;
754 
  padding: 20px 10px;
755 
  text-align: center;
756 
}
757 
.popup img {
758 
  width: 50%;
759 
  max-width: 250px;
760 
  margin-bottom: 15px;
761 
}
762 
.popup p {
763 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
764 
  margin-bottom: 20px;
765 
  color: #ffffff;
766 
}
767 
.popup .m-btn {
768 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
769 
  padding: 8px 0;
770 
  background: #ff7201;
771 
  color: #ffffff;
772 
  margin-bottom: 20px;
773 
  text-transform: uppercase;
774 
}
775 
.popup .desktop-link {
776 
  text-decoration: underline;
777 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
778 
  color: #ffffff;
779 
}
780 
.shipping-head {
781 
  border-top: #e5e6e0 solid 1px;
782 
  position: relative;
783 
  box-sizing: border-box;
784 
  -webkit-box-sizing: border-box;
785 
  -moz-box-sizing: border-box;
786 
  width: 100%;
787 
  border: #FFF solid 1px;
788 
  border-left: none;
789 
  border-right: none;
790 
}
791 
.shipping-head .shipping,
792 
.shipping-head .payment {
793 
  float: left;
794 
  width: 50%;
795 
  padding: 10px 0;
796 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
797 
  font-weight: bold;
798 
  color: #ffffff;
799 
  text-align: center;
800 
  box-sizing: border-box;
801 
  -webkit-box-sizing: border-box;
802 
  -moz-box-sizing: border-box;
803 
  text-transform: uppercase;
804 
  height: 45px;
805 
  line-height: 28px;
806 
  position: relative;
807 
  background: #1fabf6;
808 
}
809 
.shipping-head .payment {
810 
  float: right !important;
811 
  color: #ffffff;
812 
  background: #888888;
813 
  padding-left: 7%;
814 
}
815 
.shipping-head .shipping:after {
816 
  content: "";
817 
  position: absolute;
818 
  top: 0px;
819 
  right: -22px;
820 
  border-style: solid;
821 
  border-width: 22px 0 22px 22px;
822 
  border-color: transparent #1fabf6;
823 
  display: block;
824 
  width: 0;
825 
  z-index: 1;
826 
}
827 
.shipping-head .payment:before {
828 
  content: "";
829 
  position: absolute;
830 
  top: -3px;
831 
  left: 0;
832 
  border-style: solid;
833 
  border-width: 25px 0 25px 25px;
834 
  border-color: rgba(0,0,0,0) #FFF;
835 
  display: block;
836 
  width: 0;
837 
  z-index: 0;
838 
}
839 
select {
840 
  width: 100%;
841 
  appearance: none;
842 
  -webkit-appearance: none;
843 
  border: #e5e6e0 solid 1px;
844 
  color: #555555;
845 
  border-radius: 0;
846 
  outline: none;
847 
  padding: 10px;
848 
  display: block;
849 
  box-sizing: border-box;
850 
  -webkit-box-sizing: border-box;
851 
  -moz-box-sizing: border-box;
852 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
853 
  margin: 2px 0 8px 0;
854 
  background: url('../images/dropdown.PNG') no-repeat 99% 16px, #ffffff;
855 
  background-size: 20px, 100%;
856 
}
857 
.shipping-cont {
858 
  padding: 10px 5px;
859 
  background: #f2f3ef;
860 
}
861 
.shipping-cont form {
862 
  padding: 5px 0;
863 
}
864 
.shipping-cont form fieldset {
865 
  border: none;
866 
}
867 
.shipping-cont label {
868 
  font-weight: bold;
869 
  display: block;
870 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
871 
  color: #555555;
872 
  margin-top: 5px;
873 
}
874 
.shipping-cont label span {
875 
  color: red;
876 
}
877 
.shipping-cont input[type="submit"] {
878 
  float: left;
879 
  width: 100%;
880 
  margin: 10px 0;
881 
  background: #ff7201;
882 
  color: #ffffff;
883 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
884 
  text-align: center;
885 
  padding: 8px 0;
886 
  text-transform: uppercase;
887 
  appearance: none;
888 
  -webkit-appearance: none;
889 
  -moz-appearance: none;
890 
  border: none;
891 
}
892 
.shipping-cont .deliver-info {
893 
  border: #c8c8c8 solid 1px;
894 
}
895 
.shipping-cont .deliver-info >div:nth-of-type(1) {
896 
  float: left;
897 
  width: 50%;
898 
  box-sizing: border-box;
899 
  -webkit-box-sizing: border-box;
900 
  -moz-box-sizing: border-box;
901 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
902 
  background: #555555;
903 
  padding: 10px 0;
904 
  color: #ffffff;
905 
  text-align: center;
906 
}
907 
.shipping-cont .deliver-info >div:nth-of-type(2) {
908 
  float: left;
909 
  width: 50%;
910 
  box-sizing: border-box;
911 
  -webkit-box-sizing: border-box;
912 
  -moz-box-sizing: border-box;
913 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
914 
  color: #ffffff;
915 
  background: #555555;
916 
  padding: 10px 0;
917 
  text-align: center;
918 
}
919 
.shipping-cont .deliver-info .selected {
920 
  background: #ffffff !important;
921 
  color: #1fabf6 !important;
922 
  font-weight: bold !important;
923 
}
924 
.shipping-cont .deliver-info .deliver-here,
925 
.shipping-cont .deliver-info .pickup {
926 
  background: #ffffff;
927 
  padding: 5px;
928 
}
929 
.shipping-cont .deliver-info .deliver-address,
930 
.shipping-cont .deliver-info .pickup-spot {
931 
  padding: 5px;
932 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
933 
  color: #555555;
934 
  border-bottom: #c8c8c8 solid 1px;
935 
  position: relative;
936 
}
937 
.shipping-cont .deliver-info .deliver-address .cancel-btn,
938 
.shipping-cont .deliver-info .pickup-spot .cancel-btn {
939 
  position: absolute;
940 
  bottom: 4px;
941 
  right: 0;
942 
  width: 48px;
943 
  background-size: contain;
944 
  text-decoration: underline;
945 
  color: red;
946 
}
947 
.shipping-cont .deliver-info .add-address {
948 
  padding-top: 10px;
949 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
950 
  color: #555555;
951 
  text-align: right;
952 
  text-decoration: underline;
953 
  text-decoration-color: #c8c8c8;
954 
}
955 
.shipping-cont .deliver-info .selected-add {
956 
  border: dashed 1px #c8c8c8;
957 
  background: url('../images/check-sh.png') no-repeat 99% 4px;
958 
  background-size: 20px;
959 
}
960 
.shipping-cont .deliver-info .selected-add .cancel-btn {
961 
  display: none;
962 
}
963 
.shipping-cont .summary-head {
964 
  margin-top: 10px;
965 
  background: #ffffff;
966 
  padding: 10px 6px;
967 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
968 
  font-weight: bold;
969 
  color: #555555;
970 
  border: #c8c8c8 solid 1px;
971 
  text-transform: capitalize;
972 
}
973 
.shipping-cont .summary-head >span {
974 
  float: right;
975 
}
976 
.shipping-cont .order-summary {
977 
  border: #c8c8c8 solid 1px;
978 
  border-top: none;
979 
  background: #ffffff;
980 
}
981 
.shipping-cont .order-summary .os-head,
982 
.shipping-cont .order-summary .pd-summ {
983 
  border-bottom: #c8c8c8 solid 1px;
984 
}
985 
.shipping-cont .order-summary .os-head > div {
986 
  font-weight: bold;
987 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
988 
  text-transform: capitalize;
989 
}
990 
.shipping-cont .order-summary .os-head >div:nth-of-type(1),
991 
.shipping-cont .order-summary .pd-summ>div:nth-of-type(1) {
992 
  float: left;
993 
  width: 45%;
994 
  box-sizing: border-box;
995 
  -webkit-box-sizing: border-box;
996 
  -moz-box-sizing: border-box;
997 
  border-right: #c8c8c8 solid 1px;
998 
  padding: 5px 3px;
999 
}
1000 
.shipping-cont .order-summary .os-head > div:nth-of-type(2),
1001 
.shipping-cont .order-summary .pd-summ>div:nth-of-type(2) {
1002 
  float: left;
1003 
  width: 30%;
1004 
  box-sizing: border-box;
1005 
  -webkit-box-sizing: border-box;
1006 
  -moz-box-sizing: border-box;
1007 
  padding: 5px 3px;
1008 
  text-align: center;
1009 
  text-overflow: ellipsis;
1010 
  overflow: hidden;
1011 
  white-space: nowrap;
1012 
}
1013 
.shipping-cont .order-summary .os-head > div:nth-of-type(3),
1014 
.shipping-cont .order-summary .pd-summ>div:nth-of-type(3) {
1015 
  float: left;
1016 
  width: 25%;
1017 
  box-sizing: border-box;
1018 
  -webkit-box-sizing: border-box;
1019 
  -moz-box-sizing: border-box;
1020 
  padding: 5px 3px;
1021 
  text-align: center;
1022 
  border-left: #c8c8c8 solid 1px;
1023 
}
1024 
.shipping-cont .order-summary .pd-summ>div>div {
1025 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1026 
  border: none !important;
1027 
  text-transform: capitalize;
1028 
  text-overflow: ellipsis;
1029 
  overflow: hidden;
1030 
  white-space: nowrap;
1031 
}
1032 
.shipping-cont .order-summary .pd-summ>div>span {
1033 
  color: #888888;
1034 
}
1035 
.shipping-cont .order-summary .pd-summ>div:nth-of-type(2) {
1036 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1037 
}
1038 
.shipping-cont .order-summary .add-ons >div:nth-of-type(1) {
1039 
  float: left;
1040 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1041 
  width: 75%;
1042 
  padding: 5px 3px;
1043 
  box-sizing: border-box;
1044 
  -webkit-box-sizing: border-box;
1045 
  -moz-box-sizing: border-box;
1046 
  text-transform: capitalize;
1047 
}
1048 
.shipping-cont .order-summary .add-ons >div:nth-of-type(2) {
1049 
  float: left;
1050 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1051 
  width: 25%;
1052 
  padding: 5px 3px;
1053 
  text-align: center;
1054 
  box-sizing: border-box;
1055 
  -webkit-box-sizing: border-box;
1056 
  -moz-box-sizing: border-box;
1057 
  text-transform: capitalize;
1058 
}
1059 
.gd-total {
1060 
  border: #c8c8c8 solid 1px;
1061 
  border-bottom: none;
1062 
  background: #ffffff;
1063 
  margin-top: 10px;
1064 
  color: #555555;
1065 
}
1066 
.gd-total >div:nth-of-type(odd) {
1067 
  float: left;
1068 
  width: 60%;
1069 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1070 
  box-sizing: border-box;
1071 
  -webkit-box-sizing: border-box;
1072 
  -moz-box-sizing: border-box;
1073 
  padding: 10px 5px;
1074 
  border-right: #c8c8c8 solid 1px;
1075 
  border-bottom: #c8c8c8 solid 1px;
1076 
}
1077 
.gd-total >div:nth-of-type(even) {
1078 
  float: left;
1079 
  width: 40%;
1080 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1081 
  box-sizing: border-box;
1082 
  -webkit-box-sizing: border-box;
1083 
  -moz-box-sizing: border-box;
1084 
  padding: 10px 5px;
1085 
  text-align: center;
1086 
  border-bottom: #c8c8c8 solid 1px;
1087 
}
1088 
.gd-total >div.discount {
1089 
  color: tomato !important;
1090 
}
1091 
.procced-btn {
1092 
  display: block;
1093 
  width: 100%;
1094 
  margin: 10px 0;
1095 
  background: #ff7201;
1096 
  color: #ffffff;
1097 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
1098 
  text-align: center;
1099 
  padding: 8px 0;
1100 
  text-transform: uppercase;
1101 
  appearance: none;
1102 
  -webkit-appearance: none;
1103 
  border: none;
1104 
}
1105 
input[type="text"],
1106 
input[type="number"],
1107 
input[type="date"] {
1108 
  width: 100%;
1109 
  appearance: none;
1110 
  -webkit-appearance: none;
1111 
  -moz-appearance: none;
1112 
  border: #E5E6E0 solid 1px;
1113 
  color: #555;
1114 
  border-radius: 0;
1115 
  outline: none;
1116 
  padding: 10px;
1117 
  display: block;
1118 
  box-sizing: border-box;
1119 
  -webkit-box-sizing: border-box;
1120 
  -moz-box-sizing: border-box;
1121 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1122 
  margin: 2px 0 8px 0;
1123 
}
1124 
.gd-discount {
1125 
  color: #FF7201 !important;
1126 
}
1127 
.error_msg {
1128 
  padding: 5px 5px 5px 28px;
1129 
  display: block;
1130 
  border: #fc1f1f dashed 1px;
1131 
  color: #fc1f1f;
1132 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1133 
  margin: 0 5px;
1134 
  background: url(../images/error-notification.png) no-repeat 5px center;
1135 
  background-size: 20px;
1136 
  margin-bottom: 10px;
1137 
}
1138 
.payment-cont .shipping-head {
1139 
  border-top: #e5e6e0 solid 1px;
1140 
  position: relative;
1141 
  box-sizing: border-box;
1142 
  -webkit-box-sizing: border-box;
1143 
  -moz-box-sizing: border-box;
1144 
  width: 100%;
1145 
  border: #FFF solid 1px;
1146 
  border-left: none;
1147 
  border-right: none;
1148 
}
1149 
.payment-cont .shipping-head .shipping,
1150 
.payment-cont .shipping-head .payment {
1151 
  float: left;
1152 
  width: 50%;
1153 
  padding: 10px 0;
1154 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1155 
  font-weight: bold;
1156 
  color: #ffffff;
1157 
  text-align: center;
1158 
  box-sizing: border-box;
1159 
  -webkit-box-sizing: border-box;
1160 
  -moz-box-sizing: border-box;
1161 
  text-transform: uppercase;
1162 
  height: 45px;
1163 
  line-height: 28px;
1164 
  position: relative;
1165 
  background: #1fabf6;
1166 
  background: #888888;
1167 
}
1168 
.payment-cont .shipping-head .payment {
1169 
  float: right !important;
1170 
  color: #ffffff;
1171 
  background: #888888;
1172 
  padding-left: 7%;
1173 
}
1174 
.payment-cont .shipping-head .selected {
1175 
  color: #ffffff !important;
1176 
  background: #1fabf6 !important;
1177 
}
1178 
.payment-cont .shipping-head .shipping:after {
1179 
  content: "";
1180 
  position: absolute;
1181 
  top: 0px;
1182 
  right: -22px;
1183 
  border-style: solid;
1184 
  border-width: 22px 0 22px 22px;
1185 
  border-color: transparent #888888;
1186 
  display: block;
1187 
  width: 0;
1188 
  z-index: 1;
1189 
}
1190 
.payment-cont .shipping-head .payment:before {
1191 
  content: "";
1192 
  position: absolute;
1193 
  top: -3px;
1194 
  left: 0;
1195 
  border-style: solid;
1196 
  border-width: 25px 0 25px 25px;
1197 
  border-color: rgba(0,0,0,0) #FFF;
1198 
  display: block;
1199 
  width: 0;
1200 
  z-index: 0;
1201 
}
1202 
.payment-cont .payment-hldr {
1203 
  background: #f2f3ef;
1204 
  padding: 5px 5px 10px;
1205 
}
1206 
.payment-cont .payment-hldr .hldr-sub {
1207 
  margin-top: 10px;
1208 
  background: #ffffff;
1209 
  border: #c8c8c8 solid 1px;
1210 
}
1211 
.payment-cont .payment-hldr .hldr-sub >div:nth-of-type(1) {
1212 
  color: #1fabf6;
1213 
  font-weight: bold;
1214 
}
1215 
.payment-cont .payment-hldr .hldr-sub form fieldset {
1216 
  border: none;
1217 
}
1218 
.payment-cont .payment-hldr .hldr-sub .cc-hldr {
1219 
  border: #c8c8c8 solid 1px;
1220 
  border-bottom: none;
1221 
  width: 100%;
1222 
  box-sizing: border-box;
1223 
  -webkit-box-sizing: border-box;
1224 
  -moz-box-sizing: border-box;
1225 
}
1226 
.payment-cont .payment-hldr .hldr-sub .cc-hldr div {
1227 
  float: left;
1228 
  width: 50%;
1229 
  box-sizing: border-box;
1230 
  -webkit-box-sizing: border-box;
1231 
  -moz-box-sizing: border-box;
1232 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1233 
  color: #ffffff;
1234 
  background: #555555;
1235 
  padding: 10px 0;
1236 
  text-align: center;
1237 
}
1238 
.payment-cont .payment-hldr .hldr-sub .cc-hldr .selected {
1239 
  background: #ffffff !important;
1240 
  color: #1fabf6 !important;
1241 
  font-weight: bold;
1242 
}
1243 
.payment-cont .payment-hldr .hldr-sub > .card {
1244 
  color: #555555;
1245 
  padding: 7px 5px;
1246 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1247 
  border-top: #c8c8c8 solid 1px;
1248 
}
1249 
.payment-cont .payment-hldr .hldr-sub > .card >span {
1250 
  float: right;
1251 
}
1252 
.payment-cont .payment-hldr .hldr-sub > .card:first-child {
1253 
  border-top: none;
1254 
}
1255 
.payment-cont .payment-hldr .credit-cards {
1256 
  padding: 0 5px 5px 5px;
1257 
}
1258 
.payment-cont .payment-hldr .credit-cards .in-india,
1259 
.payment-cont .payment-hldr .credit-cards .out-india {
1260 
  width: 100%;
1261 
  padding: 20px 0 10px;
1262 
  border: #c8c8c8 solid 1px;
1263 
  border-top: none;
1264 
  box-sizing: border-box;
1265 
  -webkit-box-sizing: border-box;
1266 
  -moz-box-sizing: border-box;
1267 
}
1268 
.payment-cont .payment-hldr .credit-cards .in-india p,
1269 
.payment-cont .payment-hldr .credit-cards .out-india p {
1270 
  text-align: center;
1271 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
1272 
  margin: 10px 0 0 0;
1273 
  color: #555555;
1274 
  float: left;
1275 
  width: 100%;
1276 
}
1277 
.payment-cont .payment-hldr .info-hldr {
1278 
  padding: 0 5px 5px 5px;
1279 
}
1280 
.payment-cont .payment-hldr .info-hldr form fieldset {
1281 
  border: none;
1282 
}
1283 
.payment-cont .payment-hldr .info-hldr .info-cap {
1284 
  color: #555555;
1285 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
1286 
}
1287 
.payment-cont .payment-hldr .info-hldr .emi-hldr {
1288 
  border: #c8c8c8 solid 1px;
1289 
  border-bottom: none;
1290 
}
1291 
.payment-cont .payment-hldr .info-hldr .emi-hldr .emi-head {
1292 
  border-bottom: #c8c8c8 solid 1px;
1293 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
1294 
  font-weight: bold;
1295 
  background: #e5e6e0;
1296 
}
1297 
.payment-cont .payment-hldr .info-hldr .emi-hldr .emi-head >div {
1298 
  float: left;
1299 
  width: 33.3%;
1300 
  color: #555555;
1301 
  text-align: center;
1302 
  padding: 7px 2px;
1303 
  box-sizing: border-box;
1304 
  -webkit-box-sizing: border-box;
1305 
  -moz-box-sizing: border-box;
1306 
}
1307 
.payment-cont .payment-hldr .info-hldr .emi-hldr .emi-body {
1308 
  border-bottom: #c8c8c8 solid 1px;
1309 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
1310 
  color: #555555;
1311 
}
1312 
.payment-cont .payment-hldr .info-hldr .emi-hldr .emi-body >div {
1313 
  float: left;
1314 
  width: 33.3%;
1315 
  text-align: center;
1316 
  padding: 7px 2px;
1317 
  box-sizing: border-box;
1318 
  -webkit-box-sizing: border-box;
1319 
  -moz-box-sizing: border-box;
1320 
}
1321 
.payment-cont .payment-hldr .info-hldr .emi-hldr .emi-body.selected {
1322 
  background: #76cf82;
1323 
  color: #ffffff !important;
1324 
  box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.2);
1325 
}
1326 
.payment-cont .payment-hldr .c-box {
1327 
  padding: 0 5px;
1328 
}
1329 
.payment-cont .payment-hldr .c-box div {
1330 
  float: left;
1331 
  width: 30%;
1332 
  box-sizing: border-box;
1333 
  -webkit-box-sizing: border-box;
1334 
  -moz-box-sizing: border-box;
1335 
  text-align: center;
1336 
  padding: 2px;
1337 
  border: #ffffff solid 2px;
1338 
}
1339 
.payment-cont .payment-hldr .c-box div img {
1340 
  width: 80%;
1341 
  height: 25px;
1342 
  max-width: 90px;
1343 
}
1344 
.payment-cont .payment-hldr .c-box div:nth-of-type(3n+2) {
1345 
  margin: 0 5%;
1346 
}
1347 
.payment-cont .payment-hldr .c-box .selected {
1348 
  border: #1fabf6 solid 2px;
1349 
  opacity: 1;
1350 
}
1351 
.payment-cont .payment-hldr .c-box p {
1352 
  clear: both;
1353 
}
1354 
.payment-cont .payment-hldr .c-info {
1355 
  color: #555555;
1356 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1357 
  padding: 0 0 20px;
1358 
  text-align: center;
1359 
}
1360 
.payment-cont .payment-hldr .payment-btn {
1361 
  appearance: none;
1362 
  -webkit-appearance: none;
1363 
  border: none;
1364 
  width: 100%;
1365 
  background: #ff7201;
1366 
  color: #ffffff;
1367 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
1368 
  padding: 8px 0;
1369 
  margin: 15px 0 10px;
1370 
}
1371 
.order-conf {
1372 
  padding: 10px 5px;
1373 
  background: #f2f3ef;
1374 
}
1375 
.order-conf >p:nth-of-type(1) {
1376 
  color: #ff7201;
1377 
  font: normal 1.8em/1.2em Helvetica, Arial, sans-serif;
1378 
  font-weight: bold;
1379 
  text-align: center;
1380 
}
1381 
.order-conf >p:nth-of-type(2) {
1382 
  margin-top: 5px;
1383 
  color: #555555;
1384 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1385 
  text-align: center;
1386 
}
1387 
.order-conf >p:nth-of-type(2) span {
1388 
  color: #ff7201;
1389 
}
1390 
.order-conf .ordered-item {
1391 
  background: #ffffff;
1392 
  border: #c8c8c8 solid 1px;
1393 
  padding: 5px;
1394 
  margin-top: 5px;
1395 
}
1396 
.order-conf .ordered-item >div:first-child {
1397 
  margin-top: 10px;
1398 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1399 
  color: #555555;
1400 
}
1401 
.order-conf .ordered-item >div:first-child span {
1402 
  font-weight: bold;
1403 
}
1404 
.order-conf .ordered-item .ordered-item-head {
1405 
  width: 100% !important;
1406 
  margin-top: 10px;
1407 
  padding: 5px 0;
1408 
  background: #555555;
1409 
  box-sizing: border-box;
1410 
  -webkit-box-sizing: border-box;
1411 
  -moz-box-sizing: border-box;
1412 
}
1413 
.order-conf .ordered-item .ordered-item-head > div {
1414 
  color: #ffffff;
1415 
}
1416 
.order-conf .ordered-item .ordered-item-body {
1417 
  width: 100% !important;
1418 
}
1419 
.order-conf .ordered-item .ordered-item-head  >div:nth-of-type(1),
1420 
.order-conf .ordered-item .ordered-item-body > div:nth-of-type(1) {
1421 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
1422 
  float: left;
1423 
  width: 45%;
1424 
  box-sizing: border-box;
1425 
  -webkit-box-sizing: border-box;
1426 
  -moz-box-sizing: border-box;
1427 
  border-right: #ffffff solid 1px;
1428 
  padding: 5px 3px;
1429 
}
1430 
.order-conf .ordered-item .ordered-item-head > div:nth-of-type(2),
1431 
.order-conf .ordered-item .ordered-item-body > div:nth-of-type(2) {
1432 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
1433 
  float: left;
1434 
  width: 30%;
1435 
  box-sizing: border-box;
1436 
  -webkit-box-sizing: border-box;
1437 
  -moz-box-sizing: border-box;
1438 
  padding: 5px 3px;
1439 
  text-align: center;
1440 
  text-overflow: ellipsis;
1441 
  overflow: hidden;
1442 
  white-space: nowrap;
1443 
}
1444 
.order-conf .ordered-item .ordered-item-head > div:nth-of-type(3),
1445 
.order-conf .ordered-item .ordered-item-body > div:nth-of-type(3) {
1446 
  font: normal 1.2em/1.2em Helvetica, Arial, sans-serif;
1447 
  float: left;
1448 
  width: 25%;
1449 
  box-sizing: border-box;
1450 
  -webkit-box-sizing: border-box;
1451 
  -moz-box-sizing: border-box;
1452 
  padding: 5px 3px;
1453 
  text-align: center;
1454 
  border-left: #ffffff solid 1px;
1455 
}
1456 
.order-conf .ordered-item .tt-price,
1457 
.order-conf .ordered-item .ddate-div,
1458 
.order-conf .ordered-item .or-status {
1459 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1460 
  color: #555555;
1461 
  margin-top: 3px;
1462 
  text-align: right;
1463 
}
1464 
.order-conf .ordered-item .tt-price >span:first-child,
1465 
.order-conf .ordered-item .ddate-div >span:first-child,
1466 
.order-conf .ordered-item .or-status >span:first-child {
1467 
  display: inline-block;
1468 
  width: 50%;
1469 
}
1470 
.order-conf .ordered-item .tt-price >span:last-child,
1471 
.order-conf .ordered-item .ddate-div >span:last-child,
1472 
.order-conf .ordered-item .or-status >span:last-child {
1473 
  display: inline-block;
1474 
  width: 40%;
1475 
}
1476 
.insured {
1477 
  background: url('../images/insured.png') no-repeat 100% center;
1478 
  background-size: 55px;
1479 
}
1480 
#clickCaptcha {
1481 
  margin: 5px 0 10px;
1482 
  text-decoration: underline;
1483 
}
1484 
#ccAddress.update-address {
1485 
  border: #c8c8c8 solid 1px;
1486 
  background: #ffffff;
1487 
  padding: 5px;
1488 
  margin-top: 10px;
1489 
}
1490 
#ccAddress.update-address h3 {
1491 
  color: #555555;
1492 
  font: normal 1.6em/1.2em Helvetica, Arial, sans-serif;
1493 
  margin-bottom: 5px;
1494 
}
1495 
.payment-error-hldr {
1496 
  padding: 10px;
1497 
}
1498 
.payment-error-hldr .payment-error {
1499 
  text-align: center;
1500 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1501 
  color: #555555;
1502 
  margin-top: 10%;
1503 
}
1504 
.payment-error-hldr .btn {
1505 
  background: #ff7201;
1506 
  text-align: center;
1507 
  font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;
1508 
  color: #ffffff;
1509 
  padding: 8px 0;
1510 
  margin: 10px auto 30px;
1511 
  display: block;
1512 
  width: 80%;
1513 
}