Subversion Repositories SmartDukaan

Rev

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

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