Subversion Repositories SmartDukaan

Rev

Rev 2875 | Rev 3862 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 2875 Rev 3830
Line 5... Line 5...
5
  * Copyright 2010 Evon Technologies
5
  * Copyright 2010 Evon Technologies
6
*/
6
*/
7
 
7
 
8
html, body, h1, h2, h3, h4, h5, h6, div, span, p, ol, ul, li, dl, dt, dd, table, th, tr, td, form, label, input, select, textarea {margin:0; padding:0;}
8
html, body, h1, h2, h3, h4, h5, h6, div, span, p, ol, ul, li, dl, dt, dd, table, th, tr, td, form, label, input, select, textarea {margin:0; padding:0;}
9
 
9
 
-
 
10
 
10
body{
11
body{
11
	font-family:Verdana, Verdana, Geneva, sans-serif;
-
 
12
	font-size:12px;
12
	font-size:12px;
13
	color:#000;
-
 
14
	line-height:18px;
13
	line-height:18px;
-
 
14
	font-family: Lucida Grande, Open Sans;
-
 
15
	/*
-
 
16
	font-family:Verdana, Verdana, Geneva, sans-serif;
-
 
17
	color:#000;
15
	background:#555;
18
	background:#555; 
-
 
19
	*/ 
16
}
20
}
17
 
21
 
-
 
22
 
18
h1{
23
h1{
19
	font-size:24px;
24
	font-size:24px;
20
	font-weight:bold;
25
	font-weight:bold;
21
}
26
}
22
h2{
27
h2{
Line 27... Line 32...
27
	font-size:14px;
32
	font-size:14px;
28
	font-weight:bold;
33
	font-weight:bold;
29
}
34
}
30
a{
35
a{
31
	outline:none;
36
	outline:none;
32
	color:#0066CC;
37
	color:#006699;
33
	text-decoration:none;
38
	text-decoration:none;
34
}
39
}
35
a:hover{
40
a:hover{
36
	color:#0066CC;
41
	color:#0066CC;
37
	text-decoration:underline;
42
	text-decoration:underline;
Line 450... Line 455...
450
}
455
}
451
#messageError p{color:#b31941;}
456
#messageError p{color:#b31941;}
452
#messageSuccess p{color:#003300;}
457
#messageSuccess p{color:#003300;}
453
 
458
 
454
 
459
 
455
/*___ Footer ___*/
-
 
456
#footer{
-
 
457
	background:#fff;
-
 
458
	padding:10px 0;
-
 
459
    margin-top:5px; /* by ebizon for gapping to footer and wrapper */
-
 
460
}
-
 
461
#footer .content {
-
 
462
	width:980px;
-
 
463
	margin:0 auto;
-
 
464
}
-
 
465
#footer ul{
-
 
466
	float:left;
-
 
467
	list-style-type:none;
-
 
468
	color:#0066cc;
-
 
469
	width:650px;
-
 
470
}
-
 
471
#footer li{
-
 
472
	float:left;
-
 
473
	margin-right:10px;
-
 
474
}
-
 
475
#footer ul.bottomLinks{
-
 
476
	float:left;
-
 
477
	list-style-type:none;
-
 
478
	font-size:10px;
-
 
479
	color:#0066cc;
-
 
480
	width:980px;
-
 
481
}
-
 
482
#footer #copyright{
-
 
483
	float:right;
-
 
484
	color:#666;
-
 
485
	font-size:10px;
-
 
486
}
-
 
487
 
-
 
488
 
-
 
489
 
-
 
490
/*___ Yellow Buttons & Disable buttons ___*/
460
/*___ Yellow Buttons & Disable buttons ___*/
491
/**
461
/**
492
#main .bigImgButton, 
462
#main .bigImgButton, 
493
#signin_menu .bigImgButton,
463
#signin_menu .bigImgButton,
494
#colorbox .bigImgButton {
464
#colorbox .bigImgButton {
Line 552... Line 522...
552
	font-size:11px;
522
	font-size:11px;
553
	color:#000;
523
	color:#000;
554
	text-decoration:none;
524
	text-decoration:none;
555
}
525
}
556
 
526
 
-
 
527
 
-
 
528
 
557
/*___ tab buttons ___*/
529
/*___ tab buttons ___*/
558
#tabButton{
530
#tabButton{
559
	margin-top:3px;
531
	margin-top:3px;
560
	height:24px;
532
	height:24px;
561
  width:100%; /* add this class by ebizon */
533
    width:100%; /* add this class by ebizon */
562
}
534
}
563
#tabButton .tabButton1{	float:left;}
535
#tabButton .tabButton1{	float:left;}
564
#tabButton .tabButton2 {float:right;}
536
#tabButton .tabButton2 {float:right;}
565
 
537
 
566
#tabButton .spacing{
-
 
567
	float:right;
-
 
568
	width:12px; 
-
 
569
}
-
 
570
#tabButton .spacing2{
-
 
571
	float:right;
-
 
572
	width:3px; 
-
 
573
}
-
 
574
#tabButton .tabButton1{margin:0 10px;}
538
#tabButton .tabButton1{margin:0 10px;}
575
#tabButton .tabButton1 a,
-
 
576
#tabButton .tabButton1 span{display:block;}
539
#tabButton .tabButton1 a{display:block;}
577
 
540
 
578
#tabButton .tabButton1 a{
541
#tabButton .tabButton1 a{
579
	color:#333;
542
	color:#333;
580
	text-decoration:none;
543
	text-decoration:none;
581
	
-
 
582
	cursor:pointer;
544
	cursor:pointer;
583
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
545
	padding:2px 18px 0 18px;
-
 
546
	height:20px;
584
}
547
	/*
-
 
548
	background-color: #67ABD3;
-
 
549
	border: 1px solid #67ABD3;
585
 
550
	*/
586
#tabButton .tabButton1 a span{
551
	background-color: #F6F6F6;
587
	margin-left:-10px;
552
	border: 1px solid #CCC;
588
	background:url(../images/tab1-btn-left.png) no-repeat;
-
 
589
}
553
}
590
 
554
 
591
#tabButton .tabButton1 a span span{
-
 
592
	margin-right:-10px;
-
 
593
	background:url(../images/tab1-btn-right.png) no-repeat top right;	
-
 
594
	
555
	
595
	padding:2px 18px 0 28px;
-
 
596
	height:22px;
-
 
597
}
-
 
598
 
-
 
599
#tabButton .tabButton1 a:hover,
556
#tabButton .tabButton1 a:hover{
600
#tabButton .tabButton1 a#activeTab,
-
 
601
#tabButton .tabButton1 a.activeTab{
-
 
602
	color:#333;
557
	color:#333;
603
	text-decoration:none;
558
	text-decoration:none;
604
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
559
	background-color: #F6F6F6;
-
 
560
	border: 1px solid #CCC;
605
}
561
}
-
 
562
/*
-
 
563
,
606
#tabButton .tabButton1 a:hover span,
564
#tabButton .tabButton1 a#activeTab,
607
#tabButton .tabButton1 a#activeTab span,
565
#tabButton .tabButton1 a.activeTab
-
 
566
*/
608
#tabButton .tabButton1 a.activeTab span{
567
#tabButton .tabButton1 a#activeTab,
609
	background:url(../images/spriteme1.png) no-repeat -10px -108px;
-
 
610
}
-
 
611
#tabButton .tabButton1 a:hover span span,
568
#tabButton .tabButton2 a#activeTab,
612
#tabButton .tabButton1 a#activeTab span span,
569
#tabButton .tabButton1 a.activeTab,
613
#tabButton .tabButton1 a.activeTab span span{
570
#tabButton .tabButton2 a.activeTab{
614
	background:url(../images/spriteme1.png) no-repeat 69px -176px;
571
	background-color: #67ABD3;
-
 
572
	border: 1px solid #67ABD3;
615
}
573
}
-
 
574
 
616
#tabButton li {
575
#tabButton li {
617
  list-style:none;
576
  list-style:none;
618
}
577
}
-
 
578
 
619
#tabButton .tabButton2{margin:0px 5px; padding:0px 10px;}
579
#tabButton .tabButton2{margin:0px 5px; padding:0px 10px;}
620
#tabButton .tabButton2 a,
-
 
621
#tabButton .tabButton2 span{display:block;}
580
#tabButton .tabButton2 a{display:block;}
622
 
581
 
623
#tabButton .tabButton2 a{
582
#tabButton .tabButton2 a{
624
	color:#333;
583
	color:#333;
625
	text-decoration:none;
584
	text-decoration:none;
626
	cursor:pointer;
585
	cursor:pointer;
-
 
586
	padding:2px 18px 0 18px;
-
 
587
	height:20px;
627
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
588
	background-color: #F6F6F6;
-
 
589
	border: 1px solid #CCC;
628
}
590
}
629
#tabButton .tabButton2 a:hover,
-
 
-
 
591
 
-
 
592
/*
-
 
593
,
630
#tabButton .tabButton2 a#activeTab,
594
#tabButton .tabButton2 a#activeTab,
631
#tabButton .tabButton2 a.activeTab{
595
#tabButton .tabButton2 a.activeTab
-
 
596
*/
-
 
597
#tabButton .tabButton2 a:hover{
632
	color:#333;
598
	color:#333;
633
	text-decoration:none;
599
	text-decoration:none;
634
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
-
 
635
}
-
 
636
#tabButton .tabButton2 a:hover span,
-
 
637
#tabButton .tabButton2 a#activeTab span,
-
 
638
#tabButton .tabButton2 a.activeTab span{
-
 
639
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
-
 
640
}
-
 
641
/* sprite css for tabs by ebizon */
-
 
642
 
-
 
643
#tabButton .tabButton2 a span{
600
	background-color: #67ABD3;
644
	margin-left:-10px;
601
	border: 1px solid #67ABD3;
645
  background:transparent url(../images/spriteme1.png) no-repeat scroll -10px -84px
-
 
646
}
602
}
647
 
603
 
648
#tabButton #catTab2 a span span{
604
#tabButton #catTab3 a{
649
	margin-right:-10px;
605
	margin-right:-10px;
650
	background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -152px;
-
 
651
	padding:2px 18px 0 28px;
606
	padding:2px 18px 0 28px;
652
	height:22px;
607
	height:20px;
653
}
608
}
654
#tabButton #catTab3 a span span{
-
 
655
	margin-right:-10px;
-
 
656
	background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -152px;
-
 
657
	padding:2px 18px 0 28px;
-
 
658
	height:22px;
-
 
659
}
609
 
660
#tabButton #catTab4 a span span{
610
#tabButton #catTab4 a{
661
	margin-right:-10px;
611
	margin-right:-10px;
662
	background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -152px;
-
 
663
	padding:2px 18px 0 28px;
612
	padding:2px 18px 0 28px;
664
	height:22px;
613
	height:20px;
665
}
-
 
666
#tabButton #catTab4 a:hover span span{
-
 
667
		background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -312px;
-
 
668
}
-
 
669
#tabButton #catTab3 a:hover span span{
-
 
670
		background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -312px;
-
 
671
}
-
 
672
#tabButton #catTab2 a:hover span span{
-
 
673
		background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -312px;
-
 
674
}
-
 
675
#tabButton #catTab4 a.activeTab span span{
-
 
676
		background:transparent url(../images/spriteme1.png) no-repeat scroll 88px -312px;
-
 
677
}
-
 
678
#tabButton #catTab3 a.activeTab span span{
-
 
679
		background:transparent url(../images/spriteme1.png) no-repeat scroll 111px -312px;
-
 
680
}
-
 
681
#tabButton #catTab2 a.activeTab span span{
-
 
682
		background:transparent url(../images/spriteme1.png) no-repeat scroll 95px -312px;
-
 
683
}
614
}
684
 
615
 
685
 
616
 
686
/*___ Common Classes ___*/
617
/*___ Common Classes ___*/
687
.clearBoth{clear:both;}
618
.clearBoth{clear:both;}
Line 783... Line 714...
783
  width:100%;
714
  width:100%;
784
}
715
}
785
.scroll-pane.tabwrap.makeScroll {
716
.scroll-pane.tabwrap.makeScroll {
786
  width:240px;
717
  width:240px;
787
}
718
}
788
#research_delete {
719
#research_delete, #research_compare {
789
  cursor:pointer;
720
  cursor:pointer;
790
}
721
}
791
ul.pagination,
722
ul.pagination,
792
ul.deals-item {
723
ul.deals-item {
793
    list-style: none outside none;
724
    list-style: none outside none;
Line 1110... Line 1041...
1110
  padding-bottom:10px;
1041
  padding-bottom:10px;
1111
  width:100%;
1042
  width:100%;
1112
}
1043
}
1113
#formButtons , .form-buttons{
1044
#formButtons , .form-buttons{
1114
float:left;
1045
float:left;
1115
margin-left:150px;
1046
margin-left:130px;
1116
clear:both;
1047
clear:both;
1117
width:145px;
1048
width:145px;
1118
}
1049
}
1119
.enableDisableBtnWidth1{
1050
.enableDisableBtnWidth1{
1120
float:left !important;
1051
float:left !important;
Line 1164... Line 1095...
1164
.content h1{
1095
.content h1{
1165
	font-size:18px;
1096
	font-size:18px;
1166
	color:#030303;
1097
	color:#030303;
1167
}
1098
}
1168
.left-grey-top {
1099
.left-grey-top {
-
 
1100
	/*
1169
background:url(../images/my-ac-content-corner-tc.jpg) repeat-x; 
1101
background:url(../images/my-ac-content-corner-tc.jpg) repeat-x;
-
 
1102
*/ 
1170
float:left; width:100%;/* add this line by ebizon */
1103
float:left; width:100%;/* add this line by ebizon */
1171
}
1104
}
-
 
1105
/*
1172
.left-grey-top .left-grey-left{background:url(../images/my-ac-content-corner-tl.jpg) no-repeat;}
1106
.left-grey-top .left-grey-left{background:url(../images/my-ac-content-corner-tl.jpg) no-repeat;}
-
 
1107
*/
-
 
1108
.left-grey-top .left-white-right{
-
 
1109
	/*
1173
.left-grey-top .left-white-right{background:url(../images/my-ac-content-corner-tr.jpg) no-repeat top right; line-height:10px;}
1110
	background:url(../images/my-ac-content-corner-tr.jpg) no-repeat top right;
-
 
1111
	*/
-
 
1112
	line-height:10px;}
1174
 
1113
 
-
 
1114
/*
1175
.bottom .bottom-grey-left{background:url(../images/my-ac-content-corner-bl.jpg) no-repeat;}
1115
.bottom .bottom-grey-left{background:url(../images/my-ac-content-corner-bl.jpg) no-repeat;}
-
 
1116
*/
1176
.bottom .bottom-white-right{background:url(../images/my-ac-content-corner-br.jpg) no-repeat top right;}
1117
.bottom .bottom-white-right{background:url(../images/my-ac-content-corner-br.jpg) no-repeat top right;}
1177
 
1118
 
-
 
1119
/*
1178
.middle .middle-grey-left{background:url(../images/my-ac-content-corner-ml.jpg) repeat-y;}
1120
.middle .middle-grey-left{background:url(../images/my-ac-content-corner-ml.jpg) repeat-y;}
-
 
1121
*/
-
 
1122
.middle .middle-white-right{
1179
.middle .middle-white-right{background:url(../images/my-ac-content-corner-mr.jpg) repeat-y top right; min-height:800px;}
1123
	/*background:url(../images/my-ac-content-corner-mr.jpg) repeat-y top right;
-
 
1124
	*/
-
 
1125
	 min-height:800px;}
1180
 
1126
 
1181
#frmPersonalDetails .form-item label , #frmRegisUser .form-item label {
1127
#frmPersonalDetails .form-item label , #frmRegisUser .form-item label {
1182
border-bottom:1px solid #CCCCCC;
1128
border-bottom:1px solid #CCCCCC;
1183
width:550px;
1129
width:510px;
1184
padding-left:18px;
1130
padding-left:18px;
1185
}
1131
}
1186
 
1132
 
1187
#frmPersonalDetails .textbox-image , #frmRegisUser .textbox-image {
1133
#frmPersonalDetails .textbox-image , #frmRegisUser .textbox-image {
1188
float:left;
1134
float:left;
Line 1291... Line 1237...
1291
    background: url("../images/product-sprite.png") no-repeat scroll right bottom 0 -514px transparent;
1237
    background: url("../images/product-sprite.png") no-repeat scroll right bottom 0 -514px transparent;
1292
    line-height: 5px;
1238
    line-height: 5px;
1293
}
1239
}
1294
/*==== img src sprite images css ====*/
1240
/*==== img src sprite images css ====*/
1295
.add-to-research-icon {
1241
.add-to-research-icon {
1296
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll -34px 0px transparent;
1242
	background: url("/images/IconAddtoCompare_ProdArea.png") no-repeat;
1297
	float:left;
1243
	float:left;
1298
	width:26px;
1244
	width:26px;
1299
	height:26px;
1245
	height:26px;
1300
}
1246
}
1301
.addtocart{
1247
.addtocart{
1302
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll 0px 0px transparent;
1248
	background: url("/images/ListIcon_Cart_Mouseover.png")  3px 5px no-repeat;
1303
	float:left;
1249
	float:left;
1304
	width:26px;
1250
	width:26px;
1305
	height:26px;
1251
	height:26px;
1306
}
1252
}
1307
 
1253
 
1308
.add-to-cart-icon {
1254
.add-to-cart-icon {
1309
	background: url("../images/cart-ms-call-sprite.png") no-repeat scroll 0px 0px transparent;
1255
	background: url("/images/ListIcon_Cart_Mouseover.png") 3px 5px no-repeat;
1310
	float:left;
1256
	float:left;
1311
	width:26px;
1257
	width:26px;
1312
	height:26px;
1258
	height:26px;
1313
}
1259
}
1314
#sidebar #customerService .floatLeft a {
1260
#sidebar #customerService .floatLeft a {