Subversion Repositories SmartDukaan

Rev

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

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