Subversion Repositories SmartDukaan

Rev

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