Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
545 rajveer 1 
/* For Slide Guide*/
2 
.ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
3 
.ui-tabs .ui-tabs-nav {}
4 
/*.ui-tabs .ui-tabs-nav li {white-space: nowrap;}*/
5 
.ui-tabs .ui-tabs-nav li a {}
6 
 
539 rajveer 7 
/*
545 rajveer 8 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {font-weight:bold;background:url(tab_selc.gif) repeat-x left;}
9 
.ui-tabs .ui-tabs-nav li.ui-state-active a.vt{font-weight:normal;background:#ebebeb url(side_arw_actv.gif) no-repeat 11.7em center!important;color:#000;}
10 
*/
11 
 
12 
 
13 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
14 
.ui-tabs .ui-tabs-nav li.ui-state-active a.vt{
15 
	color:#fff !important;
16 
	text-decoration:none;
17 
	background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px !important;
18 
}
19 
 
20 
.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; }
21 
.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... */
22 
.ui-tabs .ui-tabs-panel { display: block;}
23 
.ui-tabs .ui-tabs-hide { display: none !important; }
24 
 
25 
/* For Slide Guide*/
26 
 
27 
/*
539 rajveer 28 
div.sideNavBg{padding:0; margin:0;background:url(../images/demo_panel_bg.gif) repeat-x 0em bottom;}
29 
*/
30 
div.sideNav
31 
{
32 
	padding:0px 0px 0px 0px;
33 
	margin:0px 0px 0px 0px;
34 
	/*background:url(../images/sidenav_bg.gif) repeat-y right top;*/
35 
	width:154px;
36 
	float:left;
37 
}
38 
div.sideNav ul
39 
{
40 
	padding:0px 0px 0px 0px;
41 
	margin:10px 2px 0px 0px;
42 
}
43 
div.sideNav ul li
44 
{
45 
	padding:0px 0px 0px 0px;
46 
	margin:0px 0px 0px 0px;
47 
	background:url(../images/side_arw_inact.gif) no-repeat 11.7em center;
48 
	font-size:0.9em;
49 
 
50 
}
51 
/*
52 
div.sideNav ul li:hover, div.sideNav ul li.sfhover
53 
{
54 
	padding:0px 0px 0px 0px;
55 
	margin:0px 0px 0px 0px;
56 
	background:#ebebeb url(../images/side_arw_actv.gif) no-repeat 11.7em center;
57 
	font-size:0.9em;
58 
}
59 
*/
60 
div.sideNav ul li a.vt
61 
{
62 
	padding:8px 12px 10px 10px;
63 
	margin:0px 0px 0px 0px;
64 
	text-decoration:none;
65 
	color:#666;
66 
	display:block;
67 
 
68 
}
69 
/*
70 
div.teaser
71 
{
72 
float:left;
73 
padding:0px 0px 0px 10px;
74 
margin:20px 0px 0px 0px;
75 
width:76.9%;
76 
font-size:12px;
77 
font-family:Verdana;
78 
}
79 
*/
80 
/*div.teaser h1
81 
{
82 
font-size:1.5em;
83 
font-weight:normal;
84 
}*/
85 
 
86 
div.teaser h1
87 
{
88 
     font-size:24px;
89 
     font-weight:normal;
90 
}
91 
div.teaser h1 span
92 
{
93 
     font-weight:bold;
94 
}
95 
 
96 
 
97 
div.demo{
98 
	float:left;
99 
	width:317px;
100 
	padding:0;
101 
	margin:16px 0 0 0;
102 
}
103 
div.demo ul {
104 
	margin:0 0 -1px 0;
105 
	padding: 3px 0;
106 
	position:relative;
107 
	z-index:999;
108 
	height:20px;
109 
}
110 
div.demo ul li{
111 
	list-style: none;
112 
	margin: 0;
113 
	display: inline;
114 
}
115 
 
116 
div.demo ul li a{
117 
	padding: 6px 8px;
118 
	margin-left: 8px;
119 
	color:#fff;
120 
	font-size:11px;
121 
	text-decoration: none;
122 
	background:url(../images/tab-hor-bar.jpg) repeat-x;
123 
	border-bottom: none;
124 
	border-top:1px solid #6699FF;
125 
	border-right:1px solid #6699FF;
126 
	border-left:1px solid #6699FF;
127 
}
128 
 
129 
/*
130 
div.demo ul li
131 
{
132 
padding:8px 10px 6px 10px;
133 
*padding:8px 10px 3px 10px;
134 
margin:0px 5px 0px 0px;
135 
width:50px;
136 
display:inline;
137 
clear:both;
138 
background:url(../images/tab_unselc.gif) repeat-x left ;
139 
}
140 
div.demo ul li a
141 
{
142 
padding:8px 0px 8px 0px;
143 
margin:0px 0px 0px 0px;
144 
text-decoration:none;
145 
font-size:0.8em;
146 
color:#000;
147 
}
148 
*/
149 
 
150 
div.demo .ui-tabs-nav li.ui-tabs-selected,
151 
div.demo .ui-tabs-nav li.ui-state-active{
152 
	background:#fff !important;
153 
}
154 
div.demo .ui-tabs-nav li.ui-state-active a{
155 
	color:#000;
156 
	background:#fff;
157 
	border-bottom:none;
158 
	border-top:1px solid #999;
159 
	border-right:1px solid #999;
160 
	border-left:1px solid #999;
161 
}
162 
 
163 
div.demo ul li.sel{
164 
}
165 
 
166 
div.demo div.tabby{
167 
	/*padding:10px 60px 10px 60px;*/
168 
	margin:0px 10px 0px 0px;
169 
	border:1px solid #ccc;
170 
	overflow:hidden;
171 
	width:317px;
172 
}
173 
 
174 
 
175 
 
176 
 
177 
 
178 
/*
179 
 * Required
180 
*/
181 
 
182 
.container {
183 
width:317px;
184 
height:540px;
185 
margin:0px 10px 0px 0px;
186 
/*border:1px solid #ccc;*/
187 
padding-top:4px;
188 
border-top: 1px solid #999;
189 
overflow:hidden;
190 
position:relative;
191 
background:#fff;
192 
}
193 
/*
194 
.slides { position:absolute; top:0; left:0; }
195 
.slides div { position:absolute; top:0; width:296px; margin:35px 5px 5px;}
196 
.slides div img{ max-width:311px;max-height:481px; }
197 
*/
198 
 
199 
.slides{width:315px;float:left;position:absolute;top:45px; background:#fff; border:none;}
200 
.slides div{text-align: center; background:#fff; border:none;}
201 
.slides img{max-width:311px;max-height:481px; background:#fff; border:none;}
202 
 
203 
 
204 
/*
205 
 * Optional
206 
*/
207 
#loopedSlider,#newsSlider { margin:0 auto;position:relative; clear:both; }
208 
ul.pagination { list-style:none; padding:0; margin:0; }
209 
ul.pagination li  { float:left; }
210 
ul.pagination li a { padding:2px 4px; }
211 
ul.pagination li.active a { background:blue; color:white; }
212 
 
213 
div.demo div.tabby img
214 
{
215 
	margin:2px;
216 
 
217 
}
218 
div.desc
219 
{
220 
float:left;
221 
width:225px;
222 
padding:0px 0px 0px 0px;
223 
margin:50px 0px 0px 23px;
224 
display:inline; /*ie6 bug fix*/
225 
}
226 
div.bot
227 
{
228 
background:#dcdcdc;
229 
padding:4px 9px 4px 5px;
230 
margin:0px 0px 0px 0px;
231 
width:305px;
232 
height:22px;
233 
}
234 
div.bot a
235 
{
236 
padding:0px 2px 0px 0px;
237 
margin:0px 0px 0px 0px;
238 
color:#1d76ce;
239 
text-decoration:none;
240 
}
241 
div.bot span
242 
{
243 
padding:0px 0px 0px 0px;
244 
margin:0px 50px 0px 0px;
245 
}
246 
div.desc div.introduction
247 
{
248 
font-size:0.9em;
249 
line-height:2em;
250 
padding:0px 0px 0px 0px;
251 
margin:0px 0px 0px 0px;
252 
text-align:left;
253 
}
254 
div.desc h4
255 
{
256 
	color:#333;
257 
	font-size:20px;
258 
	font-weight:normal;
259 
	/* font-family:Verdana; */
260 
}
261 
div.desc p{
262 
	line-height:26px;
263 
	color:#333333;
264 
	font-size:13px;
265 
}
266 
div.desc ul{list-style:none;}
267 
 
268 
div.desc li.introduction{
269 
	margin-top:30px;
270 
	color:#333;
271 
	font-size:13px;
272 
	font-weight:normal;
273 
}
274 
 
275 
div.desc li.mainFeature{
276 
	margin-top:30px;
277 
	color:#333;
278 
	font-size:14px;
279 
	font-weight:bold;
280 
}
281 
 
282 
div.desc li.mainFeatureValue{
283 
	margin-top:5px;
284 
	padding-left:18px;
285 
	color:#333;
286 
	font-size:13px;
287 
	line-height:14px;
288 
	background:url(../images/black-bullet.gif) no-repeat 8px 6px;
289 
}
290 
 
291 
div.desc li.subFeature{
292 
	margin-top:6px;
293 
	padding-left:18px;
294 
	color:#333;
295 
	font-size:13px;
296 
	font-weight:bold;
297 
	background:url(../images/black-bullet.gif) no-repeat 8px 9px;
298 
}
299 
 
300 
div.desc li.subsubFeature{
301 
	margin-top:6px;
302 
	padding-left:36px;
303 
	color:#333;
304 
	font-size:12px;
305 
	font-weight:bold;
306 
	background:url(../images/black-bullet.gif) no-repeat 26px 9px;
307 
}
308 
 
309 
div.desc li.subFeatureValue{
310 
	margin-left:18px;
311 
	padding-left:17px;
312 
	color:#666;
313 
	font-size:12px;
314 
	line-height:17px;
315 
	background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
316 
}
317 
 
318 
div.desc li.subsubFeatureValue{
319 
	margin-left:36px;
320 
	padding-left:17px;
321 
	color:#666;
322 
	font-size:12px;
323 
	line-height:17px;
324 
	background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
325 
}
326 
 
327 
div.desc li.mainPunchline{
328 
	line-height:18px;
329 
	margin-bottom:15px;
330 
	padding-left:10px;
331 
	color:#333;
332 
	font-weight:bold;
333 
	font-size:13px;
334 
	background:url(../images/mehron-square-bullet.gif) no-repeat 0px 7px;
335 
}
336 
 
337 
div.desc li.mainFeaturePunchline{
338 
	padding-left:18px;
339 
	color:#333;
340 
	font-size:13px;
341 
	background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
342 
}
343 
 
344 
div.desc li.subFeaturePunchline{
345 
	margin-left:18px;
346 
	padding-left:18px;
347 
	color:#666;
348 
	font-size:12px;
349 
	background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
350 
}
351 
 
352 
 
353 
 
354 
div.desc li.subsubFeaturePunchline{
355 
	margin-left:18px;
356 
	padding-left:36px;
357 
	color:#666;
358 
	font-size:12px;
359 
	background:url(../images/mehron-square-bullet.gif) no-repeat 26px 9px;
360 
}
361 
div.desc li.spacing{margin-top:35px;}
362 
 
363 
div.desc li.subspacing{margin-top:6px;}
364 
 
365 
div.block2
366 
{
367 
padding:0px 0px 0px 0px;
368 
margin:0px 0px 4px 0px;
369 
width:737px;
370 
background	:#fff;
371 
float:left;
372 
}
373 
div.block2 div
374 
{
375 
/*background:url(../images/center_bg.gif) repeat-x left ;*/
376 
overflow:hidden;
377 
 
378 
}
379 
div.block2 img
380 
{
381 
padding:0px 0px 0px 0px;
382 
margin:0px 0px 0px 0px;
383 
float:left;
384 
}
385 
div.block2Bottom1
386 
{
387 
background:url(../images/phoneReviewbottom.gif) no-repeat;
388 
width:737px;
389 
height:6px;
390 
 
391 
}
392 
div.block2Top1 h4
393 
{
394 
padding:7px 0px 6px 10px;
395 
margin:0px 0px 0px 0px;
396 
font-family:Verdana;
397 
font-size:1.4em;
398 
color:#000;
399 
width:727px;
400 
height:19px;
401 
background:url(../images/phoneReviewtop.gif) no-repeat;
402 
/*background:url(../images/right_curv.gif) no-repeat right 0em ;*/
403 
}
404 
@media screen and (-webkit-min-device-pixel-ratio:0){
405 
	div.block2 h4{width:98.7%;}
406 
	input.srchbtn{padding: 5px 0px 5px 0px;}
407 
}
408 
div.block2 p
409 
{
410 
padding:10px;
411 
margin:0px 0px 5px 0px;
412 
background:#f5f5f5;
413 
color:#000;
414 
display:block;
415 
line-height:15px;
416 
width:717px;
417 
}
418 
 
419 
/**BEGIN   (right column)***/
420 
div.sideBlock
421 
{
422 
	float:right;
423 
	width:237px;
424 
	padding:0px 0px 0px 0px;
425 
	margin:2px 0px 0px 0px;
426 
	line-height:1.4em;
427 
 
428 
}
429 
div.custserv
430 
{
431 
margin:0px 0px 0px 0px;
432 
padding:0px 0px 0px 0px;
433 
background:#f5f5f5;
434 
position:relative;
435 
height:68px;
436 
}
437 
/*
438 
div.custserv h3
439 
{
440 
color:#666;
441 
margin:0px 0px 0px 0px;
442 
padding:5px 0px 5px 8px;
443 
background:url(side_hdr_bg.gif) repeat-x 0em 0em;
444 
border-bottom:1px solid #ccc;
445 
font-size:1.1em;
446 
}
447 
div.custserv img.mail
448 
{
449 
margin:0px 0px 0px 0px;
450 
padding:10px 10px 10px 10px;
451 
border-right:1px solid #ccc;
452 
}
453 
div.custserv img
454 
{
455 
padding-left:5px;
456 
}
457 
div.custserv span
458 
{
459 
margin:0px 0px 0px 0px;
460 
padding:0px 0px 0px 10px;
461 
font-weight:bold;
462 
position:absolute;
463 
top:38px;
464 
}
465 
*/
466 
 
467 
div.lightbox{
468 
margin:4px 0px 0px 0px;
469 
*margin:5px 0px 0px 0px;
470 
padding:0px;
471 
/*border:1px solid #ccc;*/
472 
float:left;
473 
width:240px;
474 
 
475 
}
476 
div.hdr
477 
{
478 
margin:0px 0px 0px 0px;
479 
padding:10px 0px 10px 0px;
480 
border-bottom:1px solid #ccc;
481 
background:url(../images/lb_hdr_bg.gif) repeat-x left;
482 
height:21px;
483 
width:240px;
484 
}
485 
div.hdr a
486 
{
487 
margin:0px 0px 0px 10px;
488 
padding:0px 0px 0px 26px;
489 
text-decoration:none;
490 
font-size:18px;
491 
color:#333;
492 
background:url(../images/lgb_arw.gif) no-repeat left center;
493 
}
494 
 
495 
div.swapy a
496 
{
497 
background:url(../images/lgb_arw_cc.gif) no-repeat left center;
498 
height:21px;
499 
width:13px;
500 
}
501 
 
502 
div.hdr1 a
503 
{
504 
margin:0px 0px 0px 10px;
505 
padding:0px 0px 0px 26px;
506 
text-decoration:none;
507 
font-size:18px;
508 
color:#333;
509 
background:url(../images/schdule_right.gif) no-repeat left center;
510 
}
511 
 
512 
 
513 
div.swapy1 a
514 
{
515 
background:url(../images/schdule_down.gif) no-repeat left center;
516 
height:21px;
517 
width:13px;
518 
}
519 
 
520 
 
521 
div.tools
522 
{
523 
margin:0px;
524 
padding-left:5px;
525 
border-bottom:1px solid #ccc;
526 
background:#F5F5F5;
527 
line-height:16px;
528 
}
529 
div.tools a
530 
{
531 
margin:0px 0px 0px 0px;
532 
padding:2px 6px;
533 
font-size:11px;
534 
display:inline;
535 
border-right:1px solid #ccc;
536 
text-decoration:none;
537 
color:#0066cc;
538 
font-weight:bold;
539 
 
540 
}
541 
div.tools a:hover
542 
{
543 
	text-decoration: underline;
544 
	cursor:pointer;
545 
}
546 
 
547 
div.tabwrap{
548 
/*
549 
padding-top:2px;
550 
max-height:257px;
551 
overflow-x:hidden;
552 
overflow-y:auto;
553 
background:#fff;
554 
*/
555 
height:257px;
556 
overflow-x:hidden;
557 
overflow-x:auto;
558 
}
559 
/*
560 
div.researchHeight{
561 
	padding-top:2px;
562 
	overflow-x:hidden;
563 
	overflow-y:auto !important;
564 
	background:#fff;
565 
	max-height:270px;
566 
}
567 
*/
568 
div.tabwrap table
569 
{
570 
background:#fff;
571 
padding:4px 0 6px 0;
572 
}
573 
div.tabwrap table td
574 
{
575 
vertical-align:top;
576 
/*padding:3px 3px 3px 3px;*/
577 
padding:4px;
578 
margin:0px 0px 0px 0px;
579 
}
580 
.borderBottom{
581 
	border-bottom:1px solid #ccc;
582 
	padding-bottom:4px;
583 
}
584 
.spacing{line-height:5px;}
585 
 
586 
div.tabwrap table td input{margin-left:4px;}
587 
div.tabwrap table td img
588 
{
589 
margin-left:1px;
590 
border:1px solid #ccc;
591 
padding:1px;
592 
max-width:60px;
593 
max-height:60px;
594 
text-align:center;
595 
}
596 
div.tabwrap table td div{padding:0px 5px;}
597 
div.tabwrap table td div a
598 
{
599 
padding:0px 0px 0px 0px;
600 
margin:0px;
601 
color:#0066cc;
602 
text-decoration:none;
603 
font-weight:bold;
604 
display:block;
605 
 
606 
/*
607 
height:19px;
608 
overflow:hidden;
609 
*/
610 
}
611 
div.tabwrap table td div.text, div.tabwrap table td div.price{
612 
padding:0px 0px 0px 0px;
613 
margin:0px 0px 0px 0px;
614 
color:#000;
615 
font-size:11px;
616 
line-height:15px;
617 
font-weight:normal;
618 
cursor:text;
619 
}
620 
div.tabwrap table td div.price{
621 
	padding:3px 0;
622 
 
623 
	/*
624 
	height:15px;
625 
	overflow:hidden;
626 
	*/
627 
}
628 
div.tabwrap table td div.text{
629 
	line-height:13px;
630 
 
631 
	/*
632 
	height:29px;
633 
	overflow:hidden;
634 
	*/
635 
}
636 
 
637 
div.tabwrap .link{
638 
	/*margin-top:-4px;*/
639 
	margin-top:-2px;
640 
	font-size:11px;
641 
	text-align:right;
642 
	font-weight:normal !important;
643 
}
644 
 
645 
div.tabwrap table td.n
646 
{
647 
padding:0px 0px 0px 0px;
648 
margin:0px 0px 0px 0px;
649 
border-top:1px solid #ccc;
650 
text-align:right;
651 
}
652 
div.tabwrap table td.n a.notes
653 
{
654 
padding:0px 5px 0px 0px;
655 
margin:0px;
656 
color:#0066cc;
657 
font-size:0.85em;
658 
font-weight:normal;
659 
text-decoration:none;
660 
}
661 
div.tabwrap table td.null
662 
{
663 
padding:0px;
664 
margin:0px;
665 
background:#fff;
666 
height:2px;
667 
}
668 
div.quicksign
669 
{
670 
/*
671 
margin:0px;
672 
padding:0px 0px 0px 5px;
673 
background:#e8e8e8;
674 
color:#000;
675 
font-size:0.85em;
676 
line-height:15px;
677 
*/
678 
font-size:11px;
679 
padding:2px 10px 4px 10px;
680 
line-height:14px;
681 
background:#F5F5F5;
682 
border-top:1px solid #ccc;
683 
}
684 
div.quicksign a
685 
{
686 
font-weight:bold;
687 
/*
688 
margin:0px;
689 
padding:0px 4px 0px 0px;
690 
text-decoration:none;
691 
color:#0066cc;
692 
font-weight:bold;
693 
*/
694 
}
695 
 
696 
/**END   (right column)***/
697 
div.footermast
698 
{
699 
background:#fff;
700 
width:100%;
701 
 
702 
 
703 
}
704 
div.footer
705 
{
706 
text-align:left;
707 
padding: 5px 0px 5px 10px;
708 
margin:0px auto 0px auto;
709 
color:#227ad3;
710 
background:#fff;
711 
width:980px;
712 
}
713 
div.footer a{
714 
margin:0px 0px 0px 0px;
715 
padding:0px 0px 0px 0px;
716 
color:#0066cc;
717 
text-decoration:none;
718 
font-size:12px;
719 
font-weight:bold;
720 
}
721 
div.footermast span{
722 
margin:0px 0px 0px 0px;
723 
padding:0px 0px 0px 145px;
724 
color:#000;
725 
font-size:10px;
726 
}
727 
 
728 
div.quickLinks a.signin:hover, div.footer a:hover, div.common a:hover, div.quickLinks a:hover,
729 
div.tabwrap table td div a:hover, div.tabwrap table td.n a.notes:hover, div.bot a:hover, div.breadcrumb a:hover, div.quicksign a:hover
730 
{
731 
text-decoration:underline!important;
732 
}
733 
 
734 
.videoImg{
735 
background:url(../images/nokia_videobg.gif) no-repeat;
736 
height:481px;
737 
width:311px;
738 
float:left;
739 
}
740 
 
741 
.videoStyle{
742 
height: 273px;
743 
width: 203px;
744 
margin:60px 0px 0px 52px;
745 
float:left;
746 
}
747 
 
748 
 
749 
/*binay*/
750 
.overflowhide{overflow:hidden;}
751 
.padding5{padding:5px;}
752 
.padding10{padding:10px;}
753 
.block3Top{background:url(../images/block3Top.jpg) no-repeat;width:737px; height:5px; background-position:top center;}
754 
.block3Bottom{background:url(../images/block3Bottom.jpg) no-repeat;width:736px; height:5px;background-position:bottom center;}
755 
.block3Content{width:717px; background:url(../images/cotentBg3.jpg) repeat-y;padding:0px 10px;background-position:left center; margin:0;}
756 
/*binay end*/
757 
 
758 
#contentwrapper{
759 
float: left;
760 
width: 100%;
761 
}
762 
 
763 
#contentcolumn{
764 
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
765 
background: #ccc;
766 
}
767 
 
768 
#leftcolumn{
769 
float: left;
770 
width: 180px; /*Width of left column in pixel*/
771 
margin-left: -733px; /*Set margin to that of -(MainContainerWidth)*/
772 
background: #C8FC98;
773 
}
774 
 
775 
#rightcolumn{
776 
float: left;
777 
width: 190px; /*Width of right column*/
778 
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
779 
background: #FDE95E;
780 
}
781 
/*youtube video*/
782 
#videoDiv {
783 
margin-right: 3px;
784 
}
785 
/*#videoInfo {
786 
margin-left: 3px;
787 
}*/
788 
 
789 
/*widget slide guide section*/
790 
.toggler { width: 530px; height:530px; position: relative;}
791 
  #button { padding: .5em 1em; text-decoration: none; }
792 
  /*#vtab-1 { width: 530px; height: 530px; padding: 0.4em; position: relative; }
793 
  #vtab-1 h3 { margin: 0; padding: 0.4em; text-align: center; }*/
794 
.ui-effects-transfer { border: 2px dotted gray; }
795 
 
796 
/*scroll pan
797 
.winXP apply window XP scrollbar style
798 
.osX apply mac scrollbar style
799 
*/
800 
 
801 
#pane1{
802 
     height: 267px;
803 
}
804 
 
805 
#pane2, #pane3, #pane4 {
806 
     height: 247px;
807 
}
808 
 
809 
.winXP .jScrollPaneTrack {
810 
     background: url(../images/windows_track.gif) repeat-y;
811 
}
812 
.winXP .jScrollPaneDrag {
813 
     background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;
814 
}
815 
.winXP .jScrollPaneDragTop {
816 
     background: url(../images/windows_drag_top.gif) no-repeat;
817 
     height: 4px;
818 
}
819 
.winXP .jScrollPaneDragBottom {
820 
     background: url(../images/windows_drag_bottom.gif) no-repeat;
821 
     height: 4px;
822 
}
823 
.winXP a.jScrollArrowUp {
824 
     height: 17px;
825 
     background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
826 
}
827 
.winXP a.jScrollArrowUp:hover {
828 
     background-position: 0 -20px;
829 
}
830 
.winXP a.jScrollArrowDown {
831 
     height: 17px;
832 
     background: url(../images/windows_arrow_down.gif) no-repeat 0 0;
833 
}
834 
.winXP a.jScrollArrowDown:hover {
835 
     background-position: 0 -20px;
836 
}
837 
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
838 
     background-position: 0 -40px;
839 
}
840 
 
841 
 
842 
.osX .jScrollPaneTrack {
843 
     background: url(../images/osx_track.gif) repeat-y;
844 
}
845 
.osX .jScrollPaneDrag {
846 
     background: url(../images/osx_drag_middle.gif) repeat-y;
847 
}
848 
.osX .jScrollPaneDragTop {
849 
     background: url(../images/osx_drag_top.gif) no-repeat;
850 
     height: 6px;
851 
}
852 
.osX .jScrollPaneDragBottom {
853 
     background: url(../images/osx_drag_bottom.gif) no-repeat;
854 
     height: 7px;
855 
}
856 
.osX a.jScrollArrowUp {
857 
     height: 24px;
858 
     background: url(../images/osx_arrow_up.png) no-repeat 0 -30px;
859 
}
860 
.osX a.jScrollArrowUp:hover {
861 
     background-position: 0 0;
862 
}
863 
.osX a.jScrollArrowDown {
864 
     height: 24px;
865 
     background: url(../images/osx_arrow_down.png) no-repeat 0 -30px;
866 
}
867 
.osX a.jScrollArrowDown:hover {
868 
     background-position: 0 0;
869 
}
870 
 
871 
 
872 
.left .jScrollPaneTrack {
873 
     left: 0;
874 
     right: auto;
875 
}
876 
.left a.jScrollArrowUp {
877 
     left: 0;
878 
     right: auto;
879 
}
880 
.left a.jScrollArrowDown {
881 
     left: 0;
882 
     right: auto;
883 
}
884 
 
885 
/* IE SPECIFIC HACKED STYLES */
886 
* html .osX .jScrollPaneDragBottom {
887 
     bottom: -1px;
888 
}
889 
/* /IE SPECIFIC HACKED STYLES */
890 
 
891 
/*Rating*/
892 
.ratingstar{float:left;padding: 2px 0;}
893 
 
894 
/*tag slide */
895 
.slider-content  {
896 
     float:left;
897 
     width:316px;
898 
     margin-top:5px auto;
899 
     background:#eee;
900 
	 font-size:11px;
901 
}
902 
.slider-content  ul{border:none !important;}
903 
 
904 
.slider .next, .slider .prev{
905 
     display:none;
906 
     background-color:#EEEEEE;
907 
     border:0;
908 
	 font-family:Verdana, Arial, Helvetica, sans-serif;
909 
     color:#666;
910 
	 font-size:11px;
911 
     padding:0;
912 
     margin:0;
913 
     cursor:pointer;
914 
}
915 
.slider .prev{
916 
     float:left;
917 
	 color:#0066CC;
918 
	 margin:5px 0 0 10px;
919 
}
920 
.slider .next{
921 
     float:right;
922 
	 color:#0066CC;
923 
	 margin:5px 10px 0 0;
924 
}
925 
.slider div{
926 
     overflow:hidden;
927 
     text-align:left;
928 
     height:none;
929 
     margin:0;
930 
     padding:0;
931 
}
932 
 
933 
.slider div ul{
934 
     width:3000px;/* set to an arbitary high value*/
935 
     overflow:hidden;
936 
     margin:2px 0px;
937 
     padding:0;
938 
 
939 
     margin-left:0;
940 
}
941 
.slider div ul li{
942 
     display:inline-block;
943 
     //display:inline; /*IE 7 hack doesn't support inline-block*/
944 
     margin:1px 2px;
945 
     /*background:#fff;*/
946 
     /*border:1px solid #ddd;*/
947 
     width:auto;
948 
     cursor:pointer;
949 
     color:#0066CC;
950 
}
951 
 
952 
.slider div ul li a{
953 
	color:#666 !important;
954 
}
955 
 
956 
.sliderScroll{
957 
	width:230px;
958 
	margin:0 auto !important;
959 
}