Subversion Repositories SmartDukaan

Rev

Rev 20424 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
20424 kshitij.so 1
@charset "utf-8";
2
 
3
 
4
/* HomePage */
5
 
6
 
7
body {
8
	margin:0;
9
	padding:0;
10
	text-decoration:none;
11
	font-family: Arial, Helvetica, sans-serif;
12
}
13
 
14
h1 h2 h3 h4 h5 h6 {padding:0; margin:0}
15
 
16
a { text-decoration:none;
17
}
18
 
19
ul li {
20
	list-style:none;
21
}
22
 
23
p {
24
	font-size:12px;
25
	color:#000;
26
	text-align:left justify;
27
}
28
 
29
 
30
 
31
.leftFloat {
32
	float:left;
33
}
34
 
35
.rightFloat {
36
	float:right;
37
}
38
 
39
.navContainer {
40
	width:100%;
41
	height:auto;
42
	background-color:#ffce00;
43
	margin:0;
44
	padding:0;
45
}
46
 
47
.navContainer_inside {
48
	width:980px;
49
	height:80px;
50
	margin:0 auto;
51
}
52
 
53
.logoContainer {
54
	width:auto;
55
	height:auto;
56
	float:left;
57
}
58
 
59
.navList {
60
	float:right;
61
	list-style:none;
62
	margin:0;
63
	padding:0;
64
	display:inline-block;
65
 
66
}
67
 
68
.navList_link {
69
	display: inline-block;
70
	width:120px;
71
	height:80px;
72
	color:#000;
73
	text-align:center;
74
	float:left;
75
	line-height:80px;
76
	font-size:12px;
77
}
78
 
79
.navList_float {
80
	float:left
81
}
82
 
83
.navList_link:hover {
84
	display: inline-block;
85
	width:120px;
86
	height:80px;
87
	color:#ffce00;
88
	text-align:center;
89
	float:left;
90
	line-height:80px;
91
	font-size:12px;
92
	background-color:#000;
93
}
94
 
95
.searchMaxContainer {
96
	width:100%;
97
	height:80px;
98
	background-color:#999;
99
	margin:0 auto;
100
}
101
 
102
.searchContainer {
103
	width:980px;
104
	height:50px;
105
	margin:0 auto;
106
}
107
 
108
.searchTextArea {
109
	width:830px;
110
	height:50px;
111
	padding-left:10px;
112
	font-size:12px;
113
	color:#666;
114
	text-transform:uppercase;
115
	margin-top:15px;
116
	border:none;
117
}
118
 
119
.searchButton {
120
	width:130px;
121
	height:50px;
122
	background-color:#ffce00;
123
	color:#000;
124
	padding:0px;
125
	border:none;
126
	margin-top:15px;
127
}
128
 
129
.slideContainer {
130
	width:100%;
131
	height:auto;
132
}
133
 
134
.slideMain_01 {
135
	width:100%;
136
	height:auto;
137
	z-index:-1;
138
}
139
 
140
/*---Not Used for now--*/
141
.slideArrowContainer {
142
	width:100%;
143
	height:40px;
144
	padding-top:-350px;
145
}
146
/*---Not Used for now--*/
147
 
148
.mobileContentArea {
149
	width:980px;
150
	height:250px;
151
	margin:0 auto;
152
	padding:0;
153
	border-bottom:dotted 1px #999999;
154
}
155
 
156
.mobileArea_ulList {
157
	list-style:none;
158
	margin:0;
159
	padding:0;
160
}
161
 
162
.mobileArea_liList {
163
	width:160px;
164
	height:250px;
165
	display:inline;
166
	float:left;
167
	text-align:center;
168
	padding:0;
169
	margin:0;
170
}
171
 
172
.aboutHotspot_HomeContainer {
173
	width:980px;
174
	height:580px;
175
	margin:0 auto;
176
	padding-top:20px;
177
}
178
 
179
.socialmedia_Container {
180
	width:980px;
181
	height:auto;
182
	margin:0 auto;
183
}
184
 
185
.facebook_Container {
186
	width:480px;
187
	height:300px;
188
	margin-right:10px;
189
	margin-bottom:30px;
190
	float:left;
191
}
192
 
193
.youtube_Container {
194
	width:480px;
195
	height:300px;
196
	float:left;
197
	margin-left:10px;
198
	margin-bottom:30px;
199
}
200
 
201
.generalContainer_home {
202
	width:980px;
203
	height:auto;
204
	margin:0 auto;
205
}
206
 
207
.footer_ContainerMax {
208
	width:100%;
209
	height: auto;
210
	padding-bottom:50px;
211
	background-color:#000;
212
	float:left;
213
	padding-bottom:20px;
214
}
215
 
216
.footer_ContainerMin {
217
	width:980px;
218
	margin:0 auto;
219
}
220
 
221
.footer_ulContrainer {
222
	width:180px;
223
	display:inline;
224
	float:left;
225
	margin-right:20px;	
226
}
227
 
228
.footer_ulList {
229
	font-size:12px;
230
	line-height:25px;
231
	margin:0;
232
	padding:0;	
233
}
234
 
235
.footer_bottom_01 {
236
	width:100%;
237
	height:40px;
238
	 background-color:#ffce00;
239
	 float:left;
240
}
241
 
242
.footer_bottom_02 {
243
	width:980px;
244
	height:40px;
245
	margin:0 auto;
246
	text-align:left;
247
	color:#000;
248
	font-size:10px;
249
	line-height:40px;
250
}
251
 
252
 
253
/* Product Page */
254
 
255
.productPage_upperContainer {
256
	width:980px;
257
	height:600px;
258
	margin:0 auto;
259
	padding-top:30px;
260
}
261
 
262
.productPage_imageContainer {
263
	width:500px;
264
	height:600px;
265
	float:left;
266
}
267
 
268
.imageThumbnail_ul {
269
	float:left;
270
	width:500px;
271
	height:100px;
272
	list-style:none;
273
	margin-top:20px;
274
}
275
 
276
.imageThumbnail_li {
277
	width:70px;
278
	height:100px;
279
	display:inline;
280
	float:left;
281
	border: solid 1px #CCCCCC;
282
}
283
 
284
.productPage_mainDescriptionContainer {
285
	width:420px;
286
	height:540px;
287
	float:left;
288
	background-color:#eeeeee;
289
	padding:30px;
290
}
291
 
292
.sup_New {
293
	color:#F00;
294
	font-size:14px;
295
}
296
 
297
.productPage_listDesciption {
298
	padding:0;
299
	padding-bottom:10px;
300
	margin:0;
301
	font-size:13px;
302
	line-height:25px;
303
	list-style:decimal;
304
}
305
 
306
.productPage_enquireButton {
307
	width:200px;
308
	height:50px;
309
	border:none;
310
	background-color:#000;
311
	color:#ffcf01;
312
	font-size:16px;
313
	margin-top:20px;
314
}
315
 
316
.productPage_specificationsContainer {
317
	width:980px;
318
	height:auto;
319
	margin:0 auto;
320
	padding-top:20px;
321
	padding-bottom:30px;
322
}
323
 
324
.productPage_specificationsTitleContainer {
325
	width:100%;
326
	height:50px;
327
	background-color:#000;
328
}
329
 
330
.productPage_specificationsTitle {
331
	color:#FFF;
332
	line-height:50px;
333
	margin-left:20px;
334
}
335
 
336
.productPage_specificationsli_Container01 {
337
	width:100%;
338
	height:auto;
339
	background-color:#eeeeee;
340
	padding-top:10px;
341
	padding-bottom:10px;
342
}
343
 
344
.productPage_specificationsli01 {
345
	padding:0;
346
	margin-left:20px;
347
	background-color:#eeeeee;
348
	font-size:13px;
349
	line-height:20px;
350
}
351
 
352
.productPage_specificationsTable {
353
	width:100%;
354
	height:auto;
355
	background-color:#eeeeee;
356
	padding-top:10px;
357
	padding-bottom:10px;
358
}
359
 
360
.productPage_specificationsTable_left {
361
	width:25%;
362
	padding-left:20px;
363
	background-color:#eeeeee;
364
	font-size:13px;
365
	line-height:20px;
366
}
367
 
368
.productPage_specificationsTable_right {
369
	width:75%;
370
	padding-left:20px;
371
	background-color:#eeeeee;
372
	font-size:13px;
373
	line-height:20px;
374
}
375
 
376
 
377
/* Search Page */
378
 
379
.seachContent_mainContainer {
380
	width:980px;
381
	height:auto;
382
	margin:0 auto;
383
}
384
 
385
.filterContainer {
386
	width:250px;
387
	background-color:#000;
388
	float:left;
389
	margin-top:20px;
390
	margin-bottom:20px;
391
	padding-bottom:40px;
392
}
393
 
394
.filterMaintitle {
395
	color:#FFF;
396
	margin-left:20px;
397
}
398
 
399
.filterList_ul {
400
	color:#FFF;
401
	margin-left:20px;
402
	font-size:12px;
403
	padding-left:0;
404
	padding-bottom:15px;
405
	line-height:30px;
406
	border-bottom:#FFF 1px dotted;
407
	width:200px;
408
}
409
 
410
.filterList_secondTitle {
411
	text-transform:uppercase;
412
	font-size:14px;
413
}
414
 
415
.filterList_secondTitle_liColor {
416
	color:#FFF;
417
}
418
 
419
.filterList_checkBox {
420
	margin-right:10px;
421
}
422
 
423
.searchResults_container {
424
	width:730px;
425
	min-height:1000px;
426
	background-color:#FFF;
427
	margin-bottom:20px;
428
	float:left;
429
}
430
 
431
.searchResults_titleCtainer {
432
	width:730px;
433
	height:auto;
434
	float:left;
435
}
436
 
437
.searchResults_title {
438
	margin:0;
439
	padding:0;
440
	margin-top:20px;
441
	margin-bottom:5px;
442
	font-size:16px;
443
	text-align:center;
444
}
445
 
446
.searchResults_productContainer {
447
	width:228px;
448
	min-height:250px;
449
	float:left;
450
	border-bottom:#CCC 1px dotted;
451
	margin-left:10px;
452
	margin-right:5px;
453
}
454
 
455
.searchResults_productul {
456
	margin:0 auto;
457
	padding:0;
458
	text-align:center;
459
}
460
 
461
.searchResults_liImage {
462
	margin-top:20px;
463
}
464
 
465
.searchResults_liproductName {
466
	margin:0;
467
	padding-top:20px;
468
	font-size:14px;
469
	color:#000;
470
}
471
 
472
.searchResults_lisubName {
473
	margin:0;
474
	padding-bottom:15px;
475
}
476
 
477
.searchResults_enquirebutton {
478
	width:100px;
479
	height:30px;
480
	background-color:#ffcf01;
481
	color:#000;
482
	padding-top:5px;
483
	margin:0;
484
	border:0;
485
	font-size:11px;
486
	text-align:center;
487
}
488
 
489
.breadcrumb_pagelink {
490
	text-align:center;
491
	margin:0;
492
	padding-bottom:20px;
493
	font-size:10px;
494
	color:#000;
495
}
496
 
497
.breadcrumb_pagelink:active {
498
	text-align:center;
499
	margin:0;
500
	padding-bottom:20px;
501
	font-size:10px;
502
	color:#000;
503
	font-weight:bolder;
504
}
505
 
506
.breadcrumb_pagelink:hover {
507
	text-align:center;
508
	margin:0;
509
	padding-bottom:20px;
510
	font-size:10px;
511
	color:#000;
512
	font-weight:bolder;
513
}
514
 
515
.ellipsis {
516
    white-space: nowrap;
517
    overflow: hidden;
518
    text-overflow: ellipsis;
519
    -o-text-overflow: ellipsis;
520
}
521
 
522
.product-description{
523
	list-style: none;
524
}
525
 
526
.productDesp {
527
    font-size: 11px;
528
    line-height: 16px;
529
    padding-bottom: 2px;
530
}
531
 
532
.aboutus_Container {
533
        width:980px;
534
        height:auto;
535
        margin:0 auto;
536
        text-align:center;
537
}
538
 
539
.aboutus_Image {
540
        margin-top:30px;
541
        margin-bottom:30px;
542
}
543
 
544
.aboutus_Paragraph {
545
        padding-bottom:30px;
546
        display:block;
547
        margin:0 auto;
548
        font-size:14px;
549
}
550
 
551
.career_Container {
552
        width:980px;
553
        height:auto;
554
        margin:0 auto;
555
        text-align:center;
556
        margin-top:30px;
557
}
558
 
559
.career_Paragraph {
560
        font-size:14px;
561
}
562
 
563
.career_Paragraph_highlight {
564
        font-size:16px;
565
        font-weight:bolder;
566
}
567
 
568
.career_Ul {
569
        width:490px;
570
        height:auto;
571
        float:left;
572
        margin:0;
573
        padding:0;
574
        text-transform:uppercase;
575
        font:14px;
576
}
577
 
578
.career_LI01 {
579
        margin-top:10px;
580
        margin-bottom:30px;
581
}
582
 
583
.career_LI02 {
584
        width:490px;
585
        height:auto;
586
        float:left;
587
        margin:0; padding:0;
588
        text-transform:uppercase;
589
        font:14px;
590
}
591
 
592
.contactUs_Container {
593
         width:980px;
594
         height:auto;
595
         margin:0 auto;
596
}
597
 
598
.contactUs_Image {
599
        margin-top:30px;
600
        margin-bottom:10px;
601
}
602
 
603
.contactUs_formContainer {
604
        width:980px;
605
        height:500px;
606
        margin:0 auto;
607
}
608
 
609
.contactUs_formContainerLeft {
610
        width:200px;
611
        height:auto;
612
        float:left;
613
        margin-bottom:30px;
614
        margin-top:30px;
615
}
616
 
617
.contactUs_formUL {
618
        margin:0;
619
        padding:0;
620
        font-size:12px;
621
        line-height:35px;
622
}
623
 
624
.contactUs_formContainerRight {
625
        width:400px;
626
        height:auto;
627
        float:left;
628
        margin-bottom:30px;
629
        margin-top:30px;
630
}
631
 
632
.contactUs_TextArea {
633
        width:250px;
634
        height:150px;
635
}
636
 
637
.contactUs_submit {
638
        width:100px;
639
        height:40px;
640
        background-color:#ffce00;
641
        color:#000;
642
        border:none;
643
}
644
 
645
.offerPage_container {
646
        width:980px;
647
        height:auto;
648
        margin:0 auto;
649
        text-align:center;
650
}
651
 
652
.offerPage_heading {
653
        margin-top:30px;
654
}
655
 
656
.offerPage_ContainerLeft {
657
        width:480px;
658
        height:auto;
659
        float:left;
660
        margin-top:20px;
661
        margin-bottom:40px;
662
}
663
 
664
.offerPage_font14 {
665
        font-size:14px;
666
}
667
 
668
.offerPage_ContainerRight {
669
        width:480px;
670
        height:auto;
671
        float:left;
672
        margin-left:20px;
673
        margin-top:20px;
674
        margin-bottom:40px;
675
}
676
 
677
.offerPage_AlltimeOffers {
678
        margin-top:30px;
679
}
680
 
681
.offerPage_AlltimesLeft {
682
        width:310px;
683
        height:300px;
684
        margin-right:20px;
685
        float:left;
686
        background-color:#ea4a98;
687
        margin-bottom:30px;
688
        border-radius:25px;
689
}
690
 
691
.offerPage_alltimesHeadline01 {
692
        width:310px;
693
        background-color:#e0e0df;
694
        padding-top:10px;
695
        padding-bottom:10px;
696
        text-transform:uppercase;
697
}
698
 
699
.offerPage_alltimes_marginBottomg10 {
700
        margin-bottom:10px;
701
}
702
 
703
.offerPage_offercontentLeft {
704
        color:#FFF;
705
        font-size:16px;
706
        font-weight:bolder;
707
        margin:0;padding:0;
708
}
709
 
710
.offerPage_offerContentBig {
711
        color:#FFF;
712
        font-size:24px;
713
        font-weight:bolder;
714
        padding:0;
715
        margin:0;
716
}
717
 
718
.offerPage_AlltimesMiddle {
719
        width:310px;
720
        height:300px;
721
        margin-right:20px;
722
        float:left;
723
        background-color:#8ac651;
724
        margin-bottom:30px;
725
        border-radius:25px;
726
}
727
 
728
.offerPage_alltimesheadlines02 {
729
        width:310px;
730
        background-color:#e0e0df;
731
        padding-top:10px;
732
        padding-bottom:10px;
733
        text-transform:uppercase;
734
        color:#116d37;
735
}
736
 
737
.offerPage_offercontentMiddle {
738
        color:#FFF;
739
        font-size:18px;
740
        font-weight:bolder;
741
        margin:0;
742
        padding:0;
743
}
744
 
745
.offerPage_AlltimeRight {
746
        width:310px;
747
        height:300px;
748
        float:left;
749
        background-color:#0b71b7;
750
        margin-bottom:30px;
751
        border-radius:25px;
752
}
753
 
754
.offerPage_alltimesheadlines03 {
755
        width:310px;
756
        background-color:#e0e0df;
757
        padding-top:10px;
758
        padding-bottom:10px;
759
        text-transform:uppercase;
760
        color:#0b71b7;
761
}
762
 
763
.filterList_ul::-webkit-scrollbar {
764
    width: 10px;
765
}
766
 
767
/* Track */
768
.filterList_ul::-webkit-scrollbar-track {
769
    -webkit-box-shadow: inset 0 0 6px #999; 
770
    -webkit-border-radius: 5px;
771
    border-radius: 5px;
772
}
773
 
774
/* Handle */
775
.filterList_ul::-webkit-scrollbar-thumb {
776
    -webkit-border-radius: 5px;
777
    border-radius: 5px;
778
    background: #999; 
779
    -webkit-box-shadow: inset 0 0 6px ; 
780
}
781
.filterList_ul::-webkit-scrollbar-thumb:window-inactive {
782
	background: #999; 
783
}
784
 
785
.productListBottom {
786
	float: left;
787
    height: auto;
788
    width: 730px;
789
	text-align: center;
790
}
791
 
792
.pagination1 {
793
    font-size: 12px;
794
}
795
 
796
ul.pagination {
797
    list-style: outside none none;
798
}
799
 
800
ul.pagination li {
801
    display: inline;
802
}
803
 
804
.pagination1 a, .pagination2 a, #productListing .pagination2 a, .pagination1 span, .pagination2 .pagination2 span {
805
    margin: 0 2px;
806
    padding: 0 2px;
807
}
808
 
809
 
810
/* Autocomplete
811
----------------------------------*/
812
.ui-autocomplete { position: absolute; cursor: default; }	
813
.ui-autocomplete-loading { background: white url('/images/anim.gif') right center no-repeat; }
814
 
815
.ui-corner-all-compare { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
816
 
817
.ui-widget-content-compare {box-shadow:0 2px 8px 0 rgba(0,0,0,0.1); border: 1px solid #dddddd; background: white url(/images/ui.png) 50% top repeat-x; color: #333333; }
818
/* workarounds */
819
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
820
 
821
/* Menu
822
----------------------------------*/
823
.ui-menu {
824
	list-style:none;
825
	padding: 2px;
826
	margin: 0;
827
	display:block;
828
}
829
.ui-menu .ui-menu {
830
	margin-top: -3px;
831
}
832
.ui-menu .ui-menu-item {
833
	margin:4;
834
	padding: 0;
835
	zoom: 1;
836
	float: left;
837
	clear: left;
838
	width: 100%;
839
}
840
.ui-menu .ui-menu-item a {
841
	text-decoration:none;
842
	display:block;
843
	padding:.2em .4em;
844
	line-height:2.5;
845
	zoom:1;
846
  	color: #000000;
847
}
848
.ui-menu .ui-menu-item a.ui-state-hover,
849
.ui-menu .ui-menu-item a.ui-state-active {
850
	font-weight:bold;
851
	color:#black;
852
	margin: -1px;
853
	border:1px solid white;
854
	background:#ecebe7 url(/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
855
}
856
 
857
.ui-autocomplete li.ui-menu-item {
858
	padding: 2px;  // needed to prevent the item sizes from changing on hover
859
}
860
 
861
.ui-autocomplete a.ui-menu-item-alternate {
862
	background-color: White;  // alternate item bgcolor
863
}
864
 
865
.ui-autocomplete a.ui-state-hover {
866
	font-weight: normal !important;  // rather not bold the hover item (changes the width)
867
}
868
 
869
.productImg img {
870
  background: url('/images/preloader.gif') no-repeat;
871
  background-position: center;
872
}
873
 
874
.searchHighlighter {
875
    font: 16px "robotoMedium";
876
    color: #117eb1;
877
    float: none;
878
    -moz-border-radius: 2px;
879
    -webkit-border-radius: 2px;
880
    -ms-border-radius: 2px;
881
    padding: 5px 16px;
882
    width: 980px;
883
    text-align: center;
884
    margin:auto;
885
}
886
 
887
.searchHighlighterText {
888
    font: 16px "robotoMedium";
889
    color: #117eb1;
890
    margin: 20px auto 0;
891
    float: none;
892
    border: 1px solid #117eb1;
893
    -moz-border-radius: 2px;
894
    -webkit-border-radius: 2px;
895
    -ms-border-radius: 2px;
896
    border-radius: 2px;
897
    padding: 5px 16px;
898
    display: inline-block;
899
}
900
 
901
#currentFilters {
902
    padding: 0 0 10px 20px;
903
    background: url(http://saholic.com/images/filter-divider-540.gif) repeat-x bottom left;
904
}
905
 
906
#currentFilters .sectionHeader {
907
    font-size: 12px;
908
    font-weight: bold;
909
    color: #666;
910
}
911
 
912
#currentFilters .filterOption {
913
    font-size: 12px;
914
    color: #333;
915
}
916
 
917
#currentFilters .filterClose {
918
    font-size: 10px;
919
    font-weight: bold;
920
}