Subversion Repositories SmartDukaan

Rev

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