Subversion Repositories SmartDukaan

Rev

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