Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

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