Subversion Repositories SmartDukaan

Rev

Rev 4079 | Rev 4162 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
3830 chandransh 1 
 
794 rajveer 2 
/*___ ActionBar ___*/
1413 vikas 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;}
794 rajveer 5 
#actionBar .center{
6 
	margin:0 10px;
865 rajveer 7 
	height:24px;
794 rajveer 8 
	background:url(../images/actionbar-hor-bar.jpg) repeat-x;
865 rajveer 9 
	padding-top:4px;   /* add by ebizon */
794 rajveer 10 
}
11 
#actionBar .blockLeft{
12 
	float:left;
2718 varun.gupt 13 
	width: 340px;
794 rajveer 14 
}
3830 chandransh 15 
 
794 rajveer 16 
#actionBar .blockRight{
17 
	float:right;
2125 varun.gupt 18 
	width:330px;
794 rajveer 19 
	font-size:11px;
20 
}
803 vikas 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 
 
794 rajveer 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; /* IE 6 bug fix */
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 ___*/
1413 vikas 66 
#slideGuideContent .top .left{background:url(../images/product-sprite.png) no-repeat 0 -904px;}
794 rajveer 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 
 
1413 vikas 74 
#slideGuideContent .bottom .left{background:url(../images/product-sprite.png) no-repeat 0 -733px}
794 rajveer 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{
4127 rajveer 83 
    font-size:18px;
794 rajveer 84 
    font-weight:normal;
85 
}
86 
 
87 
#slideGuideContent div.teaser h1 span{ font-weight:bold;}
88 
 
89 
#slideGuideContent div.demo{
90 
	float:left;
3954 rajveer 91 
	width:315px;
794 rajveer 92 
	padding:0;
93 
	margin:16px 0 0 0;
94 
}
95 
 
96 
#slideGuideContent div.demo ul {
1227 vikas 97 
	margin: 0;
98 
	padding: 3px 0 !important;
794 rajveer 99 
	position:relative;
4127 rajveer 100 
	border-bottom:1px solid #EEE;
794 rajveer 101 
}
102 
 
103 
#slideGuideContent div.demo ul li{
104 
	list-style: none;
1227 vikas 105 
	margin:0;
794 rajveer 106 
	display: inline;
107 
}
108 
 
109 
#slideGuideContent div.demo ul li a{
4127 rajveer 110 
	padding: 7px 30px;
1227 vikas 111 
	margin-bottom : -1px;
112 
	margin-bottom: -1px;
4127 rajveer 113 
	color:#333333;
794 rajveer 114 
	font-size:11px;
115 
	text-decoration: none;
116 
	border-bottom: none;
117 
}
118 
 
119 
#slideGuideContent div.demo .ui-tabs-nav li.ui-tabs-selected,
120 
#slideGuideContent div.demo .ui-tabs-nav li.ui-state-active{
4045 rajveer 121 
	background:white !important;
794 rajveer 122 
}
123 
#slideGuideContent div.demo .ui-tabs-nav li.ui-state-active a{
124 
	color:#000;
125 
	background:#fff;
126 
	border-bottom:none;
4127 rajveer 127 
	border-top:1px solid #EEE;
128 
	border-right:1px solid #EEE;
129 
	border-left:1px solid #EEE;
794 rajveer 130 
}
131 
 
132 
#slideGuideContent .ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
133 
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
4045 rajveer 134 
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt,
135 
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-hover  a.vt{
136 
	color:#333333 !important;
137 
	font-weight: bold;
794 rajveer 138 
	text-decoration:none;
4045 rajveer 139 
	background-color: white !important;
794 rajveer 140 
}
141 
 
142 
/*
143 
#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; }
144 
*/
145 
#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... */
146 
#slideGuideContent .ui-tabs .ui-tabs-panel { display: block;}
147 
#slideGuideContent .ui-tabs .ui-tabs-hide { display: none !important; }
148 
 
149 
#slideGuideContent div.demo div.tabby{
150 
	/*padding:10px 60px 10px 60px;*/
151 
	margin:0px 10px 0px 0px;
152 
	border:1px solid #ccc;
153 
	overflow:hidden;
154 
	width:317px;
155 
}
156 
#slideGuideContent .container {
3954 rajveer 157 
	width:315px;
4049 rajveer 158 
	max-height:545px;
794 rajveer 159 
	overflow:hidden;
160 
	position:relative;
161 
	background:#fff;
162 
}
4079 rajveer 163 
#slideGuideContent .slides{width:315px;float:left;top:45px; background:#fff; border:none; LEFT:0; margin-top: 5px;}
794 rajveer 164 
#slideGuideContent .slides div{text-align: center; background:#fff; border:none;}
165 
#slideGuideContent .slides img{max-width:311px;max-height:481px; background:#fff; border:none;}
166 
 
167 
#slideGuideContent div.demo div.tabby img{margin:2px;}
168 
#slideGuideContent div.desc{
169 
	float:left;
4017 rajveer 170 
	width:240px;
794 rajveer 171 
	padding:0px 0px 0px 0px;
4127 rajveer 172 
	margin:20px 2px 0px 10px;
794 rajveer 173 
	display:inline; /*ie6 bug fix*/
174 
}
175 
 
176 
#slideGuideContent div.desc div.introduction{
177 
	font-size:0.9em;
178 
	line-height:2em;
179 
	padding:0;
180 
	margin:0;
181 
	text-align:left;
182 
}
183 
 
184 
#slideGuideContent div.desc h4{
185 
	color:#333;
4127 rajveer 186 
	font-size:16px;
794 rajveer 187 
	font-weight:normal;
188 
}
189 
 
190 
#slideGuideContent div.desc p{
191 
	line-height:26px;
192 
	color:#333333;
193 
	font-size:13px;
194 
}
195 
#slideGuideContent div.desc ul{list-style:none;}
196 
 
197 
#slideGuideContent div.desc li.introduction{
842 rajveer 198 
	margin-top:10px;
794 rajveer 199 
	color:#333;
3830 chandransh 200 
	font-size:12px;
794 rajveer 201 
	font-weight:normal;
202 
}
203 
 
204 
#slideGuideContent div.desc li.mainFeature{
205 
	margin-top:30px;
206 
	color:#333;
207 
	font-size:14px;
208 
	font-weight:bold;
209 
}
2361 rajveer 210 
 
2321 rajveer 211 
#slideGuideContent div.desc li.helpdoc{
2361 rajveer 212 
	cursor: help;
2321 rajveer 213 
}
214 
 
215 
.qtip-content{
216 
    position: relative;
217 
    padding: 5px 20px;
218 
    overflow-x: hidden;
219 
    overflow-y: auto;
220 
    max-height: 300px;
221 
    text-align: left;
222 
    word-wrap: break-word;
223 
    background: #FFFFFF;
224 
}
225 
 
226 
.qtip-content li{
227 
    margin-left: 20px;
228 
}
229 
 
230 
 
794 rajveer 231 
#slideGuideContent div.desc li.mainFeatureValue{
232 
	margin-top:5px;
233 
	padding-left:18px;
234 
	color:#333;
235 
	font-size:13px;
236 
	line-height:14px;
1413 vikas 237 
	background:url(../images/product-sprite.png) no-repeat 8px -228px;
794 rajveer 238 
}
239 
 
240 
#slideGuideContent div.desc li.subFeature{
241 
	margin-top:6px;
242 
	padding-left:18px;
243 
	color:#333;
244 
	font-size:13px;
245 
	font-weight:bold;
1413 vikas 246 
	background:url(../images/product-sprite.png) no-repeat 8px -225px;
794 rajveer 247 
}
248 
 
249 
#slideGuideContent div.desc li.subsubFeature{
250 
	margin-top:6px;
251 
	padding-left:36px;
252 
	color:#333;
253 
	font-size:12px;
254 
	font-weight:bold;
1413 vikas 255 
	background:url(../images/product-sprite.png) no-repeat 26px -225px;
794 rajveer 256 
}
257 
 
258 
#slideGuideContent div.desc li.subFeatureValue{
259 
	margin-left:18px;
260 
	padding-left:17px;
261 
	color:#666;
262 
	font-size:12px;
263 
	line-height:17px;
1413 vikas 264 
	background:url(../images/product-sprite.png) no-repeat 8px -343px;
794 rajveer 265 
}
266 
 
267 
#slideGuideContent div.desc li.subsubFeatureValue{
268 
	margin-left:36px;
269 
	padding-left:17px;
270 
	color:#666;
271 
	font-size:12px;
272 
	line-height:17px;
1413 vikas 273 
	background:url(../images/product-sprite.png) no-repeat 8px -343px;
794 rajveer 274 
}
275 
 
276 
#slideGuideContent div.desc li.mainPunchline{
277 
	line-height:18px;
278 
	margin-bottom:15px;
279 
	padding-left:10px;
280 
	color:#333;
281 
	font-weight:bold;
282 
	font-size:13px;
1413 vikas 283 
	background:url(../images/product-sprite.png) no-repeat 0px -398px;;
794 rajveer 284 
}
285 
 
286 
#slideGuideContent div.desc li.mainFeaturePunchline{
287 
	padding-left:18px;
288 
	color:#333;
289 
	font-size:13px;
1413 vikas 290 
	background:url(../images/product-sprite.png) no-repeat 8px -396px;
794 rajveer 291 
}
292 
 
293 
#slideGuideContent div.desc li.subFeaturePunchline{
294 
	margin-left:18px;
295 
	padding-left:18px;
296 
	color:#666;
297 
	font-size:12px;
1413 vikas 298 
	background:url(../images/product-sprite.png) no-repeat 8px -396px;
794 rajveer 299 
}
300 
 
301 
#slideGuideContent div.desc li.subsubFeaturePunchline{
302 
	margin-left:18px;
303 
	padding-left:36px;
304 
	color:#666;
305 
	font-size:12px;
1413 vikas 306 
	background:url(../images/product-sprite.png) no-repeat 26px -396px;
794 rajveer 307 
}
308 
 
309 
#slideGuideContent div.desc li.spacing{margin-top:35px;}
310 
#slideGuideContent div.desc li.subspacing{margin-top:6px;}
311 
 
312 
#slideGuideContent .slider-content  {
313 
	float:left;
4127 rajveer 314 
	width:313px;
794 rajveer 315 
	font-size:11px;
4127 rajveer 316 
	border-bottom: solid 1px #EEE;
317 
	border-left: solid 1px #EEE;
318 
	border-right: solid 1px #EEE;
319 
	line-height: 30px;
794 rajveer 320 
}
321 
#slideGuideContent .slider-content  ul{border:none !important;}
322 
 
323 
#slideGuideContent .slider .next,
324 
#slideGuideContent .slider .prev{
325 
	display:none;
4127 rajveer 326 
	background-color: white;
794 rajveer 327 
	border:0;
328 
	font-family:Verdana, Arial, Helvetica, sans-serif;
329 
	color:#666;
330 
	font-size:11px;
331 
	padding:0;
332 
	margin:0;
333 
	cursor:pointer;
334 
}
335 
#slideGuideContent .slider .prev{
336 
	float:left;
337 
	color:#0066CC;
4127 rajveer 338 
	margin:12px 0 0 10px;
794 rajveer 339 
}
340 
#slideGuideContent .slider .next{
341 
	float:right;
342 
	color:#0066CC;
4127 rajveer 343 
	margin:12px 15px 0 0;
794 rajveer 344 
}
345 
#slideGuideContent .slider div{
346 
	overflow:hidden;
347 
	text-align:left;
834 rajveer 348 
	height:auto;
794 rajveer 349 
	margin:0;
350 
	padding:0;
351 
}
352 
 
353 
#slideGuideContent .slider div ul{
354 
	width:3000px;/* set to an arbitary high value*/
355 
	overflow:hidden;
356 
	margin:2px 0px;
357 
	padding:0;
358 
	margin-left:0;
359 
}
360 
#slideGuideContent .slider div ul li{
361 
	display:inline-block;
834 rajveer 362 
	display:inline; /*IE 7 hack doesn't support inline-block*/
794 rajveer 363 
	margin:1px 2px;
364 
	width:auto;
365 
	cursor:pointer;
366 
	color:#0066CC;
367 
}
368 
 
369 
#slideGuideContent .slider div ul li a{ color:#666 !important; }
370 
 
371 
#slideGuideContent .sliderScroll{
372 
	width:230px;
373 
	margin:0 auto !important;
374 
}
375 
 
376 
/*___ slideGuideNav ___*/
377 
#slideGuideNav {
3830 chandransh 378 
	background-color: #E9F3F9;
794 rajveer 379 
	float:left;
380 
	display:inline; /* IE 6 bug fix */
3830 chandransh 381 
	width: 140px;
382 
	min-height: 817px;
794 rajveer 383 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
384 
	font-size:12px;
385 
}
386 
#slideGuideNav ul{list-style:none;}
387 
#slideGuideNav a span {
388 
	display:block;
389 
	width:105px;
390 
}
391 
#slideGuideNav a{
392 
	display:block;
3830 chandransh 393 
	padding:9px 0 9px 10px;
4045 rajveer 394 
	color:#333333;
794 rajveer 395 
	text-decoration:none;
396 
	line-height:18px;
397 
}
398 
#slideGuideNav a:hover{
4045 rajveer 399 
	color:#333333 !important;
400 
	font-weight: bold;
794 rajveer 401 
	text-decoration:none;
4045 rajveer 402 
	background-color: white !important;
794 rajveer 403 
}
404 
 
405 
/*___ slideGuideProduct ___*/
406 
#slideGuideProduct{
407 
	float:left;
4017 rajveer 408 
	width:570px;
794 rajveer 409 
}
410 
#slideGuideProduct h1{
4127 rajveer 411 
	margin:0px 0 10px 0px;
794 rajveer 412 
	font-weight:normal;
413 
}
414 
#slideGuideProduct .modelName{margin-left:9px;}
415 
 
416 
/*___ Pincode ___*/
417 
#servicePinCode .left{background:url(../images/pincode-left.jpg) no-repeat;}
418 
#servicePinCode .right{background:url(../images/pincode-right.jpg) no-repeat top right;}
419 
#servicePinCode .center{
420 
	margin:0 16px;
421 
	height:32px;
422 
	padding: 8px 0 0 20px;
423 
	background:url(../images/pincode-hor-bar.jpg) repeat-x;
424 
}
425 
#servicePinCode .imgTextBox {
426 
	float:left;
427 
	width:80px;
428 
	margin:0 5px;
429 
}
430 
#servicePinCode .imgTextBox .left{background:url(../images/textbox-left.jpg) no-repeat;}
431 
#servicePinCode .imgTextBox .right{background:url(../images/textbox-right.jpg) no-repeat top right;}
432 
#servicePinCode .imgTextBox .center{
433 
	margin:0 5px;
434 
	padding:0;
435 
	background:url(../images/textbox-hor-bar.jpg) repeat-x;
436 
}
437 
#servicePinCode .imgTextBox .textbox{
438 
	width:68px;
439 
	height:21px;
440 
	font-size:14px;
441 
	color:#999;
442 
	border:none;
443 
	background:none;
444 
}
445 
#servicePinCode .button{
446 
	margin-top:1px;
447 
	width:31px;
448 
	height:21px;
449 
	border:none;
450 
	background:url(../images/buttons/go.jpg) no-repeat;
451 
}
452 
 
453 
/*___ Phone reviews ___*/
454 
#phoneReviews{margin-bottom:-6px;}
455 
#phoneReviews .top .left{background:url(../images/review-top-left.jpg) no-repeat;}
456 
#phoneReviews .top .right{background:url(../images/review-top-right.jpg) no-repeat top right;}
457 
#phoneReviews .top .center{
458 
	background:url(../images/review-top-hor-bar.jpg) repeat-x;
459 
	height:31px;
460 
	margin:0 10px;
461 
}
462 
#phoneReviews .middle{
463 
	color:#333;
464 
	background:#fdfdfd;
465 
	border-left:1px solid #ccc;
466 
	border-right:1px solid #ccc;
467 
	padding:1px 0; /* Bug fix*/
468 
}
469 
#phoneReviews h2{
470 
	padding:5px 0 0 5px;
471 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
472 
	font-size:18px;
473 
	font-weight:normal;
474 
}
475 
#phoneReviews p{margin:10px 15px 15px 15px;}
476 
#phoneReviews .bottom{margin-top:-10px;}
477 
#phoneReviews .bottom .left{background:url(../images/review-bottom-left.jpg) no-repeat;}
478 
#phoneReviews .bottom .right{background:url(../images/review-bottom-right.jpg) no-repeat top right;}
479 
#phoneReviews .bottom .center{
480 
	background:url(../images/review-bottom-hor-bar.jpg) repeat-x;
481 
	height:31px;
482 
	margin:0 10px;
483 
}
484 
#phoneReviews .horLine{
842 rajveer 485 
	/* margin-top:-20px;   by ebizon */
794 rajveer 486 
	border-bottom:1px solid #ccc;
842 rajveer 487 
  height:1px; /* add by ebizon */
834 rajveer 488 
}
1181 rajveer 489 
/* for chrome */
490 
@media screen and (-webkit-min-device-pixel-ratio:0) {
1182 vikas 491 
            #slideGuideContent div.demo ul {padding:3px 0 !important;}
1181 rajveer 492 
}
2323 varun.gupt 493 
div.contweak	{
494 
	min-height: 817px;
3830 chandransh 495 
	border: 1px solid #67ABD3;
2644 varun.gupt 496 
}
497 
 
498 
/* My Notes */
499 
 
500 
.mynotes-section	{
501 
	float: right;
502 
	font-family: 'Comic Sans MS',Textile,cursive;
503 
	font-size: 11px;
504 
	color: #444444;
3830 chandransh 505 
	margin-top: 25px;
506 
	width: 226px;
2644 varun.gupt 507 
}
508 
 
2718 varun.gupt 509 
.mynotes-section h3	{
3830 chandransh 510 
	background-color: #FFD685;
2718 varun.gupt 511 
	font-size: 12px;
512 
	padding: 1px 0 1px 5px;
513 
}
514 
 
515 
.mynotes-section .note-display, .mynotes-section textarea	{
3830 chandransh 516 
	background: none repeat scroll 0 0 #FFFFCC;
517 
	border: 1px solid #FFD685;
2718 varun.gupt 518 
	min-height: 60px;
519 
	max-height: 90px;
520 
}
2672 varun.gupt 521 
.mynotes-section .note-display	{
522 
	padding: 3px;
3830 chandransh 523 
	width: 218px;
2672 varun.gupt 524 
}
525 
 
2644 varun.gupt 526 
.mynotes-section textarea	{
527 
	display: none;
528 
	font-size: 11px;
3830 chandransh 529 
	color: #666666;
2672 varun.gupt 530 
	padding: 2px;
2644 varun.gupt 531 
	float: left;
3830 chandransh 532 
	width: 220px;
2718 varun.gupt 533 
	overflow: auto;
2672 varun.gupt 534 
}
535 
 
2718 varun.gupt 536 
.mynotes-section p, .mynotes-colorbox-section p	{
2672 varun.gupt 537 
	display: none;
538 
}
539 
 
2718 varun.gupt 540 
.mynotes-section p a	{
541 
	float: right;
542 
	cursor: pointer;
543 
}
544 
 
2672 varun.gupt 545 
#mynotes-colorbox .mynotes-colorbox-section	{
546 
	padding: 3px 5px;
547 
	margin: 3px 0px 3px 0 px;
548 
}
549 
 
550 
#mynotes-colorbox .clrbx-note-display	{
551 
	background: none repeat scroll 0 0 #F9F9F9;
552 
	border: 1px solid #CCCCCC;
553 
	padding: 2px;
554 
}
555 
 
556 
#mynotes-colorbox .clrbx-note-input	{
557 
	display: none;
558 
	background: none repeat scroll 0 0 #F9F9F9;
559 
	border: 1px solid #CCCCCC;
560 
	width: 610px;
561 
	height: 20px;
562 
	padding: 2px;
563 
}
564 
 
2718 varun.gupt 565 
a.view-my-notes	{
566 
	float: right;
567 
	font-weight: normal !important;
568 
	cursor: pointer;
2323 varun.gupt 569 
}