Subversion Repositories SmartDukaan

Rev

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

Rev Author Line No. Line
1068 rajveer 1
/*___ ActionBar ___*/
2
#actionBar .left{background:url(../images/actionbar-left.jpg) no-repeat;}
3
#actionBar .right{background:url(../images/actionbar-right.jpg) no-repeat top right;}
4
#actionBar .center{
5
	margin:0 10px;
6
	height:24px;
7
	background:url(../images/actionbar-hor-bar.jpg) repeat-x;
8
	padding-top:4px;   /* add by ebizon */
9
}
10
#actionBar .blockLeft{
11
	float:left;
12
	/*margin-top: 4px;*/    /* commented by ebizon */
13
	width:240px;
14
}
15
/*#actionBar .blockLeft .smallImgButton{
16
	float:left;
17
	margin:4px 2px 0 2px;
18
	display:inline;  IE6 bug fix 
19
}
20
#actionBar .blockLeft .smallImgButton .button{
21
	padding-top:3px;
22
	cursor:pointer;
23
	font-family:Verdana, Arial, Helvetica, sans-serif;
24
	font-weight:bold;
25
	font-size:11px;
26
	border:none;
27
	background:none;
28
}*/
29
#actionBar .blockRight{
30
	float:right;
31
	width:240px;
32
	font-size:11px;
33
}
34
 
35
#actionBar .fblikeDiv{
36
	float:left;
37
	width:120px;
38
	font-size:11px;
39
}
40
 
41
#actionBar .tweetDiv{
42
	float:right;
43
	width:120px;
44
	font-size:11px;
45
	/*margin-top : 3px;*/  /* commented by ebizon */
46
}
47
 
48
#actionBar .blockRight a{
49
	color:#000;
50
	text-decoration:none;
51
}
52
#actionBar .blockRight table{margin:1px -10px 0 0;}
53
#actionBar .blockRight td{
54
	vertical-align:top;
55
	padding-left:10px;
56
}
57
#actionBar .blockRight img{
58
	margin-top:2px;
59
	float:left;
60
}
61
#actionBar .blockRight span{
62
	float:left;
63
	/*margin:2px 4px 0 0;*/   /* commented by ebizon */
64
	display:inline; /* IE 6 bug fix */
65
}
66
#actionBar .blockRight #facebookCount,
67
#actionBar .blockRight #twitterCount{
68
	font-size:10px;
69
	margin:3px 0 0 4px;
70
}
71
#actionBar .blockRight #askAFriend {width:100px;}
72
#actionBar .blockRight #askAFriend img,
73
#actionBar .blockRight #askAFriend span{float:right;}
74
 
75
#actionBar .blockRight #askAFriend span{
76
	width:76px;
77
	margin-left:-6px;
78
}
79
 
80
/*___ slideGuide ___*/
81
#slideGuide{margin-bottom:4px;}
82
 
83
/*___ slideGuideContent ___*/
84
#slideGuideContent .top .left{background:url(../images/slideguide-content-top-left.jpg) no-repeat;}
85
#slideGuideContent .top .right{background:url(../images/slideguide-content-top-right.jpg) no-repeat top right;}
86
#slideGuideContent .top .center{
87
	margin:0 10px 0 155px;
88
	height:13px;
89
	background:url(../images/slideguide-content-top-center.jpg) repeat-x;
90
}
91
 
92
#slideGuideContent .middle {
93
	background:#fff;
94
	border-right:1px solid #ccc;
95
}
96
#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}
97
 
98
#slideGuideContent .bottom .left{background:url(../images/slideguide-content-bottom-left.jpg) no-repeat;}
99
#slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}
100
#slideGuideContent .bottom .center{
101
	margin:0 10px 0 155px;
102
	height:4px;
103
	background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;
104
}
105
 
106
#slideGuideContent div.teaser h1{
107
    font-size:24px;
108
    font-weight:normal;
109
}
110
 
111
#slideGuideContent div.teaser h1 span{ font-weight:bold;}
112
 
113
#slideGuideContent div.demo{
114
	float:left;
115
	width:317px;
116
	padding:0;
117
	margin:16px 0 0 0;
118
}
119
 
120
#slideGuideContent div.demo ul {
2103 varun.gupt 121
	margin:0 0 -2px 0;
1068 rajveer 122
	padding: 4px 0;
123
	position:relative;
124
	z-index:999;
125
	height:20px;
126
}
127
 
128
#slideGuideContent div.demo ul li{
129
	list-style: none;
130
	margin: 0;
131
	display: inline;
132
}
133
 
134
#slideGuideContent div.demo ul li a{
135
	padding: 6px 8px;
136
	margin-left: 8px;
137
	color:#fff;
138
	font-size:11px;
139
	text-decoration: none;
140
	border-bottom: none;
141
	border-top:1px solid #6699FF;
142
	border-right:1px solid #6699FF;
143
	border-left:1px solid #6699FF;
144
	background:url(../images/tab-hor-bar.jpg) repeat-x;
145
}
146
 
147
#slideGuideContent div.demo .ui-tabs-nav li.ui-tabs-selected,
148
#slideGuideContent div.demo .ui-tabs-nav li.ui-state-active{
149
	background:#fff !important;
150
}
151
#slideGuideContent div.demo .ui-tabs-nav li.ui-state-active a{
152
	color:#000;
153
	background:#fff;
154
	border-bottom:none;
155
	border-top:1px solid #999;
156
	border-right:1px solid #999;
157
	border-left:1px solid #999;
158
}
159
 
160
#slideGuideContent .ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
161
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
162
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt{
163
	color:#fff !important;
164
	text-decoration:none;
165
	background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px !important; 	
166
}
167
 
168
/*
169
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
170
*/
171
#slideGuideContent .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
172
#slideGuideContent .ui-tabs .ui-tabs-panel { display: block;}
173
#slideGuideContent .ui-tabs .ui-tabs-hide { display: none !important; }
174
 
175
#slideGuideContent div.demo div.tabby{
176
	/*padding:10px 60px 10px 60px;*/
177
	margin:0px 10px 0px 0px;
178
	border:1px solid #ccc;
179
	overflow:hidden;
180
	width:317px;
181
}
182
#slideGuideContent .container { 
183
	width:317px; 
184
	height:540px;
185
	margin:0px 10px 0px 0px;
186
	/*border:1px solid #ccc;*/
187
	padding-top:4px;
188
	border-top: 1px solid #999;
189
	overflow:hidden;
190
	position:relative;
191
	background:#fff;
192
}
193
#slideGuideContent .slides{width:315px;float:left;position:absolute;top:45px; background:#fff; border:none;}
194
#slideGuideContent .slides div{text-align: center; background:#fff; border:none;}
195
#slideGuideContent .slides img{max-width:311px;max-height:481px; background:#fff; border:none;}
196
 
197
#slideGuideContent div.demo div.tabby img{margin:2px;}
198
#slideGuideContent div.desc{
199
	float:left;
200
	width:225px;
201
	padding:0px 0px 0px 0px;
202
	margin:50px 0px 0px 23px;
203
	display:inline; /*ie6 bug fix*/
204
}
205
 
206
#slideGuideContent div.desc div.introduction{
207
	font-size:0.9em;
208
	line-height:2em;
209
	padding:0;
210
	margin:0;
211
	text-align:left;
212
}
213
 
214
#slideGuideContent div.desc h4{
215
	color:#333;
216
	font-size:20px;
217
	font-weight:normal;
218
}
219
 
220
#slideGuideContent div.desc p{
221
	line-height:26px;
222
	color:#333333;
223
	font-size:13px;
224
}
225
#slideGuideContent div.desc ul{list-style:none;}
226
 
227
#slideGuideContent div.desc li.introduction{
228
	margin-top:10px;
229
	color:#333;
230
	font-size:13px;
231
	font-weight:normal;
232
}
233
 
234
#slideGuideContent div.desc li.mainFeature{
235
	margin-top:30px;
236
	color:#333;
237
	font-size:14px;
238
	font-weight:bold;
239
}
240
 
241
#slideGuideContent div.desc li.mainFeatureValue{
242
	margin-top:5px;
243
	padding-left:18px;
244
	color:#333;
245
	font-size:13px;
246
	line-height:14px;
247
	background:url(../images/black-bullet.gif) no-repeat 8px 6px;
248
}
249
 
250
#slideGuideContent div.desc li.subFeature{
251
	margin-top:6px;
252
	padding-left:18px;
253
	color:#333;
254
	font-size:13px;
255
	font-weight:bold;
256
	background:url(../images/black-bullet.gif) no-repeat 8px 9px;
257
}
258
 
259
#slideGuideContent div.desc li.subsubFeature{
260
	margin-top:6px;
261
	padding-left:36px;
262
	color:#333;
263
	font-size:12px;
264
	font-weight:bold;
265
	background:url(../images/black-bullet.gif) no-repeat 26px 9px;
266
}
267
 
268
#slideGuideContent div.desc li.subFeatureValue{
269
	margin-left:18px;
270
	padding-left:17px;
271
	color:#666;
272
	font-size:12px;
273
	line-height:17px;
274
	background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
275
}
276
 
277
#slideGuideContent div.desc li.subsubFeatureValue{
278
	margin-left:36px;
279
	padding-left:17px;
280
	color:#666;
281
	font-size:12px;
282
	line-height:17px;
283
	background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
284
}
285
 
286
#slideGuideContent div.desc li.mainPunchline{
287
	line-height:18px;
288
	margin-bottom:15px;
289
	padding-left:10px;
290
	color:#333;
291
	font-weight:bold;
292
	font-size:13px;
293
	background:url(../images/mehron-square-bullet.gif) no-repeat 0px 7px;
294
}
295
 
296
#slideGuideContent div.desc li.mainFeaturePunchline{
297
	padding-left:18px;
298
	color:#333;
299
	font-size:13px;
300
	background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
301
}
302
 
303
#slideGuideContent div.desc li.subFeaturePunchline{
304
	margin-left:18px;
305
	padding-left:18px;
306
	color:#666;
307
	font-size:12px;
308
	background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
309
}
310
 
311
#slideGuideContent div.desc li.subsubFeaturePunchline{
312
	margin-left:18px;
313
	padding-left:36px;
314
	color:#666;
315
	font-size:12px;
316
	background:url(../images/mehron-square-bullet.gif) no-repeat 26px 9px;
317
}
318
 
319
#slideGuideContent div.desc li.spacing{margin-top:35px;}
320
#slideGuideContent div.desc li.subspacing{margin-top:6px;}
321
 
322
#slideGuideContent .slider-content  {
323
	float:left;
324
	width:316px;
325
	margin-top:5px;
326
	background:#eee;
327
	font-size:11px;
328
}
329
#slideGuideContent .slider-content  ul{border:none !important;}
330
 
331
#slideGuideContent .slider .next, 
332
#slideGuideContent .slider .prev{
333
	display:none;
334
	background-color:#EEEEEE;
335
	border:0;
336
	font-family:Verdana, Arial, Helvetica, sans-serif;
337
	color:#666;
338
	font-size:11px;
339
	padding:0;
340
	margin:0;
341
	cursor:pointer;
342
}
343
#slideGuideContent .slider .prev{
344
	float:left;
345
	color:#0066CC;
346
	margin:5px 0 0 10px;
347
}
348
#slideGuideContent .slider .next{
349
	float:right;
350
	color:#0066CC;
351
	margin:5px 10px 0 0;
352
}
353
#slideGuideContent .slider div{
354
	overflow:hidden;
355
	text-align:left;
356
	height:auto;
357
	margin:0;
358
	padding:0;
359
}
360
 
361
#slideGuideContent .slider div ul{
362
	width:3000px;/* set to an arbitary high value*/
363
	overflow:hidden;
364
	margin:2px 0px;
365
	padding:0;
366
	margin-left:0;
367
}
368
#slideGuideContent .slider div ul li{
369
	display:inline-block;
370
	display:inline; /*IE 7 hack doesn't support inline-block*/
371
	margin:1px 2px;
372
	width:auto;
373
	cursor:pointer;
374
	color:#0066CC;
375
}
376
 
377
#slideGuideContent .slider div ul li a{ color:#666 !important; }
378
 
379
#slideGuideContent .sliderScroll{
380
	width:230px; 
381
	margin:0 auto !important;
382
}
383
 
384
/*___ slideGuideNav ___*/
385
#slideGuideNav {
386
	margin-left:2px;
387
	float:left;
388
	display:inline; /* IE 6 bug fix */
389
	width:153px;
390
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
391
	font-size:12px;
392
}
393
#slideGuideNav ul{list-style:none;}
394
#slideGuideNav a span {
395
	display:block;
396
	width:105px;
397
}
398
#slideGuideNav a{
399
	display:block;
400
	padding:9px 0 9px 17px;
401
	color:#666666;
402
	text-decoration:none;
403
	line-height:18px;
404
	background:url(../images/slideguide-nav-arrow.jpg) no-repeat 133px -75px;
405
}
406
#slideGuideNav a:hover{
407
	color:#fff;
408
	text-decoration:none;
409
	background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px; 	
410
}
411
 
412
/*___ slideGuideProduct ___*/
413
#slideGuideProduct{
414
	float:left;
415
	width:570px;
416
}
417
#slideGuideProduct h1{
418
	margin:26px 0 20px 8px;
419
	font-weight:normal;
420
}
421
#slideGuideProduct .modelName{margin-left:9px;}
422
 
423
/*___ Pincode ___*/
424
#servicePinCode .left{background:url(../images/pincode-left.jpg) no-repeat;}
425
#servicePinCode .right{background:url(../images/pincode-right.jpg) no-repeat top right;}
426
#servicePinCode .center{
427
	margin:0 16px;
428
	height:32px;
429
	padding: 8px 0 0 20px;
430
	background:url(../images/pincode-hor-bar.jpg) repeat-x;
431
}
432
#servicePinCode .imgTextBox {
433
	float:left;
434
	width:80px;
435
	margin:0 5px;
436
}
437
#servicePinCode .imgTextBox .left{background:url(../images/textbox-left.jpg) no-repeat;}
438
#servicePinCode .imgTextBox .right{background:url(../images/textbox-right.jpg) no-repeat top right;}
439
#servicePinCode .imgTextBox .center{
440
	margin:0 5px;
441
	padding:0;
442
	background:url(../images/textbox-hor-bar.jpg) repeat-x;
443
}
444
#servicePinCode .imgTextBox .textbox{
445
	width:68px;
446
	height:21px;
447
	font-size:14px;
448
	color:#999;
449
	border:none;
450
	background:none;
451
}
452
#servicePinCode .button{
453
	margin-top:1px;
454
	width:31px;
455
	height:21px;
456
	border:none;
457
	background:url(../images/buttons/go.jpg) no-repeat;
458
}
459
 
460
/*___ Phone reviews ___*/
461
#phoneReviews{margin-bottom:-6px;}
462
#phoneReviews .top .left{background:url(../images/review-top-left.jpg) no-repeat;}
463
#phoneReviews .top .right{background:url(../images/review-top-right.jpg) no-repeat top right;}
464
#phoneReviews .top .center{
465
	background:url(../images/review-top-hor-bar.jpg) repeat-x; 
466
	height:31px;
467
	margin:0 10px;
468
}
469
#phoneReviews .middle{
470
	color:#333;
471
	background:#fdfdfd;
472
	border-left:1px solid #ccc;
473
	border-right:1px solid #ccc;
474
	padding:1px 0; /* Bug fix*/
475
}
476
#phoneReviews h2{
477
	padding:5px 0 0 5px;
478
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
479
	font-size:18px;
480
	font-weight:normal;
481
}
482
#phoneReviews p{margin:10px 15px 15px 15px;}
483
#phoneReviews .bottom{margin-top:-10px;}
484
#phoneReviews .bottom .left{background:url(../images/review-bottom-left.jpg) no-repeat;}
485
#phoneReviews .bottom .right{background:url(../images/review-bottom-right.jpg) no-repeat top right;}
486
#phoneReviews .bottom .center{
487
	background:url(../images/review-bottom-hor-bar.jpg) repeat-x; 
488
	height:31px;
489
	margin:0 10px;
490
}
491
#phoneReviews .horLine{
492
	/* margin-top:-20px;   by ebizon */
493
	border-bottom:1px solid #ccc;
494
  height:1px; /* add by ebizon */ 
495
}