Subversion Repositories SmartDukaan

Rev

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