Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

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