Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | 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_productContainer:hover {
456
	width:228px;
457
	min-height:250px;
458
	float:left;
459
	border-bottom:#CCC 1px dotted;
460
	margin-left:10px;
461
	margin-right:5px;
462
	background-color:#eeeeee;
463
}
464
 
465
.searchResults_productul {
466
	margin:0 auto;
467
	padding:0;
468
	text-align:center;
469
}
470
 
471
.searchResults_liImage {
472
	margin-top:20px;
473
}
474
 
475
.searchResults_liproductName {
476
	margin:0;
477
	padding-top:20px;
478
	font-size:14px;
479
	color:#000;
480
}
481
 
482
.searchResults_lisubName {
483
	margin:0;
484
	padding-bottom:15px;
485
}
486
 
487
.searchResults_enquirebutton {
488
	width:100px;
489
	height:30px;
490
	background-color:#ffcf01;
491
	color:#000;
492
	padding-top:5px;
493
	margin:0;
494
	border:0;
495
	font-size:11px;
496
	text-align:center;
497
}
498
 
499
.breadcrumb_pagelink {
500
	text-align:center;
501
	margin:0;
502
	padding-bottom:20px;
503
	font-size:10px;
504
	color:#000;
505
}
506
 
507
.breadcrumb_pagelink:active {
508
	text-align:center;
509
	margin:0;
510
	padding-bottom:20px;
511
	font-size:10px;
512
	color:#000;
513
	font-weight:bolder;
514
}
515
 
516
.breadcrumb_pagelink:hover {
517
	text-align:center;
518
	margin:0;
519
	padding-bottom:20px;
520
	font-size:10px;
521
	color:#000;
522
	font-weight:bolder;
523
}
524
 
525
.ellipsis {
526
    white-space: nowrap;
527
    overflow: hidden;
528
    text-overflow: ellipsis;
529
    -o-text-overflow: ellipsis;
530
}
531
 
532
.product-description{
533
	list-style: none;
534
}
535
 
536
.productDesp {
537
    font-size: 11px;
538
    line-height: 16px;
539
    padding-bottom: 2px;
540
}
541
 
542
.aboutus_Container {
543
        width:980px;
544
        height:auto;
545
        margin:0 auto;
546
        text-align:center;
547
}
548
 
549
.aboutus_Image {
550
        margin-top:30px;
551
        margin-bottom:30px;
552
}
553
 
554
.aboutus_Paragraph {
555
        padding-bottom:30px;
556
        display:block;
557
        margin:0 auto;
558
        font-size:14px;
559
}
560
 
561
.career_Container {
562
        width:980px;
563
        height:auto;
564
        margin:0 auto;
565
        text-align:center;
566
        margin-top:30px;
567
}
568
 
569
.career_Paragraph {
570
        font-size:14px;
571
}
572
 
573
.career_Paragraph_highlight {
574
        font-size:16px;
575
        font-weight:bolder;
576
}
577
 
578
.career_Ul {
579
        width:490px;
580
        height:auto;
581
        float:left;
582
        margin:0;
583
        padding:0;
584
        text-transform:uppercase;
585
        font:14px;
586
}
587
 
588
.career_LI01 {
589
        margin-top:10px;
590
        margin-bottom:30px;
591
}
592
 
593
.career_LI02 {
594
        width:490px;
595
        height:auto;
596
        float:left;
597
        margin:0; padding:0;
598
        text-transform:uppercase;
599
        font:14px;
600
}
601
 
602
.contactUs_Container {
603
         width:980px;
604
         height:auto;
605
         margin:0 auto;
606
}
607
 
608
.contactUs_Image {
609
        margin-top:30px;
610
        margin-bottom:10px;
611
}
612
 
613
.contactUs_formContainer {
614
        width:980px;
615
        height:500px;
616
        margin:0 auto;
617
}
618
 
619
.contactUs_formContainerLeft {
620
        width:200px;
621
        height:auto;
622
        float:left;
623
        margin-bottom:30px;
624
        margin-top:30px;
625
}
626
 
627
.contactUs_formUL {
628
        margin:0;
629
        padding:0;
630
        font-size:12px;
631
        line-height:35px;
632
}
633
 
634
.contactUs_formContainerRight {
635
        width:400px;
636
        height:auto;
637
        float:left;
638
        margin-bottom:30px;
639
        margin-top:30px;
640
}
641
 
642
.contactUs_TextArea {
643
        width:250px;
644
        height:150px;
645
}
646
 
647
.contactUs_submit {
648
        width:100px;
649
        height:40px;
650
        background-color:#ffce00;
651
        color:#000;
652
        border:none;
653
}
654
 
655
.offerPage_container {
656
        width:980px;
657
        height:auto;
658
        margin:0 auto;
659
        text-align:center;
660
}
661
 
662
.offerPage_heading {
663
        margin-top:30px;
664
}
665
 
666
.offerPage_ContainerLeft {
667
        width:480px;
668
        height:auto;
669
        float:left;
670
        margin-top:20px;
671
        margin-bottom:40px;
672
}
673
 
674
.offerPage_font14 {
675
        font-size:14px;
676
}
677
 
678
.offerPage_ContainerRight {
679
        width:480px;
680
        height:auto;
681
        float:left;
682
        margin-left:20px;
683
        margin-top:20px;
684
        margin-bottom:40px;
685
}
686
 
687
.offerPage_AlltimeOffers {
688
        margin-top:30px;
689
}
690
 
691
.offerPage_AlltimesLeft {
692
        width:310px;
693
        height:300px;
694
        margin-right:20px;
695
        float:left;
696
        background-color:#ea4a98;
697
        margin-bottom:30px;
698
        border-radius:25px;
699
}
700
 
701
.offerPage_alltimesHeadline01 {
702
        width:310px;
703
        background-color:#e0e0df;
704
        padding-top:10px;
705
        padding-bottom:10px;
706
        text-transform:uppercase;
707
}
708
 
709
.offerPage_alltimes_marginBottomg10 {
710
        margin-bottom:10px;
711
}
712
 
713
.offerPage_offercontentLeft {
714
        color:#FFF;
715
        font-size:16px;
716
        font-weight:bolder;
717
        margin:0;padding:0;
718
}
719
 
720
.offerPage_offerContentBig {
721
        color:#FFF;
722
        font-size:24px;
723
        font-weight:bolder;
724
        padding:0;
725
        margin:0;
726
}
727
 
728
.offerPage_AlltimesMiddle {
729
        width:310px;
730
        height:300px;
731
        margin-right:20px;
732
        float:left;
733
        background-color:#8ac651;
734
        margin-bottom:30px;
735
        border-radius:25px;
736
}
737
 
738
.offerPage_alltimesheadlines02 {
739
        width:310px;
740
        background-color:#e0e0df;
741
        padding-top:10px;
742
        padding-bottom:10px;
743
        text-transform:uppercase;
744
        color:#116d37;
745
}
746
 
747
.offerPage_offercontentMiddle {
748
        color:#FFF;
749
        font-size:18px;
750
        font-weight:bolder;
751
        margin:0;
752
        padding:0;
753
}
754
 
755
.offerPage_AlltimeRight {
756
        width:310px;
757
        height:300px;
758
        float:left;
759
        background-color:#0b71b7;
760
        margin-bottom:30px;
761
        border-radius:25px;
762
}
763
 
764
.offerPage_alltimesheadlines03 {
765
        width:310px;
766
        background-color:#e0e0df;
767
        padding-top:10px;
768
        padding-bottom:10px;
769
        text-transform:uppercase;
770
        color:#0b71b7;
771
}
772
 
773
.filterList_ul::-webkit-scrollbar {
774
    width: 10px;
775
}
776
 
777
/* Track */
778
.filterList_ul::-webkit-scrollbar-track {
779
    -webkit-box-shadow: inset 0 0 6px #999; 
780
    -webkit-border-radius: 5px;
781
    border-radius: 5px;
782
}
783
 
784
/* Handle */
785
.filterList_ul::-webkit-scrollbar-thumb {
786
    -webkit-border-radius: 5px;
787
    border-radius: 5px;
788
    background: #999; 
789
    -webkit-box-shadow: inset 0 0 6px ; 
790
}
791
.filterList_ul::-webkit-scrollbar-thumb:window-inactive {
792
	background: #999; 
793
}
794
 
795
.productListBottom {
796
	float: left;
797
    height: auto;
798
    width: 730px;
799
	text-align: center;
800
}
801
 
802
.pagination1 {
803
    font-size: 12px;
804
}
805
 
806
ul.pagination {
807
    list-style: outside none none;
808
}
809
 
810
ul.pagination li {
811
    display: inline;
812
}
813
 
814
.pagination1 a, .pagination2 a, #productListing .pagination2 a, .pagination1 span, .pagination2 .pagination2 span {
815
    margin: 0 2px;
816
    padding: 0 2px;
817
}
818
 
819
 
820
/* Autocomplete
821
----------------------------------*/
822
.ui-autocomplete { position: absolute; cursor: default; }	
823
.ui-autocomplete-loading { background: white url('/images/anim.gif') right center no-repeat; }
824
 
825
.ui-corner-all-compare { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
826
 
827
.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; }
828
/* workarounds */
829
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
830
 
831
/* Menu
832
----------------------------------*/
833
.ui-menu {
834
	list-style:none;
835
	padding: 2px;
836
	margin: 0;
837
	display:block;
838
}
839
.ui-menu .ui-menu {
840
	margin-top: -3px;
841
}
842
.ui-menu .ui-menu-item {
843
	margin:4;
844
	padding: 0;
845
	zoom: 1;
846
	float: left;
847
	clear: left;
848
	width: 100%;
849
}
850
.ui-menu .ui-menu-item a {
851
	text-decoration:none;
852
	display:block;
853
	padding:.2em .4em;
854
	line-height:2.5;
855
	zoom:1;
856
  	color: #000000;
857
}
858
.ui-menu .ui-menu-item a.ui-state-hover,
859
.ui-menu .ui-menu-item a.ui-state-active {
860
	font-weight:bold;
861
	color:#black;
862
	margin: -1px;
863
	border:1px solid white;
864
	background:#ecebe7 url(/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
865
}
866
 
867
.ui-autocomplete li.ui-menu-item {
868
	padding: 2px;  // needed to prevent the item sizes from changing on hover
869
}
870
 
871
.ui-autocomplete a.ui-menu-item-alternate {
872
	background-color: White;  // alternate item bgcolor
873
}
874
 
875
.ui-autocomplete a.ui-state-hover {
876
	font-weight: normal !important;  // rather not bold the hover item (changes the width)
877
}
878
 
879
.productImg img {
880
  background: url('/images/preloader.gif') no-repeat;
881
  background-position: center;
882
}
883
 
884
.searchHighlighter {
885
    font: 16px "robotoMedium";
886
    color: #117eb1;
887
    float: none;
888
    -moz-border-radius: 2px;
889
    -webkit-border-radius: 2px;
890
    -ms-border-radius: 2px;
891
    padding: 5px 16px;
892
    width: 980px;
893
    text-align: center;
894
    margin:auto;
895
}
896
 
897
.searchHighlighterText {
898
    font: 16px "robotoMedium";
899
    color: #117eb1;
900
    margin: 20px auto 0;
901
    float: none;
902
    border: 1px solid #117eb1;
903
    -moz-border-radius: 2px;
904
    -webkit-border-radius: 2px;
905
    -ms-border-radius: 2px;
906
    border-radius: 2px;
907
    padding: 5px 16px;
908
    display: inline-block;
909
}
910
 
911
#currentFilters {
912
    padding: 0 0 10px 20px;
913
    background: url(http://saholic.com/images/filter-divider-540.gif) repeat-x bottom left;
914
}
915
 
916
#currentFilters .sectionHeader {
917
    font-size: 12px;
918
    font-weight: bold;
919
    color: #666;
920
}
921
 
922
#currentFilters .filterOption {
923
    font-size: 12px;
924
    color: #333;
925
}
926
 
927
#currentFilters .filterClose {
928
    font-size: 10px;
929
    font-weight: bold;
930
}