Subversion Repositories SmartDukaan

Rev

Rev 550 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 550 Rev 568
Line 1... Line -...
1
/** 
-
 
2
  * Author 			: Raj Kumar Bharti
-
 
3
  * Creation Date 	: 28 Oct 2010
-
 
4
  * Project 		: Shop2020
-
 
5
  * Copyright 2010 Evon Technologies
-
 
6
*/
-
 
7
 
-
 
8
html, body, h1, h2, h3, h4, h5, h6, div, span, p, ol, ul, li, dl, dt, dd, table, th, tr, td, form, label, input, select, textarea {margin:0; padding:0;}
-
 
9
 
-
 
10
body{
-
 
11
	font-family:Verdana, Arial, Helvetica, sans-serif;
-
 
12
	font-size:12px;
-
 
13
	color:#000;
-
 
14
	line-height:20px;
-
 
15
	background:#555;
-
 
16
}
-
 
17
 
-
 
18
h1{
-
 
19
	font-size:24px;
-
 
20
	font-weight:bold;
-
 
21
}
-
 
22
h2{
-
 
23
	font-size:20px;
-
 
24
	font-weight:bold;
-
 
25
}
-
 
26
h3{
-
 
27
	font-size:14px;
-
 
28
	font-weight:bold;
-
 
29
}
-
 
30
a{
-
 
31
	outline:none;
-
 
32
	color:#0066CC;
-
 
33
	text-decoration:none;
-
 
34
}
-
 
35
a:hover{
-
 
36
	color:#0066CC;
-
 
37
	text-decoration:underline;
-
 
38
}
-
 
39
 
-
 
40
a img {border:0;}
-
 
41
 
-
 
42
input, select, textarea{outline:none;}
-
 
43
 
-
 
44
/*___ Header ___*/
-
 
45
#header{background:#fdfdfd;}
-
 
46
#header .content{
-
 
47
	width:980px;
-
 
48
	margin:0 auto;
-
 
49
	padding:10px 0 7px 0;
-
 
50
}
-
 
51
 
-
 
52
#logo{
-
 
53
	float:left;
-
 
54
	margin-left:15px;
-
 
55
}
-
 
56
 
-
 
57
#headerRight{
-
 
58
	float:right;
-
 
59
	width:700px;
-
 
60
	margin-top:25px;
-
 
61
	font-weight:bold;
-
 
62
	font-size:11px;
-
 
63
	color:#999;
-
 
64
}
-
 
65
#welcome_msg{
-
 
66
	float:right;
-
 
67
	width:250px;
-
 
68
	margin-right:10px;
-
 
69
	text-align:right;
-
 
70
	color:#010101;
-
 
71
}
-
 
72
#headerRight #login_span{
-
 
73
	float:right;
-
 
74
	color:#0066cc;
-
 
75
}
-
 
76
.facebook{
-
 
77
	padding:3px 25px 5px 0;
-
 
78
	/*background:url(../images/buttons/facebook-header.jpg) no-repeat 68px 0px;*/
-
 
79
	background:url(../images/buttons/facebook-header.jpg) no-repeat top right;
-
 
80
}
-
 
81
#subscribe{
-
 
82
	float:left;
-
 
83
	margin:5px 0 0 107px;
-
 
84
	padding:2px 0;
-
 
85
	color:#666;
-
 
86
	border-right:1px solid #848484;
-
 
87
}
-
 
88
#subscribe span{margin-right:6px;}
-
 
89
#subscribe input, #subscribe span{float:left;}
-
 
90
#subscribe .textbox{
-
 
91
	width:205px;
-
 
92
	margin-right:3px;
-
 
93
	padding:3px;
-
 
94
	height:14px;
-
 
95
	color:#999;
-
 
96
	font-size:11px;
-
 
97
	border:1px solid #848484;
-
 
98
}
-
 
99
#subscribe .button{
-
 
100
	background:url(../images/buttons/go.jpg) no-repeat;
-
 
101
	border:none;
-
 
102
	width:31px;
-
 
103
	height:21px;
-
 
104
	margin:1px 6px 0 0;
-
 
105
}
-
 
106
 
-
 
107
#facebookFindUsOn{
-
 
108
	float:right;
-
 
109
	margin-top:5px;
-
 
110
	width:104px;
-
 
111
}
-
 
112
 
-
 
113
/*___ Main ___*/
-
 
114
#main{
-
 
115
	width:980px;
-
 
116
	margin:0 auto;
-
 
117
}
-
 
118
 
-
 
119
/*___ Menu ___*/
-
 
120
#menu{
-
 
121
	background:	url(../images/menu-hor-bar.jpg) repeat-x;
-
 
122
	height:32px;
-
 
123
	font-size:15px;
-
 
124
	font-weight:bold;
-
 
125
}
-
 
126
#menu ul{
-
 
127
	font-family:Arial,helvetica,sans-serif;
-
 
128
	margin-left:6px;
-
 
129
	list-style-type:none;
-
 
130
}
-
 
131
#menu li{
-
 
132
	float:left;
-
 
133
	margin:0 8px;
-
 
134
	display:block;
-
 
135
}
-
 
136
#menu .menuArrow{
-
 
137
	padding-right:17px;
-
 
138
	background:url(../images/down-arrow-white.jpg) no-repeat right 12px;
-
 
139
}
-
 
140
#menu a{
-
 
141
	color:#fff;
-
 
142
	text-decoration:none;
-
 
143
}
-
 
144
#menu a:hover{
-
 
145
	color:#fff;
-
 
146
	text-decoration:underline;
-
 
147
}
-
 
148
 
-
 
149
/*___ Sign In ___*/
-
 
150
#signin_menu,
-
 
151
#signin_menu .top,
-
 
152
#signin_menu .middle,
-
 
153
#signin_menu .bottom{width:272px;}
-
 
154
 
-
 
155
#signin_menu{
-
 
156
	position:absolute;
-
 
157
	z-index:9999;
-
 
158
	margin:-2px 0 0 436px;
-
 
159
	padding:0;
-
 
160
	font-weight:normal;
-
 
161
	border:none;
-
 
162
}
-
 
163
#signin_menu .top{
-
 
164
	line-height:16px;
-
 
165
	background:url(../images/notification-top.png) no-repeat;
-
 
166
}
-
 
167
 
-
 
168
#signin_menu .middle{
-
 
169
	background:url(../images/notification-ver-bar.png) repeat-y;
-
 
170
}
-
 
171
 
-
 
172
#signin_menu .middle dl{padding:15px 0;}
-
 
173
#signin_menu .middle dt{
-
 
174
	float:left;
-
 
175
	width:80px;
-
 
176
	margin:3px 8px 12px 0;
-
 
177
	color:#333333;
-
 
178
	text-align:right;
-
 
179
	font-weight:normal;
-
 
180
}
-
 
181
#signin_menu .middle dd{
-
 
182
	float:left;
-
 
183
	width:160px;
-
 
184
	margin-bottom:12px;
-
 
185
	text-align:right;
-
 
186
}
-
 
187
#signin_menu .middle label.floatRight{color:#06c;}
-
 
188
#signin_menu .middle input.floatRight{margin:3px 5px 0 0;}
-
 
189
#signin_menu .middle .textbox{
-
 
190
	padding:5px 0;
-
 
191
	width:100%;
-
 
192
	text-align:left;
-
 
193
	font-size:11px;
-
 
194
	background:#f8f8f8;
-
 
195
	border:1px solid #b5b5b5;
-
 
196
}
-
 
197
#signin_menu .middle .bigImgButton{float:right;}
-
 
198
#signin_menu .middle .button{
-
 
199
	cursor:pointer;
-
 
200
	margin-top:5px;
-
 
201
	font-size:14px;
-
 
202
	font-weight:bold;
-
 
203
	border:none;
-
 
204
	background:none;
-
 
205
}
-
 
206
.signin, .signin1, .menu-open{
-
 
207
	padding-right:18px;
-
 
208
	/*background:url(../images/down-arrow-blue.jpg) no-repeat 50px 3px;*/
-
 
209
	background:url(../images/down-arrow-blue.jpg) no-repeat 100% 3px;
-
 
210
}
-
 
211
#signin_menu .bottom{
-
 
212
	height:65px;
-
 
213
	background:url(../images/signin-bottom.png) no-repeat bottom left;
-
 
214
}
-
 
215
#signin_menu .bottom a{
-
 
216
	color:#fff;
-
 
217
	text-decoration:none;
-
 
218
}
-
 
219
#signin_menu .bottom a:hover{
-
 
220
	color:#fff;
-
 
221
	text-decoration:underline;
-
 
222
}
-
 
223
#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
-
 
224
#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}
-
 
225
 
-
 
226
 
-
 
227
/*___ Search & Cart ___*/
-
 
228
#searchCartArea{margin-bottom:4px;}
-
 
229
#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
-
 
230
#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
-
 
231
#searchCartArea .center{
-
 
232
	margin:0 4px;
-
 
233
	background:url(../images/search-hor-bar.jpg) repeat-x;
-
 
234
}
-
 
235
 
-
 
236
#search{padding:3px 0;}
-
 
237
#search .textbox{
-
 
238
	float:left;
-
 
239
	width:366px;
-
 
240
	margin-right:4px;
-
 
241
	padding:5px 4px;
-
 
242
	border:1px solid #848484;
-
 
243
}
-
 
244
#search .dropdown{
-
 
245
	float:left;
-
 
246
	height:28px;
-
 
247
	margin-right:5px;
-
 
248
	font-size:14px;
-
 
249
	border:1px solid #848484;
-
 
250
	background:#fff;
-
 
251
}
-
 
252
#search .button{
-
 
253
	cursor:pointer;
-
 
254
	width:80px;
-
 
255
	padding:4px 0 2px 0;
-
 
256
	font-weight:bold;
-
 
257
	background:none;
-
 
258
	border:none;
-
 
259
}
-
 
260
 
-
 
261
#search, #cartValue,
-
 
262
#search .bigImgButton, #cartValue .bigImgButton {float:left;}
-
 
263
 
-
 
264
#cartValue{
-
 
265
	float:right;
-
 
266
	margin-top:3px;
-
 
267
}
-
 
268
#cartValue img{
-
 
269
	float:left;
-
 
270
	margin-right:6px;
-
 
271
}
-
 
272
#cartValue .caption{
-
 
273
	float:left;
-
 
274
	margin-top:4px;
-
 
275
}
-
 
276
 
-
 
277
/*___ Wrapper ___*/
1
/*___ Wrapper ___*/
278
#wrapper{
2
#wrapper{
279
	width:735px;
3
	width:735px;
280
	float:left;
4
	float:left;
281
	margin-bottom:5px;
5
	margin-bottom:5px;
Line 328... Line 52...
328
	color:#990000;
52
	color:#990000;
329
	font-size:14px;
53
	font-size:14px;
330
	font-weight:bold;
54
	font-weight:bold;
331
}
55
}
332
 
56
 
333
#productDetail .blockLeft #mrpPrice{
-
 
334
	text-decoration:line-through;
-
 
335
}
-
 
336
 
-
 
337
#productDetail .blockLeft .imgTextBox {
57
#productDetail .blockLeft .imgTextBox {
338
	float:left;
58
	float:left;
339
	width:80px;
59
	width:80px;
340
	margin:0 5px;
60
	margin:0 5px;
341
}
61
}
Line 404... Line 124...
404
#productDetail .bottom .right{
124
#productDetail .bottom .right{
405
	background: url(../images/product-detail-bottom-right.jpg) no-repeat bottom right;
125
	background: url(../images/product-detail-bottom-right.jpg) no-repeat bottom right;
406
	line-height:5px;
126
	line-height:5px;
407
}
127
}
408
 
128
 
409
/*___ products ___*/
129
/*___ home page ___*/
410
#products{	
130
#products{	
411
	margin-top:5px;
131
	margin-top:5px;
-
 
132
	padding-bottom:10px;
412
	min-height:1000px;
133
	min-height:1000px;
413
	background:#fff;
134
	background:#fff;
414
}
135
}
415
#productBanner{width:736px;}
136
#productBanner{width:736px;}
416
 
137
 
Line 431... Line 152...
431
	padding:0;
152
	padding:0;
432
}
153
}
433
#products .productItem{
154
#products .productItem{
434
	float:left;
155
	float:left;
435
	width:148px;
156
	width:148px;
436
	height:285px;
157
	/*height:285px;*/
437
	line-height:18px;
158
	line-height:18px;
438
}
159
}
439
#products .productItem .productImg{
160
#products .productItem .productImg{
440
	position:relative;
161
	position:relative;
441
	height:140px;
162
	height:140px;
Line 463... Line 184...
463
#products .productItem .productDesp{
184
#products .productItem .productDesp{
464
	font-size:11px;
185
	font-size:11px;
465
	line-height:16px;
186
	line-height:16px;
466
	padding-bottom:5px;
187
	padding-bottom:5px;
467
}
188
}
468
#products .productItem .productDesp ul{margin-left:13px;}
189
#products .productItem .productDesp ul{list-style:none;}
469
#products .spacing{
190
#products .spacing{
470
	float:left;
191
	float:left;
471
	width:32px;
192
	width:32px;
472
	height:285px;
193
	height:285px;
473
}
194
}
474
 
195
 
475
/*___ slideGuide ___*/
-
 
476
#slideGuide{margin-bottom:4px;}
-
 
477
 
-
 
478
/*___ ActionBar ___*/
-
 
479
#actionBar .left{background:url(../images/actionbar-left.jpg) no-repeat;}
-
 
480
#actionBar .right{background:url(../images/actionbar-right.jpg) no-repeat top right;}
-
 
481
#actionBar .center{
-
 
482
	margin:0 10px;
-
 
483
	height:28px;
-
 
484
	background:url(../images/actionbar-hor-bar.jpg) repeat-x;
-
 
485
}
-
 
486
#actionBar .blockLeft{
-
 
487
	float:left;
-
 
488
	width:240px;
-
 
489
}
-
 
490
#actionBar .blockLeft .smallImgButton{
-
 
491
	float:left;
-
 
492
	margin:4px 2px 0 2px;
-
 
493
	display:inline; /* IE6 bug fix */
-
 
494
}
-
 
495
#actionBar .blockLeft .smallImgButton .button{
-
 
496
	padding-top:3px;
-
 
497
	cursor:pointer;
-
 
498
	font-family:Verdana, Arial, Helvetica, sans-serif;
-
 
499
	font-weight:bold;
-
 
500
	font-size:11px;
-
 
501
	border:none;
-
 
502
	background:none;
-
 
503
}
-
 
504
#actionBar .blockRight{
-
 
505
	float:right;
-
 
506
	width:450px;
-
 
507
	font-size:11px;
-
 
508
}
-
 
509
#actionBar .blockRight a{
-
 
510
	color:#000;
-
 
511
	text-decoration:none;
-
 
512
}
-
 
513
#actionBar .blockRight table{margin:1px -10px 0 0;}
-
 
514
#actionBar .blockRight td{
-
 
515
	vertical-align:top;
-
 
516
	padding-left:10px;
-
 
517
}
-
 
518
#actionBar .blockRight img{
-
 
519
	margin-top:2px;
-
 
520
	float:left;
-
 
521
}
-
 
522
#actionBar .blockRight span{
-
 
523
	float:left;
-
 
524
	margin:2px 4px 0 0;
-
 
525
	display:inline; /* IE 6 bug fix */
-
 
526
}
-
 
527
#actionBar .blockRight #facebookCount,
-
 
528
#actionBar .blockRight #twitterCount{
-
 
529
	font-size:10px;
-
 
530
	margin:3px 0 0 4px;
-
 
531
}
-
 
532
#actionBar .blockRight #askAFriend {width:100px;}
-
 
533
#actionBar .blockRight #askAFriend img,
-
 
534
#actionBar .blockRight #askAFriend span{float:right;}
-
 
535
 
-
 
536
#actionBar .blockRight #askAFriend span{
-
 
537
	width:76px;
-
 
538
	margin-left:-6px;
-
 
539
}
-
 
540
 
-
 
541
/*___ slideGuideContent ___*/
-
 
542
#slideGuideContent .top .left{background:url(../images/slideguide-content-top-left.jpg) no-repeat;}
-
 
543
#slideGuideContent .top .right{background:url(../images/slideguide-content-top-right.jpg) no-repeat top right;}
-
 
544
#slideGuideContent .top .center{
-
 
545
	margin:0 10px 0 155px;
-
 
546
	height:13px;
-
 
547
	background:url(../images/slideguide-content-top-center.jpg) repeat-x;
-
 
548
}
-
 
549
 
-
 
550
#slideGuideContent .middle {
-
 
551
	background:#fff;
-
 
552
	border-right:1px solid #ccc;
-
 
553
}
-
 
554
#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}
-
 
555
 
-
 
556
#slideGuideContent .bottom .left{background:url(../images/slideguide-content-bottom-left.jpg) no-repeat;}
-
 
557
#slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}
-
 
558
#slideGuideContent .bottom .center{
-
 
559
	margin:0 10px 0 155px;
-
 
560
	height:4px;
-
 
561
	background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;
-
 
562
}
-
 
563
 
-
 
564
/*___ slideGuideNav ___*/
-
 
565
#slideGuideNav {
-
 
566
	margin-left:2px;
-
 
567
	float:left;
-
 
568
	display:inline; /* IE 6 bug fix */
-
 
569
	width:153px;
-
 
570
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-
 
571
	font-size:12px;
-
 
572
}
-
 
573
#slideGuideNav ul{list-style:none;}
-
 
574
#slideGuideNav a span {
-
 
575
	display:block;
-
 
576
	width:105px;
-
 
577
}
-
 
578
#slideGuideNav a{
-
 
579
	display:block;
-
 
580
	padding:9px 0 9px 17px;
-
 
581
	color:#666666;
-
 
582
	text-decoration:none;
-
 
583
	line-height:18px;
-
 
584
	background:url(../images/slideguide-nav-arrow.jpg) no-repeat 133px -75px;
-
 
585
}
-
 
586
#slideGuideNav a:hover{
-
 
587
	color:#fff;
-
 
588
	text-decoration:none;
-
 
589
	background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px; 	
-
 
590
}
-
 
591
 
-
 
592
/*___ slideGuideProduct ___*/
-
 
593
#slideGuideProduct{
-
 
594
	float:left;
-
 
595
	width:570px;
-
 
596
}
-
 
597
#slideGuideProduct h1{
-
 
598
	margin:26px 0 20px 8px;
-
 
599
	font-weight:normal;
-
 
600
}
-
 
601
#slideGuideProduct .modelName{margin-left:9px;}
-
 
602
 
-
 
603
/*___ Pincode ___*/
-
 
604
#servicePinCode .left{background:url(../images/pincode-left.jpg) no-repeat;}
-
 
605
#servicePinCode .right{background:url(../images/pincode-right.jpg) no-repeat top right;}
-
 
606
#servicePinCode .center{
-
 
607
	margin:0 16px;
-
 
608
	height:32px;
-
 
609
	padding: 8px 0 0 20px;
-
 
610
	background:url(../images/pincode-hor-bar.jpg) repeat-x;
-
 
611
}
-
 
612
#servicePinCode .imgTextBox {
-
 
613
	float:left;
-
 
614
	width:80px;
-
 
615
	margin:0 5px;
-
 
616
}
-
 
617
#servicePinCode .imgTextBox .left{background:url(../images/textbox-left.jpg) no-repeat;}
-
 
618
#servicePinCode .imgTextBox .right{background:url(../images/textbox-right.jpg) no-repeat top right;}
-
 
619
#servicePinCode .imgTextBox .center{
-
 
620
	margin:0 5px;
-
 
621
	padding:0;
-
 
622
	background:url(../images/textbox-hor-bar.jpg) repeat-x;
-
 
623
}
-
 
624
#servicePinCode .imgTextBox .textbox{
-
 
625
	width:68px;
-
 
626
	height:21px;
-
 
627
	font-size:14px;
-
 
628
	color:#999;
-
 
629
	border:none;
-
 
630
	background:none;
-
 
631
}
-
 
632
#servicePinCode .button{
-
 
633
	margin-top:1px;
-
 
634
	width:31px;
-
 
635
	height:21px;
-
 
636
	border:none;
-
 
637
	background:url(../images/buttons/go.jpg) no-repeat;
-
 
638
}
-
 
639
 
-
 
640
/*___ Phone reviews ___*/
-
 
641
#phoneReviews{margin-bottom:-6px;}
-
 
642
#phoneReviews .top .left{background:url(../images/review-top-left.jpg) no-repeat;}
-
 
643
#phoneReviews .top .right{background:url(../images/review-top-right.jpg) no-repeat top right;}
-
 
644
#phoneReviews .top .center{
-
 
645
	background:url(../images/review-top-hor-bar.jpg) repeat-x; 
-
 
646
	height:31px;
-
 
647
	margin:0 10px;
-
 
648
}
-
 
649
#phoneReviews .middle{
-
 
650
	color:#333;
-
 
651
	background:#fdfdfd;
-
 
652
	border-left:1px solid #ccc;
-
 
653
	border-right:1px solid #ccc;
-
 
654
	padding:1px 0; /* Bug fix*/
-
 
655
}
-
 
656
#phoneReviews h2{
-
 
657
	padding:5px 0 0 5px;
-
 
658
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-
 
659
	font-size:18px;
-
 
660
	font-weight:normal;
-
 
661
}
-
 
662
#phoneReviews p{margin:10px 15px 15px 15px;}
-
 
663
#phoneReviews .bottom{margin-top:-10px;}
-
 
664
#phoneReviews .bottom .left{background:url(../images/review-bottom-left.jpg) no-repeat;}
-
 
665
#phoneReviews .bottom .right{background:url(../images/review-bottom-right.jpg) no-repeat top right;}
-
 
666
#phoneReviews .bottom .center{
-
 
667
	background:url(../images/review-bottom-hor-bar.jpg) repeat-x; 
-
 
668
	height:31px;
-
 
669
	margin:0 10px;
-
 
670
}
-
 
671
#phoneReviews .horLine{
-
 
672
	margin-top:-20px;
-
 
673
	border-bottom:1px solid #ccc;
-
 
674
}
-
 
675
 
-
 
676
 
-
 
677
/*___ Notification ___*/
-
 
678
#notification{
-
 
679
	position:absolute;
-
 
680
	margin:-4px 0 0 340px;
-
 
681
	z-index:1000;
-
 
682
}
-
 
683
 
-
 
684
#notification,
-
 
685
#notification .top,
-
 
686
#notification .middle,
-
 
687
#notification .bottom{
-
 
688
	width:272px;
-
 
689
}
-
 
690
#notification .top{
-
 
691
	line-height:16px;
-
 
692
	background:url(../images/notification-top.png) no-repeat;
-
 
693
}
-
 
694
#notification .bottom{
-
 
695
	line-height:16px;
-
 
696
	background:url(../images/notification-bottom.png) no-repeat bottom left;
-
 
697
}
-
 
698
#notification .middle{
-
 
699
	background:url(../images/notification-ver-bar.png) repeat-y;
-
 
700
}
-
 
701
#notification .colLeft{
-
 
702
	float:left;
-
 
703
	width:215px;
-
 
704
	margin:0 0 3px 15px;
-
 
705
	
-
 
706
	font-size:11px;
-
 
707
	font-weight:normal;
-
 
708
	color:#333;
-
 
709
	line-height:18px;	
-
 
710
}
-
 
711
#notification .link{
-
 
712
	margin-top:2px;
-
 
713
	font-weight:bold;
-
 
714
}
-
 
715
#notification a#notficationClose{
-
 
716
	float:right;
-
 
717
	width:18px;
-
 
718
	margin-right:18px;
-
 
719
}
-
 
720
#notification .borderBottom{
-
 
721
	margin:-15px 0 5px 0;
-
 
722
	border-bottom:1px solid #ccc;
-
 
723
}
-
 
724
 
-
 
725
/*___ Product Category ___*/
196
/*___ Product Category ___*/
726
#productHeading2{
197
#productHeading2{
727
	margin:11px 0 6px 0;
198
	margin:11px 0 6px 0;
728
	font-size:24px;
199
	font-size:24px;
729
	color:#000;
200
	color:#000;
Line 763... Line 234...
763
	float:left;
234
	float:left;
764
	width:562px;
235
	width:562px;
765
	margin-left:1px;
236
	margin-left:1px;
766
}
237
}
767
 
238
 
768
#productList .productListTop{
239
#productList .productListTop,
-
 
240
#productListing .productListTop{
769
	padding:10px 16px 12px 16px;
241
	padding:10px 16px 12px 16px;
770
	color:#333333;
242
	color:#333333;
771
	border-bottom:1px solid #ccc;
243
	border-bottom:1px solid #ccc;
772
}
244
}
773
#productList .productListBottom{
245
#productList .productListBottom,
-
 
246
#productListing .productListBottom{
774
	margin-top:-10px;
247
	margin-top:-10px;
775
	padding:10px 16px 12px 16px;
248
	padding:10px 16px 12px 16px;
776
	color:#333333;
249
	color:#333333;
777
	border-top:1px solid #ccc;
250
	border-top:1px solid #ccc;
778
}
251
}
Line 784... Line 257...
784
}
257
}
785
#productList .productListTop .productListResult{
258
#productList .productListTop .productListResult{
786
	float:left;
259
	float:left;
787
	font-size:11px;
260
	font-size:11px;
788
}
261
}
789
#productList #otherTabContent .productListTop .productListResult{
262
#productList #otherTabContent .productListTop .productListResult,
-
 
263
#productListing .productListTop .productListResult{
790
	float:right;
264
	float:right;
791
	margin-right:15px;
265
	margin-right:15px;
792
}
266
}
-
 
267
 
-
 
268
#productListing .productListTop .productListResult{font-size:11px;}
-
 
269
 
793
#productList #otherTabContent .productListTop .productListResult .resultLimit{
270
#productList #otherTabContent .productListTop .productListResult .resultLimit,
-
 
271
#productListing .productListTop .productListResult .resultLimit{
794
	color:#333;
272
	color:#333;
795
	font-size:11px;
273
	font-size:11px;
796
	font-weight:normal
274
	font-weight:normal
797
}
275
}
798
#productList .productListTop .productListResult .resultLimit{
276
#productList .productListTop .productListResult .resultLimit{
Line 801... Line 279...
801
	font-weight:bold;
279
	font-weight:bold;
802
}
280
}
803
#productList .productListTop .productListResult .style1{font-weight:bold;}
281
#productList .productListTop .productListResult .style1{font-weight:bold;}
804
 
282
 
805
#productList .pagination1,
283
#productList .pagination1,
806
#productList .pagination2{
284
#productList .pagination2,
-
 
285
#productListing .pagination2{
807
	float:right;
286
	float:right;
808
	font-size:11px;
287
	font-size:11px;
809
	text-align:right;
288
	text-align:right;
810
}
289
}
811
 
290
 
812
#productList .pagination1 .prev,
291
#productList .pagination1 .prev,
-
 
292
#productList .pagination2 .prev,
813
#productList .pagination2 .prev{margin-right:10px;}
293
#productListing .pagination2 .prev{margin-right:10px;}
814
 
294
 
815
#productList .pagination1 .next,
295
#productList .pagination1 .next,
-
 
296
#productList .pagination2 .next,
816
#productList .pagination2 .next{margin-left:10px;}
297
#productListing .pagination2 .next{margin-left:10px;}
817
 
298
 
818
#productList .pagination1 a, 
299
#productList .pagination1 a, 
819
#productList .pagination2 a, 
300
#productList .pagination2 a, 
-
 
301
#productListing .pagination2 a, 
820
#productList .pagination1 span,
302
#productList .pagination1 span,
-
 
303
#productList .pagination2 span,
821
#productList .pagination2 span{margin:0 1px; padding:0 1px;}
304
#productListing .pagination2 span{margin:0 1px; padding:0 1px;}
822
 
305
 
823
#productList .pagination1 span,
306
#productList .pagination1 span,
-
 
307
#productList .pagination2 span,
824
#productList .pagination2 span{color:#666;}
308
#productListing .pagination2 span{color:#666;}
825
 
309
 
-
 
310
#productListCenter2 .floatLeft,
-
 
311
#productListing .floatLeft{margin-left:70px;}
-
 
312
#productListCenter2 .floatRight,
-
 
313
#productListing .floatRight{margin-right:70px;}
-
 
314
 
826
#productList .productItem{
315
#productList .productItem,
-
 
316
#productListing .productItem{
827
	position:relative;
317
	position:relative;
828
	margin:16px;
318
	margin:16px;
829
	width:249px;
319
	width:249px;
830
/*	height:210px;	*/
320
	/*height:210px;*/
831
}
321
}
-
 
322
 
832
#productList .productItem .productImg{
323
#productList .productItem .productImg,
-
 
324
#productListing .productItem .productImg{
833
	float:left;
325
	float:left;
834
	width:90px;
326
	width:90px;
835
	height:184px;
327
	height:184px;
836
}
328
}
837
#productList .productItem .productImg .newIcon{
329
#productList .productItem .productImg .newIcon,
-
 
330
#productListing .productItem .productImg .newIcon{
838
	position:absolute;
331
	position:absolute;
839
	top:-10px;
332
	top:-10px;
840
	left:-10px;
333
	left:-10px;
841
	width:38px;
334
	width:38px;
842
	height:38px;
335
	height:38px;
843
	background:url(../images/new-icon.png) no-repeat;
336
	background:url(../images/new-icon.png) no-repeat;
844
}
337
}
845
 
338
 
846
#productList .productItem .productDetails{
339
#productList .productItem .productDetails,
-
 
340
#productListing .productItem .productDetails{
847
	float:left;
341
	float:left;
848
	margin-left:10px;
342
	margin-left:10px;
849
	width:149px;
343
	width:149px;
850
	height:189px;
344
	height:189px;
851
}
345
}
852
#productList .productItem .title{
346
#productList .productItem .title,
-
 
347
#productListing .productItem .title{
853
	margin-bottom:8px;
348
	margin-bottom:8px;
854
	font-weight:bold;
349
	font-weight:bold;
855
	line-height:14px;
350
	line-height:14px;
856
}
351
}
857
#productList .productItem .productDetails .originalPrice{
352
#productList .productItem .productDetails .originalPrice,
-
 
353
#productListing .productItem .productDetails .originalPrice{
858
	text-decoration:line-through;
354
	text-decoration:line-through;
859
	font-size:11px;
355
	font-size:11px;
860
}
356
}
861
#productList .productItem .productDetails .newPrice{
357
#productList .productItem .productDetails .newPrice,
-
 
358
#productListing .productItem .productDetails .newPrice{
862
	color:#990000;
359
	color:#990000;
863
	font-weight:bold;
360
	font-weight:bold;
864
	line-height:8px;
361
	line-height:8px;
865
	padding:2px 0 10px 0;
362
	padding:2px 0 10px 0;
866
}
363
}
867
#productList .productItem .productDesp{
364
#productList .productItem .productDesp,
-
 
365
#productListing .productItem .productDesp{
868
	margin-bottom:8px;
366
	margin-bottom:8px;
869
	font-size:11px;
367
	font-size:11px;
870
	line-height:18px;
368
	line-height:18px;
871
}
369
}
-
 
370
#productList .productItem .productDesp ul,
872
#productList .productItem .productDesp ul{margin-left:12px;}
371
#productListing .productItem .productDesp ul{list-style:none;}
873
 
372
 
874
 
373
 
875
/*___ Product Category : Multifaceted Search ___*/
374
/*___ Product Category : Multifaceted Search ___*/
876
#multifacetedSearch{
375
#multifacetedSearch{
877
	float:left;
376
	float:left;
Line 897... Line 396...
897
}
396
}
898
#currentFilters .filterOption{
397
#currentFilters .filterOption{
899
	font-size:11px;
398
	font-size:11px;
900
	color:#333;
399
	color:#333;
901
}
400
}
-
 
401
#currentFilters .filterOption ul{list-style:none;}
902
#currentFilters div.filterContent{margin-left:30px;}
402
#currentFilters div.filterContent{margin-left:30px;}
903
#currentFilters .filterClose{
403
#currentFilters .filterClose{
904
	font-size:9px;
404
	font-size:9px;
905
	font-weight:bold;
405
	font-weight:bold;
906
}
406
}
Line 940... Line 440...
940
#filterBy .filterOption{
440
#filterBy .filterOption{
941
	clear:both;
441
	clear:both;
942
	margin:0 0 25px 34px;
442
	margin:0 0 25px 34px;
943
}
443
}
944
 
444
 
945
/*
-
 
946
#filterBy .filterOption input,
445
#filterBy .filterOption ul{list-style:none;}
947
#filterBy .filterOption a,
446
#filterBy .filterOption input{float:left;}
948
#filterBy .filterOption span{float:left;}
447
#filterBy .filterOption .clearLine{
-
 
448
	clear:both;
-
 
449
	margin-bottom:5px;
949
*/
450
}
950
#filterBy .filterOption input {float:left;}
-
 
951
 
451
 
952
#filterBy .filterOption input{margin:3px 8px 0 0;}
452
#filterBy .filterOption input{margin:3px 8px 0 0;}
953
/*
453
 
954
#filterBy .filterOption a,
-
 
955
#filterBy .filterOption label{
454
#filterBy .filterOption label{
956
	display:block;
455
	display:block;
957
	margin-bottom:5px;
456
	margin-bottom:5px;
958
}
-
 
959
*/
-
 
960
#filterBy .filterOption label{
-
 
961
 display:block;
-
 
962
 margin-bottom:5px;
-
 
963
}
-
 
964
#filterBy .filterOption label{
-
 
965
	clear:both;
457
	clear:both;
966
	color:#0066cc;
458
	color:#0066cc;
967
	padding:7px 0;
459
	padding:7px 0;
968
}
460
}
969
#filterBy .filterOption label a{margin:0;}
461
#filterBy .filterOption label a{margin:0;}
Line 1126... Line 618...
1126
#searchResult #productListCenter .productItem .productDesp{
618
#searchResult #productListCenter .productItem .productDesp{
1127
	font-size:11px;
619
	font-size:11px;
1128
	line-height:18px;
620
	line-height:18px;
1129
	margin-top:5px;
621
	margin-top:5px;
1130
}
622
}
-
 
623
 
1131
#searchResult #productListCenter .productItem .productDesp ul{margin-left:12px;}
624
#searchResult #productListCenter .productItem .productDesp ul{list-style:none;}
-
 
625
 
1132
#searchResult #productListCenter .productItem .productPrice{
626
#searchResult #productListCenter .productItem .productPrice{
1133
	float:left;
627
	float:left;
1134
	margin-left:15px;
628
	margin-left:15px;
1135
	width:97px;
629
	width:97px;
1136
}
630
}
Line 1152... Line 646...
1152
#searchResult #productListCenter .searchResultBorder{
646
#searchResult #productListCenter .searchResultBorder{
1153
	line-height:10px;
647
	line-height:10px;
1154
	background:url(../images/search-result-border.jpg) no-repeat 0 50%;
648
	background:url(../images/search-result-border.jpg) no-repeat 0 50%;
1155
}
649
}
1156
 
650
 
1157
#productListCenter2 .floatLeft{margin-left:70px;}
-
 
1158
#productListCenter2 .floatRight{margin-right:70px;}
-
 
1159
 
651
 
1160
/*___ Sidebar ___*/
652
/*___ Product Listing, Contact Us ___*/
1161
#sidebar{
-
 
1162
	width:240px;
653
#productListing .top,
1163
	float:right;
654
#contactUs .top,
1164
	color:#333;
655
#forgetPass .top{background: #fff;}
1165
}
656
 
1166
#sidebarBanner{
657
#productListing .top .left,
1167
	width:240px;
-
 
1168
	margin-bottom:3px;
658
#contactUs .top .left,
1169
}
-
 
1170
#sidebar h1{
-
 
1171
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
659
#forgetPass .top .left{background: url(../images/product-detail-top-left.jpg) no-repeat;}
1172
	font-size:16px;
-
 
1173
}
660
 
1174
#customerService{
661
#productListing .top .right,
1175
	background:#f5f5f5;
662
#contactUs .top .right,
1176
	border:1px solid #ccc;
663
#forgetPass .top .right{
1177
}
-
 
1178
#customerService h2{
-
 
1179
	padding:2px 0 0 5px;
-
 
1180
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-
 
1181
	font-size:14px;
-
 
1182
	height: 26px;
664
	line-height:5px;
1183
	background:url(../images/customer-service-hor-bar.jpg) repeat-x;
665
	background: url(../images/product-detail-top-right.jpg) no-repeat top right;
1184
}
666
}
1185
#customerService #customerPhone,
-
 
1186
#customerService #customerPhone img,
-
 
1187
#customerService #customerPhone span{float:left;}
-
 
1188
#customerService #customerPhone span{margin-top:10px;}
-
 
1189
 
667
 
1190
/*___ Footer ___*/
668
#productListing .bottom,
1191
#footer{
669
#contactUs .bottom,
1192
	background:#fff;
670
#forgetPass .bottom{background: #fff;}
1193
	padding:10px 0;
-
 
1194
}
671
 
1195
#footer .content {
672
#productListing .bottom .left,
1196
	width:980px;
-
 
1197
	margin:0 auto;
-
 
1198
}
-
 
1199
#footer ul{
-
 
1200
	float:left;
673
#contactUs .bottom .left,
1201
	list-style-type:none;
674
#forgetPass .bottom .left{background: url(../images/product-detail-bottom-left.jpg) no-repeat bottom left;}
1202
	color:#0066cc;
-
 
1203
}
675
 
1204
#footer li{
-
 
1205
	float:left;
-
 
1206
	margin-right:10px;
676
#productListing .bottom .right,
1207
}
-
 
1208
#footer #copyright{
677
#contactUs .bottom .right,
1209
	float:right;
678
#forgetPass .bottom .right{
1210
	color:#666;
-
 
1211
	font-size:10px;
679
	line-height:5px;
-
 
680
	background: url(../images/product-detail-bottom-right.jpg) no-repeat bottom right;
1212
}
681
}
1213
 
682
 
1214
/*___ Yellow Buttons & Disable buttons ___*/
683
#productListing .middle .content,
1215
#main .bigImgButton, 
684
#contactUs .middle .content,
1216
#signin_menu .bigImgButton {
685
#forgetPass .middle .content{
1217
	color:#000;
686
	min-height:1000px;
1218
	font-weight:bold;
687
	background: #fff;
1219
}
688
}
1220
 
689
 
1221
#main .bigImgButton .left,
-
 
1222
#signin_menu .bigImgButton .left{background:url(../images/buttons/big-button-left.jpg) no-repeat;}
-
 
1223
 
-
 
1224
#main .bigImgButton .right,
690
/*___ Contact Us & forget password ___*/
1225
#signin_menu .bigImgButton .right{background:url(../images/buttons/big-button-right.jpg) no-repeat top right;}
-
 
1226
 
-
 
1227
#main .bigImgButton .center,
691
#contactUs .middle .content{
1228
#signin_menu .bigImgButton .center{
-
 
1229
	margin:0 10px;
692
	padding:20px 0;	
1230
	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
-
 
1231
	height:28px;
-
 
1232
}
-
 
1233
#main .bigImgButton a,
-
 
1234
#signin_menu .bigImgButton a{
-
 
1235
	color:#000;
-
 
1236
	text-decoration:none;
-
 
1237
}
693
}
1238
 
694
 
1239
#main .smallImgButton {
-
 
1240
	color:#000;
-
 
1241
	font-weight:bold;
-
 
1242
}
-
 
1243
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
-
 
1244
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
-
 
1245
#main .smallImgButton .center{
-
 
1246
	margin:0 10px;
-
 
1247
	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
695
#forgetPass .middle .content{padding:20px 40px;}
1248
	height:21px;
-
 
1249
}
-
 
1250
#main .smallImgButton a{
-
 
1251
	font-size:11px;
-
 
1252
	color:#000;
-
 
1253
	text-decoration:none;
-
 
1254
}
-
 
1255
 
696
 
1256
/*___ tab buttons ___*/
697
#contactUs .imgTextBox,
1257
#tabButton{
-
 
1258
	margin-top:3px;
698
#forgetPass .imgTextBox {
1259
	height:24px;
699
	height:27px;
-
 
700
	background:url(../images/textbox2-hor-bar.jpg) repeat-x;
1260
}
701
}
1261
#tabButton .tabButton1{	float:left;}
-
 
1262
#tabButton .tabButton2 {float:right;}
-
 
1263
 
702
 
1264
#tabButton .spacing{
-
 
1265
	float:right;
-
 
1266
	width:12px; 
-
 
1267
}
-
 
1268
#tabButton .spacing2{
-
 
1269
	float:right;
-
 
1270
	width:3px; 
-
 
1271
}
-
 
1272
#tabButton .tabButton1{margin:0 10px;}
-
 
1273
#tabButton .tabButton1 a,
703
#contactUs .imgTextBox .left,
1274
#tabButton .tabButton1 span{display:block;}
704
#forgetPass .imgTextBox .left{background:url(../images/textbox2-left.jpg) no-repeat;}
1275
 
705
 
1276
#tabButton .tabButton1 a{
706
#contactUs .imgTextBox .right,
1277
	color:#333;
-
 
1278
	text-decoration:none;
-
 
1279
	
-
 
1280
	cursor:pointer;
-
 
1281
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
707
#forgetPass .imgTextBox .right{padding:0 5px; background:url(../images/textbox2-right.jpg) no-repeat top right; min-height:27px;}
1282
}
-
 
1283
 
708
 
-
 
709
#contactUs .imgTextBox .textbox,
1284
#tabButton .tabButton1 a span{
710
#forgetPass .imgTextBox .textbox{
-
 
711
	padding:4px 0;
1285
	margin-left:-10px;
712
	font-size:14px;
-
 
713
	border:none;
1286
	background:url(../images/tab1-btn-left.png) no-repeat;
714
	background:none;
1287
}
715
}
1288
 
716
 
1289
#tabButton .tabButton1 a span span{
717
#contactUs .imgTextBox .textbox{width:100%;}
1290
	margin-right:-10px;
-
 
1291
	background:url(../images/tab1-btn-right.png) no-repeat top right;	
718
#forgetPass .imgTextBox .textbox{width:100%;}
1292
	
-
 
1293
	padding:2px 18px 0 28px;
-
 
1294
	height:22px;
-
 
1295
}
-
 
1296
 
719
 
1297
#tabButton .tabButton1 a:hover,
720
#contactUs .imgTextBox.floatLeft{width:312px;}
1298
#tabButton .tabButton1 a#activeTab{
721
#contactUs dl{margin:20px 0;}
1299
	color:#333;
722
#contactUs dt{
1300
	text-decoration:none;
723
	padding:0 0 2px 50px;
1301
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
-
 
1302
}
-
 
1303
#tabButton .tabButton1 a:hover span,
724
	color:#666;
1304
#tabButton .tabButton1 a#activeTab span{
-
 
1305
	background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
-
 
1306
}
-
 
1307
#tabButton .tabButton1 a:hover span span,
725
	border-bottom:1px solid #ccc;
1308
#tabButton .tabButton1 a#activeTab span span{
-
 
1309
	background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
-
 
1310
}
726
}
1311
 
-
 
1312
#tabButton .tabButton2{margin:0 10px;}
-
 
1313
#tabButton .tabButton2 a,
727
#contactUs dd{
1314
#tabButton .tabButton2 span{display:block;}
-
 
1315
 
-
 
1316
#tabButton .tabButton2 a{
728
	margin:10px 0 30px 50px; 
1317
	color:#333;
729
	width:485px;
1318
	text-decoration:none;
-
 
1319
	
-
 
1320
	cursor:pointer;
-
 
1321
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
-
 
1322
}
730
}
1323
 
-
 
1324
#tabButton .tabButton2 a span{
731
#contactUs dt.noBorder{border:none;}
-
 
732
#contactUs .style1{
-
 
733
	float:right;
1325
	margin-left:-10px;
734
	margin-left:10px;
-
 
735
	width:160px;
-
 
736
	font-size:11px;
1326
	background:url(../images/tab2-btn-left.png) no-repeat;
737
	line-height:15px;
-
 
738
	color:#666;
1327
}
739
}
1328
 
-
 
1329
#tabButton .tabButton2 a span span{
740
#contactUs textarea{
1330
	margin-right:-10px;
741
	width:100%;
1331
	background:url(../images/tab2-btn-right.png) no-repeat top right;	
-
 
1332
	
-
 
1333
	padding:2px 18px 0 28px;
-
 
1334
	height:22px;
742
	height:150px;
1335
}
743
}
1336
 
744
 
1337
#tabButton .tabButton2 a:hover,
-
 
1338
#tabButton .tabButton2 a#activeTab{
-
 
1339
	color:#333;
-
 
1340
	text-decoration:none;
-
 
1341
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
-
 
1342
}
-
 
1343
#tabButton .tabButton2 a:hover span,
-
 
1344
#tabButton .tabButton2 a#activeTab span{
-
 
1345
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
-
 
1346
}
-
 
1347
#tabButton .tabButton2 a:hover span span,
-
 
1348
#tabButton .tabButton2 a#activeTab span span{
-
 
1349
	background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
-
 
1350
}
-
 
1351
 
-
 
1352
/*___ Common Classes ___*/
-
 
1353
.clearBoth{clear:both;}
-
 
1354
.floatLeft{float:left;}
-
 
1355
.floatRight{float:right;}
-
 
1356
.bold{font-weight:bold;}
-
 
1357
.lineHeight_10px{line-height:4px;}
-
 
1358
.noBorder{border:none;}
-
 
1359
 
-
 
1360
#noScript{
-
 
1361
	width:940px;
-
 
1362
	margin:20px auto;
745
#forgetPass dt{
1363
	padding:30px 20px;
746
	padding:0 0 2px 50px;
1364
	font-size:18px;
-
 
1365
	color:#cc0000;
747
	color:#666;
1366
	text-align:center;
-
 
1367
	background:#FDFCDC;
-
 
1368
	border:2px solid #F1EDC2;
-
 
1369
}
748
}
1370
 
-
 
1371
.padding_topbottom{
749
#forgetPass dd{
1372
	padding: 19px 0 18px; 
750
	margin:10px 0 30px 50px; 
-
 
751
	width:300px;
1373
}
752
}
1374
.noBold{font-weight:normal;}
753
#forgetPass .spacing{margin-top:20px;}
1375
754