- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 91
- 92
- 93
- 94
- 95
- 96
- 97
- 98
- 99
- 100
- 101
- 102
- 103
- 104
- 105
- 106
- 107
- 108
- 109
- 110
- 111
- 112
- 113
- 114
- 115
- 116
- 117
- 118
- 119
- 120
- 121
- 122
- 123
- 124
- 125
- 126
- 127
- 128
- 129
- 130
- 131
- 132
- 133
- 134
- 135
- 136
- 137
- 138
- 139
- 140
- 141
- 142
- 143
- 144
- 145
- 146
- 147
- 148
- 149
- 150
- 151
- 152
- 153
- 154
- 155
- 156
- 157
- 158
- 159
- 160
- 161
- 162
- 163
- 164
- 165
- 166
- 167
- 168
- 169
- 170
- 171
- 172
- 173
- 174
- 175
- 176
- 177
- 178
- 179
- 180
- 181
- 182
- 183
- 184
- 185
- 186
- 187
- 188
- 189
- 190
- 191
- 192
- 193
- 194
- 195
- 196
- 197
- 198
- 199
- 200
- 201
- 202
- 203
- 204
- 205
- 206
- 207
- 208
- 209
- 210
- 211
- 212
- 213
- 214
- 215
- 216
- 217
- 218
- 219
- 220
- 221
- 222
- 223
- 224
- 225
- 226
- 227
- 228
- 229
- 230
- 231
- 232
- 233
- 234
- 235
- 236
- 237
- 238
- 239
- 240
- 241
- 242
- 243
- 244
- 245
- 246
- 247
- 248
- 249
- 250
- 251
- 252
- 253
- 254
- 255
- 256
- 257
- 258
- 259
- 260
- 261
- 262
- 263
- 264
- 265
- 266
- 267
- 268
- 269
- 270
- 271
- 272
- 273
- 274
- 275
- 276
- 277
- 278
- 279
- 280
- 281
- 282
- 283
- 284
- 285
- 286
- 287
- 288
- 289
- 290
- 291
- 292
- 293
- 294
- 295
- 296
- 297
- 298
- 299
- 300
- 301
- 302
- 303
- 304
- 305
- 306
- 307
- 308
- 309
- 310
- 311
- 312
- 313
- 314
- 315
- 316
- 317
- 318
- 319
- 320
- 321
- 322
- 323
- 324
- 325
- 326
- 327
- 328
- 329
- 330
- 331
- 332
- 333
- 334
- 335
- 336
- 337
- 338
- 339
- 340
- 341
- 342
- 343
- 344
- 345
- 346
- 347
- 348
- 349
- 350
- 351
- 352
- 353
- 354
- 355
- 356
- 357
- 358
- 359
- 360
- 361
- 362
- 363
- 364
- 365
- 366
- 367
- 368
- 369
- 370
- 371
- 372
- 373
- 374
- 375
- 376
- 377
- 378
- 379
- 380
- 381
- 382
- 383
- 384
- 385
- 386
- 387
- 388
- 389
- 390
- 391
- 392
- 393
- 394
- 395
- 396
- 397
- 398
- 399
- 400
- 401
- 402
- 403
- 404
- 405
- 406
- 407
- 408
- 409
- 410
- 411
- 412
- 413
- 414
- 415
- 416
- 417
- 418
- 419
- 420
- 421
- 422
- 423
- 424
- 425
- 426
- 427
- 428
- 429
- 430
- 431
- 432
- 433
- 434
- 435
- 436
- 437
- 438
- 439
- 440
- 441
- 442
- 443
- 444
- 445
- 446
- 447
- 448
- 449
- 450
- 451
- 452
- 453
- 454
- 455
- 456
- 457
- 458
- 459
- 460
- 461
- 462
- 463
- 464
- 465
- 466
- 467
- 468
- 469
- 470
- 471
- 472
- 473
- 474
- 475
- 476
- 477
- 478
- 479
- 480
- 481
- 482
- 483
- 484
- 485
- 486
- 487
- 488
- 489
- 490
- 491
- 492
- 493
- 494
- 495
- 496
- 497
- 498
- 499
- 500
- 501
- 502
- 503
- 504
- 505
- 506
- 507
- 508
- 509
- 510
- 511
- 512
- 513
- 514
- 515
- 516
- 517
- 518
- 519
- 520
- 521
- 522
- 523
- 524
- 525
- 526
- 527
- 528
- 529
- 530
- 531
- 532
- 533
- 534
- 535
- 536
- 537
- 538
- 539
- 540
- 541
- 542
- 543
- 544
- 545
- 546
- 547
- 548
- 549
- 550
- 551
- 552
- 553
- 554
- 555
- 556
- 557
- 558
- 559
- 560
- 561
- 562
- 563
- 564
- 565
- 566
- 567
- 568
- 569
- 570
- 571
- 572
- 573
- 574
- 575
- 576
- 577
- 578
- 579
- 580
- 581
- 582
- 583
- 584
- 585
- 586
- 587
- 588
- 589
- 590
- 591
- 592
- 593
- 594
- 595
- 596
- 597
- 598
- 599
- 600
- 601
- 602
- 603
- 604
- 605
- 606
- 607
- 608
- 609
- 610
- 611
- 612
- 613
- 614
- 615
- 616
- 617
- 618
- 619
- 620
- 621
- 622
- 623
- 624
- 625
- 626
- 627
- 628
- 629
- 630
- 631
- 632
- 633
- 634
- 635
- 636
- 637
- 638
- 639
- 640
- 641
- 642
- 643
- 644
- 645
- 646
- 647
- 648
- 649
- 650
- 651
- 652
- 653
- 654
- 655
- 656
- 657
- 658
- 659
- 660
- 661
- 662
- 663
- 664
- 665
- 666
- 667
- 668
- 669
- 670
- 671
- 672
- 673
- 674
- 675
- 676
- 677
- 678
- 679
- 680
- 681
- 682
- 683
- 684
- 685
- 686
- 687
- 688
- 689
- 690
- 691
- 692
- 693
- 694
- 695
- 696
- 697
- 698
- 699
- 700
- 701
- 702
- 703
- 704
- 705
- 706
- 707
- 708
- 709
- 710
- 711
- 712
- 713
- 714
- 715
- 716
- 717
- 718
- 719
- 720
- 721
- 722
- 723
- 724
- 725
- 726
- 727
- 728
- 729
- 730
- 731
- 732
- 733
- 734
- 735
- 736
- 737
- 738
- 739
- 740
- 741
- 742
- 743
- 744
- 745
- 746
- 747
- 748
- 749
- 750
- 751
- 752
- 753
- 754
- 755
- 756
- 757
- 758
- 759
- 760
- 761
- 762
- 763
- 764
- 765
- 766
- 767
- 768
- 769
- 770
- 771
- 772
- 773
- 774
- 775
- 776
- 777
- 778
- 779
- 780
- 781
- 782
- 783
- 784
- 785
- 786
- 787
- 788
- 789
- 790
- 791
- 792
- 793
- 794
- 795
- 796
- 797
- 798
- 799
- 800
- 801
- 802
- 803
- 804
- 805
- 806
- 807
- 808
- 809
- 810
- 811
- 812
- 813
- 814
- 815
- 816
- 817
- 818
- 819
- 820
- 821
- 822
- 823
- 824
- 825
- 826
- 827
- 828
- 829
- 830
- 831
- 832
- 833
- 834
- 835
- 836
- 837
- 838
- 839
- 840
- 841
- 842
- 843
- 844
- 845
- 846
- 847
- 848
- 849
- 850
- 851
- 852
- 853
- 854
- 855
- 856
- 857
- 858
- 859
- 860
- 861
- 862
- 863
- 864
- 865
- 866
- 867
- 868
- 869
- 870
- 871
- 872
- 873
- 874
- 875
- 876
- 877
- 878
- 879
- 880
- 881
- 882
- 883
- 884
- 885
- 886
- 887
- 888
- 889
- 890
- 891
- 892
- 893
- 894
- 895
- 896
- 897
- 898
- 899
- 900
- 901
- 902
- 903
- 904
- 905
- 906
- 907
- 908
- 909
- 910
- 911
- 912
- 913
- 914
- 915
- 916
- 917
- 918
- 919
- 920
- 921
- 922
- 923
- 924
- 925
- 926
- 927
- 928
- 929
- 930
- 931
- 932
- 933
- 934
- 935
- 936
- 937
- 938
- 939
- 940
- 941
- 942
- 943
- 944
- 945
- 946
- 947
- 948
- 949
- 950
- 951
- 952
- 953
- 954
- 955
- 956
- 957
- 958
- 959
- 960
- 961
- 962
- 963
- 964
- 965
- 966
- 967
- 968
- 969
- 970
- 971
- 972
- 973
- 974
- 975
- 976
- 977
- 978
- 979
- 980
- 981
- 982
- 983
- 984
- 985
- 986
- 987
- 988
- 989
- 990
- 991
- 992
- 993
- 994
- 995
- 996
- 997
- 998
- 999
- 1000
- 1001
- 1002
- 1003
- 1004
- 1005
- 1006
- 1007
- 1008
- 1009
- 1010
- 1011
- 1012
- 1013
- 1014
- 1015
- 1016
- 1017
- 1018
- 1019
- 1020
- 1021
- 1022
- 1023
- 1024
- 1025
- 1026
- 1027
- 1028
- 1029
- 1030
- 1031
- 1032
- 1033
- 1034
- 1035
- 1036
- 1037
- 1038
- 1039
- 1040
- 1041
- 1042
- 1043
- 1044
- 1045
- 1046
- 1047
- 1048
- 1049
- 1050
- 1051
- 1052
- 1053
- 1054
- 1055
- 1056
- 1057
- 1058
- 1059
- 1060
- 1061
- 1062
- 1063
- 1064
- 1065
- 1066
- 1067
- 1068
- 1069
- 1070
- 1071
- 1072
- 1073
- 1074
- 1075
- 1076
- 1077
- 1078
- 1079
- 1080
- 1081
- 1082
- 1083
- 1084
- 1085
- 1086
- 1087
- 1088
- 1089
- 1090
- 1091
- 1092
- 1093
- 1094
- 1095
- 1096
- 1097
- 1098
- 1099
- 1100
- 1101
- 1102
- 1103
- 1104
- 1105
- 1106
- 1107
- 1108
- 1109
- 1110
- 1111
- 1112
- 1113
- 1114
- 1115
- 1116
- 1117
- 1118
- 1119
- 1120
- 1121
- 1122
- 1123
- 1124
- 1125
- 1126
- 1127
- 1128
- 1129
- 1130
- 1131
- 1132
- 1133
- 1134
- 1135
- 1136
- 1137
- 1138
- 1139
- 1140
- 1141
- 1142
- 1143
- 1144
- 1145
- 1146
- 1147
- 1148
- 1149
- 1150
- 1151
- 1152
- 1153
- 1154
- 1155
- 1156
- 1157
- 1158
- 1159
- 1160
- 1161
- 1162
- 1163
- 1164
- 1165
- 1166
- 1167
- 1168
- 1169
- 1170
- 1171
- 1172
- 1173
- 1174
- 1175
- 1176
- 1177
- 1178
- 1179
- 1180
- 1181
- 1182
- 1183
- 1184
- 1185
- 1186
- 1187
- 1188
- 1189
- 1190
- 1191
- 1192
- 1193
- 1194
- 1195
- 1196
- 1197
- 1198
- 1199
- 1200
- 1201
- 1202
- 1203
- 1204
- 1205
- 1206
- 1207
- 1208
- 1209
- 1210
- 1211
- 1212
- 1213
- 1214
- 1215
- 1216
- 1217
- 1218
- 1219
- 1220
- 1221
- 1222
- 1223
- 1224
- 1225
- 1226
- 1227
- 1228
- 1229
- 1230
- 1231
- 1232
- 1233
- 1234
- 1235
- 1236
- 1237
- 1238
- 1239
- 1240
- 1241
- 1242
- 1243
- 1244
- 1245
- 1246
- 1247
- 1248
- 1249
- 1250
- 1251
- 1252
- 1253
- 1254
- 1255
- 1256
- 1257
- 1258
- 1259
- 1260
- 1261
- 1262
- 1263
- 1264
- 1265
- 1266
- 1267
- 1268
- 1269
- 1270
- 1271
- 1272
- 1273
- 1274
- 1275
- 1276
- 1277
- 1278
- 1279
- 1280
- 1281
- 1282
- 1283
- 1284
- 1285
- 1286
- 1287
- 1288
- 1289
- 1290
- 1291
- 1292
- 1293
- 1294
- 1295
- 1296
- 1297
- 1298
- 1299
- 1300
- 1301
- 1302
- 1303
- 1304
- 1305
- 1306
- 1307
- 1308
- 1309
- 1310
- 1311
- 1312
- 1313
- 1314
- 1315
- 1316
- 1317
- 1318
- 1319
- 1320
- 1321
- 1322
- 1323
- 1324
- 1325
- 1326
- 1327
- 1328
- 1329
- 1330
- 1331
- 1332
- 1333
- 1334
- 1335
- 1336
- 1337
- 1338
- 1339
- 1340
- 1341
- 1342
- 1343
- 1344
- 1345
- 1346
- 1347
- 1348
- 1349
- 1350
- 1351
- 1352
- 1353
- 1354
- 1355
- 1356
- 1357
- 1358
- 1359
- 1360
- 1361
- 1362
- 1363
- 1364
- 1365
- 1366
- 1367
- 1368
- 1369
- 1370
- 1371
- 1372
- 1373
- 1374
- 1375
- 1376
- 1377
- 1378
- 1379
- 1380
- 1381
- 1382
- 1383
- 1384
- 1385
- 1386
- 1387
- 1388
- 1389
- 1390
- 1391
- 1392
- 1393
- 1394
- 1395
- 1396
- 1397
- 1398
- 1399
- 1400
- 1401
- 1402
- 1403
- 1404
- 1405
- 1406
- 1407
- 1408
- 1409
- 1410
- 1411
- 1412
- 1413
- 1414
- 1415
- 1416
- 1417
- 1418
- 1419
- 1420
- 1421
- 1422
- 1423
- 1424
- 1425
- 1426
- 1427
- 1428
- 1429
- 1430
- 1431
- 1432
- 1433
- 1434
- 1435
- 1436
- 1437
- 1438
- 1439
- 1440
- 1441
- 1442
- 1443
- 1444
- 1445
- 1446
- 1447
- 1448
- 1449
- 1450
- 1451
- 1452
- 1453
- 1454
- 1455
- 1456
- 1457
- 1458
- 1459
- 1460
- 1461
- 1462
- 1463
- 1464
- 1465
- 1466
- 1467
- 1468
- 1469
- 1470
- 1471
- 1472
- 1473
- 1474
- 1475
- 1476
- 1477
- 1478
- 1479
- 1480
- 1481
- 1482
- 1483
- 1484
- 1485
- 1486
- 1487
- 1488
- 1489
- 1490
- 1491
- 1492
- 1493
- 1494
- 1495
- 1496
- 1497
- 1498
- 1499
- 1500
- 1501
- 1502
- 1503
- 1504
- 1505
- 1506
- 1507
- 1508
- 1509
- 1510
- 1511
- 1512
- 1513
- 1514
- 1515
- 1516
- 1517
- 1518
- 1519
- 1520
- 1521
- 1522
- 1523
- 1524
- 1525
- 1526
- 1527
- 1528
- 1529
- 1530
- 1531
- 1532
- 1533
- 1534
- 1535
- 1536
- 1537
- 1538
- 1539
- 1540
- 1541
- 1542
- 1543
- 1544
- 1545
- 1546
- 1547
- 1548
- 1549
- 1550
- 1551
- 1552
- 1553
- 1554
- 1555
- 1556
- 1557
- 1558
- 1559
- 1560
- 1561
- 1562
- 1563
- 1564
- 1565
- 1566
- 1567
- 1568
- 1569
- 1570
- 1571
- 1572
- 1573
- 1574
- 1575
- 1576
- 1577
- 1578
- 1579
- 1580
- 1581
- 1582
- 1583
- 1584
- 1585
- 1586
- 1587
- 1588
- 1589
- 1590
- 1591
- 1592
- 1593
- 1594
- 1595
- 1596
- 1597
- 1598
- 1599
- 1600
- 1601
- 1602
- 1603
- 1604
- 1605
- 1606
- 1607
- 1608
- 1609
- 1610
- 1611
- 1612
- 1613
- 1614
- 1615
- 1616
- 1617
- 1618
- 1619
- 1620
- 1621
- 1622
- 1623
- 1624
- 1625
- 1626
- 1627
- 1628
- 1629
- 1630
- 1631
- 1632
- 1633
- 1634
- 1635
- 1636
- 1637
- 1638
- 1639
- 1640
- 1641
- 1642
- 1643
- 1644
- 1645
- 1646
- 1647
- 1648
- 1649
- 1650
- 1651
- 1652
- 1653
- 1654
- 1655
- 1656
- 1657
- 1658
- 1659
- 1660
- 1661
- 1662
- 1663
- 1664
- 1665
- 1666
- 1667
- 1668
- 1669
- 1670
- 1671
- 1672
- 1673
- 1674
- 1675
- 1676
- 1677
- 1678
- 1679
- 1680
- 1681
- 1682
- 1683
- 1684
- 1685
- 1686
- 1687
- 1688
- 1689
- 1690
- 1691
- 1692
- 1693
- 1694
- 1695
- 1696
- 1697
- 1698
- 1699
- 1700
- 1701
- 1702
- 1703
- 1704
- 1705
- 1706
- 1707
- 1708
- 1709
- 1710
- 1711
- 1712
- 1713
- 1714
- 1715
- 1716
- 1717
- 1718
- 1719
- 1720
- 1721
- 1722
- 1723
- 1724
- 1725
- 1726
- 1727
- 1728
- 1729
- 1730
- 1731
- 1732
- 1733
- 1734
- 1735
- 1736
- 1737
- 1738
- 1739
- 1740
- 1741
- 1742
- 1743
- 1744
- 1745
- 1746
- 1747
- 1748
- 1749
- 1750
- 1751
- 1752
- 1753
- 1754
- 1755
- 1756
- 1757
- 1758
- 1759
- 1760
- 1761
- 1762
- 1763
- 1764
- 1765
- 1766
- 1767
- 1768
- 1769
- 1770
- 1771
- 1772
- 1773
- 1774
- 1775
- 1776
- 1777
- 1778
- 1779
- 1780
- 1781
- 1782
- 1783
- 1784
- 1785
- 1786
- 1787
- 1788
- 1789
- 1790
- 1791
- 1792
- 1793
- 1794
- 1795
- 1796
- 1797
- 1798
- 1799
- 1800
- 1801
- 1802
- 1803
- 1804
- 1805
- 1806
- 1807
- 1808
- 1809
- 1810
- 1811
- 1812
- 1813
- 1814
- 1815
- 1816
- 1817
- 1818
- 1819
- 1820
- 1821
- 1822
- 1823
- 1824
- 1825
- 1826
- 1827
- 1828
- 1829
- 1830
- 1831
- 1832
- 1833
- 1834
- 1835
- 1836
- 1837
- 1838
- 1839
- 1840
- 1841
- 1842
- 1843
- 1844
- 1845
- 1846
- 1847
- 1848
- 1849
- 1850
- 1851
- 1852
- 1853
- 1854
- 1855
- 1856
- 1857
- 1858
- 1859
- 1860
- 1861
- 1862
- 1863
- 1864
- 1865
- 1866
- 1867
- 1868
- 1869
- 1870
- 1871
- 1872
- 1873
- 1874
- 1875
- 1876
- 1877
- 1878
- 1879
- 1880
- 1881
- 1882
- 1883
- 1884
- 1885
- 1886
- 1887
- 1888
- 1889
- 1890
- 1891
- 1892
- 1893
- 1894
- 1895
- 1896
- 1897
- 1898
- 1899
- 1900
- 1901
- 1902
- 1903
- 1904
- 1905
- 1906
- 1907
- 1908
- 1909
- 1910
- 1911
- 1912
- 1913
- 1914
- 1915
- 1916
- 1917
- 1918
- 1919
- 1920
- 1921
- 1922
- 1923
- 1924
- 1925
- 1926
- 1927
- 1928
- 1929
- 1930
- 1931
- 1932
- 1933
- 1934
- 1935
- 1936
- 1937
- 1938
- 1939
- 1940
- 1941
- 1942
- 1943
- 1944
- 1945
- 1946
- 1947
- 1948
- 1949
- 1950
- 1951
- 1952
- 1953
- 1954
- 1955
- 1956
- 1957
- 1958
- 1959
- 1960
- 1961
- 1962
- 1963
- 1964
- 1965
- 1966
- 1967
- 1968
- 1969
- 1970
- 1971
- 1972
- 1973
- 1974
- 1975
- 1976
- 1977
- 1978
- 1979
- 1980
- 1981
- 1982
- 1983
- 1984
- 1985
- 1986
- 1987
- 1988
- 1989
- 1990
- 1991
- 1992
- 1993
- 1994
- 1995
- 1996
- 1997
- 1998
- 1999
- 2000
- 2001
- 2002
- 2003
- 2004
- 2005
- 2006
- 2007
- 2008
- 2009
- 2010
- 2011
- 2012
- 2013
- 2014
- 2015
- 2016
- 2017
- 2018
- 2019
- 2020
- 2021
- 2022
- 2023
- 2024
- 2025
- 2026
- 2027
- 2028
- 2029
- 2030
- 2031
- 2032
- 2033
- 2034
- 2035
- 2036
- 2037
- 2038
- 2039
- 2040
- 2041
- 2042
- 2043
- 2044
- 2045
- 2046
- 2047
- 2048
- 2049
- 2050
- 2051
- 2052
- 2053
- 2054
- 2055
- 2056
- 2057
- 2058
- 2059
- 2060
- 2061
- 2062
- 2063
- 2064
- 2065
- 2066
- 2067
- 2068
- 2069
- 2070
- 2071
- 2072
- 2073
- 2074
- 2075
- 2076
- 2077
- 2078
- 2079
- 2080
- 2081
- 2082
- 2083
- 2084
- 2085
- 2086
- 2087
- 2088
- 2089
- 2090
- 2091
- 2092
#set ($velocity_templates_path = "velocity-templates-theme_SERVLET_CONTEXT_/templates")
#parse ("$velocity_templates_path/init.vm")
#set ($siteWidePromoService = $serviceLocator.findService('site-wide-promo-portlet', 'com.newswp.rosettastone.webdev.liferay.services.sitewide.service.NewSiteWidePromoHelperLocalService'))
#set($isStaging = $request.get('remote-user')!='')
#set($promo = $siteWidePromoService.retrieveCurrentPromoAsObject($company.getName(),"$community_name",$isStaging))
## Code for content driven discount price
#set ($themeDisplay = $request.get("theme-display"))
#set ($GroupLocalService = $serviceLocator.findService('com.liferay.portal.service.GroupLocalService'))
#set ($group = $GroupLocalService.getGroup($getterUtil.getLong($themeDisplay.get('scope-group-id'))))
#set ($community_name = $group.getName())
#if($community_name== "USA-Hispanic")
#set ($discount_text = "discount")
#set ($boolean_true = "true")
#set($hardCodedLevelDiscountMap = {"discount":"true","PETOS5":"$promo.gets5cdprice()","PETOS3":"$promo.gets3cdprice()","PETOS2":"$promo.gets2cdprice()","PETOL1":"$promo.getl1cdprice()","DLTOS5":"$promo.gets5dlprice()","DLTOS3":"$promo.gets3dlprice()","DLTOS2":"$promo.gets2dlprice()","DLTOL1":"$promo.getl1dlprice()","PEACBS3":"259","PEACBL1":"179"})
#set($hardCodedOnlineDiscountMap = {"discount":"true","TSUB_24":"$promo.getm36price()","TSUB_12":"$promo.getm12price()","TSUB_06":"$promo.getm6price()","TSUB_03":"$promo.getm3price()","TSBK_12":"$promo.getm36price()","OSUB_06":"600.00","OSUB_03":"700.00"})
#end
#set ($multiProductService = $serviceLocator.findService('rosetta-multiproduct-services-portlet','com.rosettastone.productmix.service.MagentoDataProductMixLocalService'))
#set($url = $request.attributes.CURRENT_URL)
#set($urlsplit = $url.split("\/|\?"))
#set($online-order = ["24","12","6"])
#set($level-order = ["1-5","1-3","1-2","1"])
#set($allskus = {
"aprende-aleman": {
"category": "DEU",
"lang": "Alem\u00e1n",
"desktop": {
"1": {
"cd": "27790",
"download": "24354",
"backup": 52306
},
"1-5": {
"cd": "27797",
"download": "24356",
"backup": "52309"
},
"1-3": {
"cd": "27796",
"download": "24355",
"backup": 52308
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-arabe": {
"category": "ARA",
"lang": "\u00c1rabe",
"desktop": {
"1": {
"cd": "27742",
"download": "95590",
"backup": 52300
},
"1-3": {
"cd": "27746",
"download": "95591",
"backup": 52301
},
"1-2": {
"download": "96145"
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-chino": {
"category": "CHI",
"lang": "Chino",
"desktop": {
"1": {
"cd": "27748",
"download": "95592",
"backup": 52302
},
"1-5": {
"cd": "29879",
"download": "95594",
"backup":"52305"
},
"1-3": {
"cd": "27752",
"download": "95593",
"backup": 52304
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-coreano": {
"category": "KOR",
"lang": "Coreano",
"desktop": {
"1": {
"cd": "27748",
"download": "95612",
"backup": 52346
},
"1-3": {
"cd": "27842",
"download": "95613",
"backup": 52347
},
"1-2": {
"download": "96187"
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-espanol-espana": {
"category": "ESC",
"lang": "Espa\u00f1ol",
"desktop": {
"1": {
"cd": "27877",
"download": "95623",
"backup": 52318
},
"1-5": {
"cd": "27884",
"download": "95625",
"backup": 52320
},
"1-3": {
"cd": "27883",
"download": "95624",
"backup": 52319
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-espanol": {
"category": "ESP",
"lang": "Espa\u00f1ol",
"desktop": {
"1": {
"cd": "27868",
"download": "24345",
"backup": 52321
},
"1-5": {
"cd": "27875",
"download": "24347",
"backup": "52325"
},
"1-3": {
"cd": "27874",
"download": "24346",
"backup": 52323
},
"1-2": {
"cd": "27873",
"download": "96202"
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-frances": {
"category": "FRA",
"lang": "Franc\u00e9s",
"desktop": {
"1": {
"cd": "27781",
"download": "24348",
"backup": 52328
},
"1-5": {
"cd": "27788",
"download": "24350",
"backup": "52332"
},
"1-3": {
"cd": "27787",
"download": "24349",
"backup": 52330
},
"1-2": {
"cd": "27786",
"download": "96163"
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-filipino": {
"category": "TGL",
"lang": "Tagalo",
"desktop": {
"1": {
"cd": "27775",
"download": "95600",
"backup": 52359
},
"1-3": {
"cd": "27779",
"download": "95601",
"backup": 52360
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-griego": {
"category": "GRK",
"lang": "Griego",
"desktop": {
"1": {
"cd": "27799",
"download": "95602",
"backup": 52333
},
"1-3": {
"cd": "27803",
"download": "95603",
"backup": 52334
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-hebreo": {
"category": "HEB",
"lang": "Hebreo",
"desktop": {
"1": {
"cd": "27805",
"download": "95604",
"backup": 52335
},
"1-3": {
"cd": "27809",
"download": "95605",
"backup": 52336
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-hindi": {
"category": "HIN",
"lang": "Hindi",
"desktop": {
"1": {
"cd": "27811",
"download": "95606",
"backup": 52337
},
"1-3": {
"cd": "27815",
"download": "95607",
"backup": 52338
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-holandes": {
"category": "NED",
"lang": "Holand\u00e9s",
"desktop": {
"1": {
"cd": "27754",
"download": "95595",
"backup": 52348
},
"1-3": {
"cd": "27815",
"download": "95596",
"backup": 52349
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-irlandes": {
"category": "GLE",
"lang": "Irland\u00e9s",
"desktop": {
"1": {
"cd": "27817",
"download": "95608",
"backup": 52365
},
"1-3": {
"cd": "27821",
"download": "95609",
"backup": 52366
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-ingles": {
"category": "ENG",
"lang": "Ingl\u00e9s",
"desktop": {
"1": {
"download": "24360",
"cd": "27936",
"backup": 52313
},
"1-5": {
"download": "24362",
"cd": "27943",
"backup": 52317
},
"1-3": {
"download": "24361",
"cd": "27942",
"backup": 52315
},
"1-2": {
"cd": "27765",
"download": "96154"
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-ingles-britanico": {
"category": "EBR",
"lang": "Ingl\u00e9s",
"desktop": {
"1": {
"cd": "27769",
"download": "95597",
"backup": 52310
},
"1-5": {
"cd": "28397",
"download": "95599",
"backup": 52312
},
"1-3": {
"cd": "27773",
"download": "95598",
"backup": 52311
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-italiano": {
"category": "ITA",
"lang": "Italiano",
"desktop": {
"1": {
"cd": "27823",
"download": "24351",
"backup": 52339
},
"1-5": {
"cd": "27830",
"download": "24353",
"backup": 52343
},
"1-3": {
"cd": "27829",
"download": "24352",
"backup": 52341
},
"1-2": {
"cd": "28004",
"download": "96181"
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-japones": {
"category": "JPN",
"lang": "Japon\u00e9s",
"desktop": {
"1": {
"cd": "27832",
"download": "95610",
"backup": 52344
},
"1-3": {
"cd": "27836",
"download": "95611",
"backup": 52345
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-latin": {
"category": "LAT",
"lang": "Latin",
"desktop": {
"1": {
"cd": "22015"
},
"1-3": {
"cd": "22085"
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-persa": {
"category": "FAR",
"lang": "Persa",
"desktop": {
"1": {
"cd": "27844",
"download": "95614",
"backup": 52326
},
"1-3": {
"cd": "27848",
"download": "95615",
"backup": 52327
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-polaco": {
"category": "POL",
"lang": "Polaco",
"desktop": {
"1": {
"cd": "27850",
"download": "95616",
"backup": 52350
},
"1-3": {
"cd": "27854",
"download": "95617",
"backup": 52351
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-portugues": {
"category": "POR",
"lang": "Portugu\u00e9s",
"desktop": {
"1": {
"cd": "27856",
"download": "95618",
"backup": 52352
},
"1-3": {
"cd": "27860",
"download": "95619",
"backup": 52353
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-ruso": {
"category": "RUS",
"lang": "Ruso",
"desktop": {
"1": {
"cd": "27862",
"download": "95620",
"backup": 52354
},
"1-5": {
"cd": "29882",
"download": "95622",
"backup": 52356
},
"1-3": {
"cd": "27866",
"download": "95621",
"backup": 52355
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-sueco": {
"category": "SVE",
"lang": "Sueco",
"desktop": {
"1": {
"cd": "27886",
"download": "95626",
"backup": 52357
},
"1-3": {
"cd": "27890",
"download": "95627",
"backup": 52358
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-turco": {
"category": "TUR",
"lang": "Turco",
"desktop": {
"1": {
"cd": "27892",
"download": "95628",
"backup": 52361
},
"1-3": {
"cd": "27896",
"download": "95629",
"backup": 52362
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
},
"aprende-vietnamita": {
"category": "VIE",
"lang": "Vietnamita",
"desktop": {
"1": {
"cd": "27898",
"download": "95630",
"backup": 52363
},
"1-3": {
"cd": "27902",
"download": "95631",
"backup": 52364
}
},
"online": {
"6": "97352",
"12": "90288",
"24": "90291"
}
}
})
#foreach( $l in $allskus.keySet())
#if ($urlsplit.indexOf($l)>=0)
#set($skus = $allskus.get($l))
#set($slash = "/")
#set($rurl = "${slash}${l}")
#end
#end
<script src="/2014-commerce-theme/js/progressButton.js"></script>
## DEMO CONFIG
<div class="layout-main" id="desktopcontent">
<input class="new-demo-url" type="hidden" value="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=" /> <input class="html5-url" type="hidden" value="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=${skus.category.toLowerCase()}&" /> <input class="v3_demo_url" type="hidden" value="http://launch.rosettastone.com/en/demo/rs3?language_code=" /></div>
<div class="layout-main" id="onlinecontent">
<input class="new-demo-url" type="hidden" value="http://resources.rosettastone.com/CDN/us/rs-i-demo-6/?lang=" /> <input class="html5-url" type="hidden" value="http://www.rosettastone.com/lp/mobile-demo/?e=0&lang=${skus.category.toLowerCase()}&" /><input class="v3_demo_url" type="hidden" value="http://launch.rosettastone.com/en/demo/rs3?language_code=" /></div>
## END DEMO CONFIG
##=============================================================================================
## PRODUCT SELECTION
##=============================================================================================
<!-- ===============================================SPO_2016_09_19=============================================== -->
<div id="spo-prod-wrapper">
<div class="column-wrapper">
<!-- ===============================================ONLINE=============================================== -->
<div class="prod-col" id="online-col">
<div class="product-online-header">
<h1> Rosetta Stone<sup>®</sup>
<span class="lang-name">Ingles</span><br>
<span class="product-type-name">Suscripción en línea</span></h1>
</div>
<!-- ===============================================ONLINE DESCRIPTION=============================================== -->
<div class="product-online-description">
<div class="product-image">
</div>
<div class="product-description-text">
<ul class="product-content" >
<li style="background-image:none;">
<div id="bv-starts" style="background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); margin-top:25px;">
<div class="bv-stars-tosub rating-4_6"> </div>
<span>4.5</span> (<span id="tosub-reviews">926</span> opiniones)
</div>
</li>
<li>Acceso ilimitado a 5 niveles por la duracion de la membresia</li>
<li>Acceso para 1 persona</li>
<li>Reconocimiento de voz</li>
<li>Aprende desde cualquier lugar y en cualquier dispositivo con nuestra aplicacion movil</li>
</ul>
</div>
</div>
<div class="product-buttons">
<a class="free-demo-button" id="onlinecontent_free-demo" tabindex="0" onkeydown="if(event.keyCode==13 || event.which==13) { $(this).click();}">PROBAR EL INGLES</a>
</div>
<!-- ===============================================ONLINE PRODUCTS=============================================== -->
<div class="product-list">
<ul class="online-products-list">
<li class="online-product-spo" id="">
<form id="90472_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
<input type="hidden" value="$skus.category" name="category_id">
<input type="hidden" value="90472" name="sku">
<input type="hidden" value="0" name="gifting">
</form>
<div class="product-item">
<input class="online_radio" type="radio" id="90472_radio" value="" name="online_spo_duration_radio"/>
<span class="product_name">
<a href="javascript:void(0);" target="_blank">1-MES</a>
</span>
<span class="line-seperator-long"> </span>
<span class="price-tag" style="margin-left: 2px;">
<span class="list-price">$19.95</span>
</span>
<span class="line-seperator"> </span>
</div>
</li>
<li class="online-product-spo" id="">
<form id="90288_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
<input type="hidden" value="$skus.category" name="category_id">
<input type="hidden" value="90288" name="sku">
<input type="hidden" value="0" name="gifting">
</form>
<div class="product-item">
<input class="online_radio" type="radio" id="90288_radio" value="" name="online_spo_duration_radio"/>
<span class="product_name">
<a href="javascript:void(0);" target="_blank">12-MESES</a>
</span>
<span class="line-seperator-long"> </span>
<span class="price-tag">
<span class="strike-thro">$179</span>
<span class="list-price">$129</span>
</span>
<span class="line-seperator"> </span>
</div>
</li>
<li class="online-product-spo" id="">
<form id="99053_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
<input type="hidden" value="$skus.category" name="category_id">
<input type="hidden" value="99053" name="sku">
<input type="hidden" value="0" name="gifting">
</form>
<div class="product-item">
<input class="online_radio" type="radio" id="90291_radio" value="tremblant_Life" name="online_spo_duration_radio" checked>
<span class="product_name">
<a href="javascript:void(0);" target="_blank">24-MESES</a>
</span>
<span class="line-seperator-long"> </span>
<span class="price-tag">
<span class="strike-thro">$249</span>
<span class="list-price">$179</span>
</span>
<span class="line-seperator"> </span>
</div>
</li>
</ul>
</div>
<!-- ===============================================ONLINE TO CART=============================================== -->
<div class="cart-container">
<div class="price-tag-container">
<div class="product-name" id="spo-online-product-name">24-MESES</div>
<div class="main-price-tag" id="spo-online-main-price-tag">
<span class="strike-thro">$249</span>
<span class="list-price">$179</span>
</div>
</div>
<div class="buy-btn-container">
<button class="progress-button online_spo_add_button" data-horizontal="" data-style="fill">
<span class="content">
<span class="content">AÑADIR AL CARRITO</span>
<span class="progress"> </span>
</span>
<span class="progress">
<span class="progress-inner"></span>
</span>
</button>
</div>
</div>
</div>
<!-- ===============================================DOWNLOAD=============================================== -->
<div class="prod-col" id="desktop-col">
<div class="product-desktop-header">
<h1>
Rosetta Stone<sup>®</sup>
<span class="lang-name">INGLES</span><br>
<span class="product-type-name">descarga digital</span>
</h1>
</div>
<!-- ===============================================DOWNLOAD DESCRIPTION=============================================== -->
<div class="product-desktop-description">
<div class="product-image-download-spo"></div>
<div class="product-description-text">
<ul class="product-content">
<li style="background-image:none;">
<div itemscope="" itemtype="http://schema.org/Product">
<div id="bv-starts" style="background: none repeat scroll 0% 0% rgba(0, 0, 0, 0); margin-top:25px;">
<div class="bv-stars-cd rating-4_6"></div>
<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">4.6</span> (<span id="cd-reviews" itemprop="reviewCount">926</span> opiniones)
</div>
</div>
</div>
</li>
<li>Aprende a tu propio ritmo con nuestro curso que nunca vence</li>
<li>Acceso de hasta 5 miembros de la familia</li>
<li>Reconocimiento de voz</li>
<li>No requiere conexion de Internet</li>
</ul>
</div>
</div>
<div class="product-buttons">
<a id="desktopcontent_free-demo" class="free-demo-button" tabindex="0" onkeydown="if(event.keyCode==13 || event.which==13) { $(this).click();}">PROBAR EL INGLES</a>
</div>
<!-- ===============================================DOWNLOAD PRODUCTS=============================================== -->
<div class="product-list">
<ul>
<li class="desktop-product-spo" id="download_1">
<form id="24360_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
<input type="hidden" value="$skus.category" name="category_id">
<input type="hidden" value="$skus.desktop.get('1').get('download')" name="sku">
<input type="hidden" value="0" name="gifting">
</form>
<div class="product-item">
<input class="download_radio" name="download_spo" value="tremblant_L1DL" type="radio" id="$skus.desktop.get('1').get('download')_radio"/>
<span class="product_name">
<a href="javascript:void(0);" target="_blank">NIVEL 1</a>
</span>
<span class="line-seperator"> </span>
<span class="price-tag">
<span class="strike-thro">$124</span>
<span class="list-price">$99</span>
</span>
<span class="line-seperator"> </span>
</div>
</li>
<li class="desktop-product-spo" id="download_3">
<form id="24361_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
<input type="hidden" value="$skus.category" name="category_id">
<input type="hidden" value="$skus.desktop.get('1-3').get('download')" name="sku">
<input type="hidden" value="0" name="gifting">
</form>
<div class="product-item">
<input class="download_radio" name="download_spo" value="tremblant_S3DL" type="radio" id="$skus.desktop.get('1-3').get('download')_radio"/>
<span class="product_name">
<a href="javascript:void(0);" target="_blank">NIVELES 1-3</a>
</span>
<span class="line-seperator"> </span>
<span class="price-tag">
<span class="strike-thro">$199</span>
<span class="list-price">$159</span>
</span>
<span class="line-seperator"> </span>
</div>
</li>
<li class="desktop-product-spo" id="download_5">
<form id="24362_form" action="https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add" method="POST"/>
<input type="hidden" value="$skus.category" name="category_id">
<input type="hidden" value="$skus.desktop.get('1-5').get('download')" name="sku">
<input type="hidden" value="0" name="gifting">
</form>
<div class="product-item">
<input class="download_radio" name="download_spo" value="tremblant_S5DL" type="radio" id="$skus.desktop.get('1-5').get('download')_radio" checked/>
<span class="product_name">
<a href="javascript:void(0);" target="_blank">NIVELES 1-5</a>
</span>
<span class="line-seperator"> </span>
<span class="price-tag">
<span class="strike-thro">$249</span>
<span class="list-price">$199</span>
</span>
<span class="line-seperator"> </span>
</div>
</li>
</ul>
</div>
<!-- ===============================================DOWNLOAD TO CART=============================================== -->
<div class="cart-container">
<div class="price-tag-container">
#if ($skus.desktop.get("1-5") && $skus.desktop.get("1-2"))
<div class="product-name" id="spo-desktop-product-name">NIVELES 1-5</div>
#else
<div class="product-name" id="spo-desktop-product-name">NIVELES 1-3</div>
#end
<div class="main-price-tag" id="spo-desktop-main-price-tag">
<span class="strike-thro">$249</span>
<span class="list-price">$199</span>
</div>
</div>
<div class="buy-btn-container">
<button class="progress-button desktop_spo_add_button" data-style="fill" data-horizontal>
<span class="content">
<span class="content">AÑADIR AL CARRITO</span>
<span class="progress"> </span>
</span>
<span class="progress">
<span class="progress-inner"></span>
</span>
</button>
</div>
</div>
<div class="spo-cd-container">
<div class="spo-cd-box">
<label class="spo-cd-radio-text">
<input type="checkbox" name="spo-backup-cd" class="cd-rom-box-tick" value="1" id="spo-backup-cd" unchecked>COPIA DE CD</label>
<span class="line-seperator"> </span>
<span>+</span>
<span class="list-price"> $25.00</span>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
#spo-prod-wrapper .product-lists{
min-height: 200px;
margin-top: 40px;
}
.spo-cd-box{
background: #fff;
border: 1px solid #c5c5c5;
width: 20.8em;
margin: 5% auto;
}
.spo-cd-box label{
font-family: "GothamBook";
font-weight: bold;
line-height: 3em;
color: #363636;
}
.spo-cd-box input{
vertical-align: middle;
margin: 0 4px 0 0;
}
.spo-cd-box .list-price{
font-family: gothambook;
display: inline-block;
color: #467700;
width: 30px;
width: 35px;
}
.spo-cd-box .line-seperator{
display: inline-block;
width: 50px;
height: 7px;
margin: 0 5px;
}
.online-product-spo, .desktop-product-spo{
list-style-type: none;
text-align: left;
margin: 11px auto;
width: 80%;
}
.online-product-spo .product_name, .desktop-product-spo .product-name{
width: 110px;
}
.product-image-download-spo{
background-image: url('/image/image_gallery?uuid=0d0f1042-699f-4e6f-a7fd-670a952b94f7&groupId=10165&t=1421097753452');
background-size: contain;
display: inline-block;
height: 200px;
width: 40%;
}
</style>
<!-- ===============================================ADD TO CART=============================================== -->
<script type="text/javascript">
var vjsku = "$skus";
// hide S5 for lesser langauges
var lang = "${skus.category.toLowerCase()}";
var s5Lang = /eng|erb|fra|ita|deu|esp|chi|esc|ebr|rus/;
$(document).ready(function(){
// init loading
if(!s5Lang.test(lang)){
$('#download_5').hide();
$('#download_3 div input').click()
}
$(".online_spo_add_button").click(function(){
var sku=$('input[name=online_spo_duration_radio]:checked').attr('id').split("_")[0];
var pc=$('input[name=online_spo_duration_radio]:checked').attr('value');
window.location.href = "https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add/sku/"+ sku + "/category_id/" + lang +"/" +"?pc=" + pc;
});
$(".desktop_spo_add_button").click(function(){
var sku=$('input[name=download_spo]:checked').attr('id').split("_")[0];
var pc=$('input[name=download_spo]:checked').attr('value');
var related_skus = {"$skus.desktop.get('1').get('download')":"$skus.desktop.get('1').get('backup')","$skus.desktop.get('1-3').get('download')":"$skus.desktop.get('1-3').get('backup')","$skus.desktop.get('1-5').get('download')":"$skus.desktop.get('1-5').get('backup')"}
var related_sku = related_skus[sku];
if($("#spo-backup-cd").attr('checked') == "checked"){
window.location.href = "https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add/sku/"+ sku +"/category_id/" + lang + "/related_sku/"+related_sku+"?pc="+ pc;
}else{
window.location.href = "https://secure.rosettastone.com/hispanic_store_view/checkout/cart/add/sku/"+ sku + "/category_id/" + lang + "/" +"?pc=" + pc;
}
});
});
</script>
<!-- ===============================================ONLINE RADIO BEHAVIOR=============================================== -->
<script type="text/javascript">
$( document ).ready(function() {
$(".online-product-spo .product-item input").click(function (){
$("#spo-online-product-name").html($(this).siblings(".product_name").html()); //product name
$("#spo-online-main-price-tag").html($(this).siblings(".price-tag").html()); //price tag
});
$(".desktop-product-spo .product-item input").click(function (){
$("#spo-desktop-product-name").html($(this).siblings(".product_name").html()); //product name
$("#spo-desktop-main-price-tag").html($(this).siblings(".price-tag").html()); //price tag
});
$('#prod-wrapper').hide()
$('#spo-prod-wrapper').insertAfter('#wrapper-catalog')
});
</script>
##=============================================================================================
## PROGRESS BUTTON
##=============================================================================================
<script type="text/javascript">
jQuery( document ).ready(function() {
jQuery(".desktop_add_button").click(function(){
if(jQuery('input[name="version_selected"]:checked').val()==1) {
var product=jQuery( 'input[name=cd-product]:checked' ).attr('id');
}
else
{
var product=jQuery( 'input[name=download]:checked' ).attr('id');
}
jQuery("#"+jQuery('#'+product).val()).submit();
});
});
jQuery(".online_add_button").click(function(){
var online_product_sku = jQuery('input[name="online_duration_radio"]:checked').attr("id").split("_");
var form_name = online_product_sku[0]+"_form";
jQuery("#"+form_name).submit();
});
</script>
<script src="/2014-commerce-theme/js/libs/modernizr.js"></script>
<script src="/2014-commerce-theme/js/classie.js"></script>
<script type="text/javascript"></script>
<script>
[].slice.call( document.querySelectorAll( 'button.progress-button' ) ).forEach( function( bttn ) {
new ProgressButton( bttn, {
callback : function( instance ) {
var progress = 0,
interval = setInterval( function() {
progress = Math.min( progress + Math.random() * 0.1, 1 );
instance._setProgress( progress );
if( progress === 1 ) {
instance._stop(1);
clearInterval( interval );
}
}, 200 );
}
} );
} );
</script>
##=============================================================================================
## TOOLTIPS
##=============================================================================================
<script type="text/javascript">
jQuery( document ).ready(function() {
(function(jQuery) {
jQuery.fn.tipr = function(options) {
var set = jQuery.extend({
'speed' : 200,
'mode' : 'bottom'
}, options);
return this.each(function() {
var tipr_cont = '.tipr_container_' + set.mode;
jQuery(this).hover(
function ()
{
var out = '<div class="tipr_container_' + set.mode + '"><div class="tipr_point_' + set.mode + '"><div class="tipr_content">' + jQuery(this).attr('data-tip') + '</div></div></div>';
jQuery(this).append(out);
var w_t = jQuery(tipr_cont).outerWidth();
var w_e = jQuery(this).width();
var m_l = (w_e / 2) - (w_t / 2);
jQuery(tipr_cont).css('margin-left', m_l + 'px');
jQuery(this).removeAttr('title');
jQuery(tipr_cont).fadeIn(set.speed);
},
function ()
{
jQuery(tipr_cont).remove();
}
);
});
};
})(jQuery);
jQuery('.tip').tipr({
"mode":"top"
});
jQuery('.tip').click(function() { jQuery('.tipr_container_top').toggle(); });
jQuery('html').click(function () {
if(jQuery('.product-content li a').hasClass('.tip')){
jQuery('.tip_row').toggle();
}
});
});
</script>
##=============================================================================================
## PRODUCT RADIO
##=============================================================================================
<script type="text/javascript">
$( document ).ready(function() {
$(".online-product .product-item input").click(function (){
$("#online-product-name").html($(this).siblings(".product_name").html()); //product name
$("#online-main-price-tag").html($(this).siblings(".price-tag").html()); //price tag
var learnmorelink = ($(this).siblings(".product_name").children("a").attr("href"));
if (learnmorelink != "javascript:void()") {$("#online-learn-more").attr("href", learnmorelink);} //'learn more' link
});
$(".desktop-product .product-item input").click(function (){
$("#desktop-product-name").html($(this).siblings(".product_name").html()); //product name
$("#desktop-main-price-tag").html($(this).siblings(".price-tag").html()); //price tag
var learnmorelink = ($(this).siblings(".product_name").children("a").attr("href"));
if (learnmorelink != "javascript:void()") {$("#desktop-learn-more").attr("href", learnmorelink);} //'learn more' link
});
});
</script>
##=============================================================================================
## CD/DOWNLOAD RADIO
##=============================================================================================
<script type="text/javascript">
$('.cd-rom-box-tick').click(function () {
$( 'input[name=cd-product]').checked = false;
$( 'input[name=download]').checked = false;
if ($('input[name=version_selected]:checked').val()==1) {
//user clicked "cd-rom"
var level = "."+ ($('input[name=download]:checked').attr('class').split(/\s+/)[0]); //get 1st class of checked radio
var equivalent = $("ul#cd-products li").find(level); //find equivalent cd product
if (equivalent.length) {equivalent.click();} else {$("ul#cd-products li .cd_radio").first().click();}
$("ul#downloads").css("display","none");
$("ul#cd-products").css("display","block");
$("#product-image-swap").css("background-image","url('/image/image_gallery?uuid=058a259b-8a4b-4330-b0ba-6beefe3651b3&groupId=10165&t=1421097753465')"); //swap image
} else {
//user clicked "download"
var level = "."+ ($('input[name=cd-product]:checked').attr('class').split(/\s+/)[0]); //get 1st class of checked radio
var equivalent = $("ul#downloads li").find(level); //find equivalent download product
if (equivalent.length) {equivalent.click();} else {$("ul#downloads li .download_radio").first().click();}
$("ul#downloads").css("display","block");
$("ul#cd-products").css("display","none");
$("#product-image-swap").css("background-image","url('/image/image_gallery?uuid=0d0f1042-699f-4e6f-a7fd-670a952b94f7&groupId=10165&t=1421097753452')"); //swap image
}
});
</script>
##=============================================================================================
## GIFT CHECKBOX
##=============================================================================================
<script type="text/javascript">
$( document ).ready(function() {
$('#cdcheck').change(function() {
if ($('#cdcheck').is(':checked')) {
$('.desktop-product').find('form input[name="gifting"]').val('1');
} else {
$('.desktop-product').find('form input[name="gifting"]').val('0');
}
});
$('#olcheck').change(function() {
if ($('#olcheck').is(':checked')) {
$('.online-product').find('form input[name="gifting"]').val('1');
} else {
$('.online-product').find('form input[name="gifting"]').val('0');
}
})
});
</script>
##=============================================================================================
## STYLES
##=============================================================================================
<style>
@media only screen and (max-width: 959px) {
.prod-col {
width:80% !important;
padding: 60px 0 !important;
border-bottom: solid 1px #c5c5c5;
}
#prod-wrapper .product-list{
min-height: initial !important;
}
}
</style>
<style type="text/css">
/*============================================================================================
LAYOUT
===========================================================================================*/
/************ COLUMN STRUCTURE *************/
#prod-wrapper {
}
.column-wrapper {
width:100%;
max-width:1280px;
margin: 0 auto;
text-align:center;
}
.prod-col {
display:inline-block;
width:49%;
vertical-align: top;
}
/**************** HEADERS ******************/
.product-online-header h1,.product-desktop-header h1 {
color: #B70000;
font-family: GothamLight;
font-size: 25px;
font-weight: 100;
margin-bottom: 20px;
padding-top: 50px;
text-align: center;
}
.product-online-header h1 {
background: url("/image/image_gallery?img_id=469355&t=1411623963488") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.product-desktop-header h1 {
background: url("/image/image_gallery?img_id=469343&t=1411623963470") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.product-type-name {
font-family: GothamBook;
line-height: 35px;
}
/************** DESCRIPTION ****************/
.product-image {
background-color:lightblue;
display:inline-block;
width:40%;
height:200px;
}
.product-description-text {
display:inline-block;
width:59%;
vertical-align: top;
}
.product-description-text ul {
text-align: left;
}
.product-description-text ul li {
padding-left: 1.4em;
font-family: "GothamMedium";
list-style-type: none;
background: url("http://www.rosettastone.com/image/image_gallery?uuid=03096825-6227-4c0f-be0d-cbec063056f3&groupId=10165&t=1399623892041") no-repeat left;
margin-top: 0.4em;
}
.product-description-text ul li a {
color: #363636;
}
.product-description-text ul li:first-child {
list-style: none;
}
.product-online-description .product-image {
background: url("/image/image_gallery?uuid=7f15e408-7b15-4896-aedf-f430919fa1ee&groupId=10165&t=1422979573415") no-repeat center;
background-size: contain;
}
.product-desktop-description .product-image {
background: url("/image/image_gallery?uuid=058a259b-8a4b-4330-b0ba-6beefe3651b3&groupId=10165&t=1421097753465") no-repeat center;
background-size: contain;
}
/**************** BUTTONS *****************/
.product-buttons {
margin-top:40px;
}
.product-buttons a {
display: inline-block;
border: 2px solid #333;
border-radius: 5px;
cursor: pointer;
margin:0 5px;
padding: 8px 30px;
-webkit-transition: all .3s;
transition: all .3s;
text-transform: uppercase;
font-family: "GothamMedium";
font-size:12px;
text-decoration: none;
color: #363636;
}
.product-buttons a:hover {
color:#fff;
background: #363636
}
/***************** GIFT *******************/
.gifting {
height:50px;
}
.gift-row {
text-align: center;
clear: both;
padding-top: 25px;
font-weight: bold;
}
.giftbg {
padding-left: 25px;
background: url(/image/image_gallery?uuid=ba512734-56c6-468f-a8e7-6783831698d6&groupId=10165&t=1418149652146) no-repeat;
background-size: auto 100%;
margin-left: 10px;
top: -2px;
position: relative;
}
/************* PRODUCT LIST ***************/
#prod-wrapper .product-list{
#if ($skus.desktop.get("1-5") && $skus.desktop.get("1-2"))
min-height:200px;
#else
min-height:150px;
#end
margin-top: 40px;
}
.books-bundle {
float: right;
margin: -28px 10px 0 0;
}
li.bundle .product_name {
text-align: left;
width: 120px;
}
li.bundle {
height: 66px;
background: #fff;
border: 1px solid #c5c5c5;
padding-top: 11px;
width: 84% !important;
padding-left: 2% !important;
margin-bottom: 22px !important;
}
.bundle.online_radio, .bundle.cd_radio, .bundle.download_radio {
margin: 14px 8px 0 0;
}
.bundle .line-seperator {
padding-top: 19px;
}
.bundle .price-tag {
margin-top: 10px;
}
li.online-product, li.desktop-product {
list-style-type: none;
margin: 11px auto;
text-align: left;
width: 80%;
}
.online_radio, .cd_radio, .download_radio {
float: left;
margin: 4px 4px 0 0;
}
.product_name {
width: 97px;
display: inline-block;
text-align: right;
float:left;
}
.product_name a {
color: #363636;
font-family: "GothamMedium";
text-decoration: none;
font-size: 13px;
margin-right: 10px;
}
.price-tag {
float: right;
margin-left: 10px;
}
.price-tag span {
/* color: #bb1817; */
padding-left: 4px;
font-family: gothambook;
font-size: 18px;
}
.price-tag .strike-thro {
background: url("/image/image_gallery?uuid=d98ca977-d46e-42ef-847e-5edd2fd615d8&groupId=10165&t=1403854487039");
background-repeat: repeat-x;
background-position: center;
text-decoration: none !important;
color: #bb1817;
display: inline-block;
width: 54px;
}
.price-tag .list-price {
color: #467700;
width: 60px;
display: inline-block;
}
span.line-seperator {
display: block;
overflow: auto;
background: url(/image/image_gallery?uuid=53a6d9e7-615d-49b7-886b-ec568686615d&groupId=10165&t=1420830051823) repeat-x center;
}
/************** CD/DOWNLOAD ****************/
.cd-download-box {
background: #fff;
border: 1px solid #c5c5c5;
width: 20.8em;
margin: 0 auto;
}
.cd-download-box label {
line-height: 3em;
font-family: "GothamBook";
font-weight: bold;
color: rgb(35, 140, 187);
}
.cd-download-box input {
margin: 0 4px 0 0;
vertical-align: middle;
}
/****************** CART *******************/
.cart-container {
margin-top:20px;
}
.buy-btn-container {
display: inline-block;
vertical-align: text-bottom;
}
.price-tag-container {
display: inline-block;
margin-right: 8px;
}
.price-tag-container .product-name {
font-family: "GothamMedium";
text-transform: uppercase;
margin-bottom: 0.5em;
}
.price-tag-container .product-name a {
text-decoration: none;
color: #363636;
}
.main-price-tag {
font-size: 36px;
font-family: "GothamBook";
}
.main-price-tag .strike-thro {
background: url("/image/image_gallery?uuid=eb264323-02f7-4f77-9a7b-062b0a8d09ed&groupId=10165&t=1403854487038");
background-repeat: repeat-x;
background-position: center;
text-decoration: none !important;
color: #bb1817;
}
.main-price-tag .list-price {
color: #467700;
}
/*============================================================================================
PROGRESS BUTTON
===========================================================================================*/
/**, *:after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
.progress-button {
background: none repeat scroll 0 0 #467700;
border-radius: 5px;
color: #FFFFFF;
display: inline-block;
font-size: 12px;
letter-spacing: 1px;
outline: medium none;
padding: 12px 25px;
position: relative;
text-transform: uppercase;
font-family: GothamMedium;
}
.progress-button:hover{
background: none repeat scroll #2D4709 !important;
color: #FFFFFF !important;;
display: inline-block;
font-size: 12px;
letter-spacing: 1px;
outline: medium none;
padding-top:11px;
padding-bottom:11px;
padding-left:24px;
padding-right:24px;
position: relative;
text-transform: uppercase;
cursor: pointer;
}
.progress-button[disabled],
.progress-button[disabled].state-loading {
cursor: default;
}
.progress-button .content {
position: relative;
display: block;
}
.progress-button .content::before,
.progress-button .content::after {
position: absolute;
right: 20px;
color: #0e7138;
font-family: "icomoon";
opacity: 0;
-webkit-transition: opacity 0.3s 0.3s;
transition: opacity 0.3s 0.3s;
}
.progress-button[disabled] .state-success{
background: #333 !important;
padding: 12px 25px;
background-position:center center;
z-index: 1;
}
.progress-button .content::before {
background:url('http://www.rosettastone.com/image/image_gallery?uuid=e59161ac-65bf-4a2e-a2d2-26684cd9e63f&groupId=10165&t=1396535384125') no-repeat;
width:20px;
height:20px;
}
.progress-button .content::after {
background:url('http://www.rosettastone.com/image/image_gallery?uuid=e59161ac-65bf-4a2e-a2d2-26684cd9e63f&groupId=10165&t=1396535384125') no-repeat;
width:20px;
height:20px;
}
.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
opacity: 1;
}
.notransition {
-webkit-transition: none !important;
transition: none !important;
}
.progress-button .progress {
background: #148544;
}
.progress-button .progress-inner {
position: absolute;
left: 0;
background: #0e7138;
}
.progress-button[data-horizontal] .progress-inner {
top: 0;
width: 0;
height: 100%;
-webkit-transition: width 0.3s, opacity 0.3s;
transition: width 0.3s, opacity 0.3s;
}
.progress-button[data-vertical] .progress-inner {
bottom: 0;
width: 100%;
height: 0;
-webkit-transition: height 0.3s, opacity 0.3s;
transition: height 0.3s, opacity 0.3s;
}
/* General styles for all types of buttons */
.progress-button[disabled].state-success{
background:url('http://www.rosettastone.com/image/image_gallery?uuid=c862453d-863c-467b-9721-9548c84ac906&groupId=10165&t=1403854487037') no-repeat #467700;;
padding: 12px 25px;
background-position:center center;
}
.progress-button .content::before {
background:url('http://www.rosettastone.com/image/image_gallery?uuid=e59161ac-65bf-4a2e-a2d2-26684cd9e63f&groupId=10165&t=1396535384125') no-repeat;
width:20px;
height:20px;
}
.progress-button .content::after {
background:url('http://www.rosettastone.com/image/image_gallery?uuid=e59161ac-65bf-4a2e-a2d2-26684cd9e63f&groupId=10165&t=1396535384125') no-repeat;
width:20px;
height:20px;
}
.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
opacity: 0.7;
}
/* Necessary 3d styles for buttons with perspective */
.progress-button[data-perspective] {
position: relative;
display: inline-block;
padding: 0;
background: transparent;
-webkit-perspective: 900px;
perspective: 900px;
}
.progress-button[data-perspective] .content {
padding: 0 60px;
background: #1d9650;
}
.progress-button[data-perspective] .progress-wrap {
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress {
outline: 1px solid rgba(0,0,0,0); /* Smoothen jagged edges in FF */
}
/* Fill horizontal */
/* ====================== */
.progress-button[data-style="fill"][data-horizontal] {
overflow: hidden;
}
.progress-button[data-style="fill"][data-horizontal] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.progress-button[data-style="fill"][data-horizontal] .content::before,
.progress-button[data-style="fill"][data-horizontal] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="fill"][data-horizontal].state-success .content,
.progress-button[data-style="fill"][data-horizontal].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.progress-button:focus{
background: none repeat scroll 0 0 #2D4709;
border-radius: 5px;
color: #FFFFFF;
}
input[type="submit"], input[type="button"], input[type="reset"], button, .lfr-actions, .lfr-actions ul {
background:none;
border:none;
color: #ffffff;
font-weight: normal;
text-shadow: none;
}
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:focus, .lfr-actions:focus, .lfr-actions:focus ul{
background:none;
border:none;
color: #ffffff;
font-weight: normal;
text-shadow: none;
}
/*============================================================================================
TOOLTIP
===========================================================================================*/
.tipr_content
{
font-size: 11px;
font-family: GothamBook;
background-color: #0098db;
color: #fff;
padding: 9px 12px;
overflow:hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.tipr_container_bottom
{
display: none;
position: absolute;
margin-top: 13px;
z-index: 1000;
}
.tipr_container_top
{
display: none;
position: absolute;
margin-top: -190px;
z-index: 1000;
}
.tipr_point_top, .tipr_point_bottom
{
position: relative;
background: #0098db;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.tipr_point_top:after, .tipr_point_top:before
{
position: absolute;
pointer-events: none;
border: solid transparent;
top: 100%;
content: "";
height: 0;
width: 0;
}
.tipr_point_top:after
{
border-top-color: #0098db;
border-width: 8px;
left: 50%;
margin-left: -8px;
}
.tipr_point_top:before
{
border-top-color: #dcdcdc;
border-width: 9px;
left: 50%;
margin-left: -9px;
}
.tipr_point_bottom:after, .tipr_point_bottom:before
{
position: absolute;
pointer-events: none;
border: solid transparent;
bottom: 100%;
content: "";
height: 0;
width: 0;
}
.tipr_point_bottom:after
{
border-bottom-color: #0098db;
border-width: 8px;
left: 50%;
margin-left: -8px;
}
.tipr_point_bottom:before
{
border-bottom-color: #dcdcdc;
border-width: 9px;
left: 50%;
margin-left: -9px;
}
.product-content .tip {
display:inline-block;
color:#363636;
}
.product-content .tip:hover{
text-decoration:none;
}
.tip_row {
overflow:hidden
}
.tip_row img{
float: left !important;
margin-top: 0 !important;
margin-right: 10px !important;
}
.tip_row > div {
float:left;
width:153px;
}
.tip_row h4{
font-weight: normal;
font-size: 11px;
font-family: GothamBold;
}
.tip_row p {
font-family: GothamBook;
color:#fff;
font-size:10px;
}
/* Book bundle tip */
.books-bundle .tipr_container_top {
max-width: 200px;
}
.books-bundle .tipr_point_top, .tipr_point_bottom {
position: relative;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 3px 3px 15px #888888;
}
.books-bundle .tipr_content {
font-size: 11px;
font-family: GothamMedium;
background-color: #FFFFFF;
color: #363636;
line-height: 1.5;
padding: 9px 12px;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.books-bundle .tipr_point_top:after {
border-top-color: #FFFFFF;
border-width: 8px;
left: 50%;
margin-left: -8px;
}
/*============================================================================================
STARS
===========================================================================================*/
.rating-0_0{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -959px; width: 113px; height: 17px;display:block; float:left;}
.rating-0_1{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -939px; width: 113px; height: 17px;display:block; float:left; }
.rating-0_2{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -919px; width: 113px; height: 17px;display:block; float:left; }
.rating-0_3{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -900px; width: 113px; height: 17px;display:block; float:left; }
.rating-0_4{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -882px; width: 113px; height: 17px;display:block; float:left; }
.rating-0_5{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -862px; width: 113px; height: 17px;display:block; float:left; }
.rating-0_6{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -843px; width: 113px; height: 17px;display:block; float:left; }
.rating-0_7{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -824px; width: 113px; height: 17px;display:block; float:left; }
.rating-0_8{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -805px; width: 113px; height: 17px;display:block; float:left; }
.rating-0_9{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -787px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_0{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -767px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_1{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -748px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_2{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -729px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_3{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -710px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_4{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -691px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_5{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -672px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_6{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -652px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_7{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -633px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_8{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -614px; width: 113px; height: 17px;display:block; float:left; }
.rating-1_9{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -595px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_0{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -576px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_1{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -557px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_2{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -538px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_3{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -519px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_4{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -499px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_5{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -480px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_6{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -461px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_7{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -442px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_8{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -423px; width: 113px; height: 17px;display:block; float:left; }
.rating-2_9{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -405px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_0{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -384px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_1{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -365px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_2{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -345px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_3{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -326px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_4{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -307px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_5{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -288px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_6{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -269px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_7{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -249px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_8{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -230px; width: 113px; height: 17px;display:block; float:left; }
.rating-3_9{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -213px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_0{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -193px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_1{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -173px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_2{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -153px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_3{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -135px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_4{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -115px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_5{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -96px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_6{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -77px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_7{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -58px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_8{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -38px; width: 113px; height: 17px;display:block; float:left; }
.rating-4_9{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -20px; width: 113px; height: 17px;display:block; float:left; }
.rating-5_0{ background: url('/image/image_gallery?uuid=92e2b620-47b8-4868-b5b9-357c668506f0&groupId=10165&t=1400513939512') no-repeat 0 -1px; width: 113px; height: 17px;display:block; float:left; }
/*============================================================================================
DEMO
===========================================================================================*/
#demo .close {
background: url("/image/image_gallery?uuid=e1db08b4-6630-4164-a1f7-cc0f146839f9&groupId=10165&t=1406689455224") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
cursor: pointer;
height: 34px;
position: absolute;
right: -19px;
top: -9px;
width: 34px;
z-index: 1000;
}
#demoform .close {
background: url("/image/image_gallery?uuid=e1db08b4-6630-4164-a1f7-cc0f146839f9&groupId=10165&t=1406689455224") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
cursor: pointer;
top: -16px;
}
#demoform .close {
height: 34px;
position: absolute;
right: -19px;
width: 34px;
z-index: 1000;
}
#online-demo-button .button {
background: none repeat scroll 0 0 #0098db !important;
border: medium none !important;
border-radius: 5px;
color: #fff !important;
float: none !important;
font-family: 'gothamMedium' !important;
font-size: 13px;
font-weight: normal !important;
padding: 9px 16px 2px !important;
text-align: center;
text-shadow: none !important;
text-transform: uppercase !important;
padding:4px !important;
}
#field-email{
float:none !important;
}
#demoform {
border-radius: 5px;
background: none !important;
font-family: GothamLight !important;
height: auto !important;
width: auto !important;
}
#demo_lightbox {
width: 950px;
height: 415px;
background: url("/image/image_gallery?uuid=03483f1e-21f7-4cac-9bef-72b57fb63514&groupId=10165&t=1406689455177") no-repeat;
background-size: cover;
margin: auto;
padding: 37px 0 0;
-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.85);
-moz-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.85);
box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.85);
text-align:center;
}
#opt-out {
width: 750px !important;
float: center !important;
margin-left: 110px;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#demo_lightbox {
width: 730px;
height: 420px;
background: url("/image/image_gallery?uuid=03483f1e-21f7-4cac-9bef-72b57fb63514&groupId=10165&t=1406689455177") no-repeat;
background-size: cover;
}
}
#demo_lightbox h1 {
color: #fff;
font-family: 'gothamLight';
font-size: 2.0em;
}
#demo_lightbox h1 span.def {
font-size: 0.6em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#demo_lightbox h1 {
font-size: 2.0em;
margin: 0;
padding: 0;
}
}
#demo_lightbox p.demo_paragraph1 {
color: #fff;
font-family: 'gothamBook';
margin: 10px 0;
font-size: 1.2em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#demo_lightbox p.demo_paragraph1 {
font-size: 1.0em;
}
}
#demo_lightbox p.demo_paragraph2 {
color: #fff;
font-family: 'gothamBook';
margin: 15px 0 0 0px !important;
font-size: 0.9em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#demo_lightbox p.demo_paragraph2 {
font-size: 0.9em;
margin: 8px 0 0 !important;
}
}
#demo_lightbox p.demo_paragraph2 a {
color: #fff;
text-decoration: none;
}
#demo_lightbox p.demo_paragraph2 a:hover {
text-decoration: underline;
}
#demo_lightbox .or_section {
text-align: center;
margin: 9px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#demo_lightbox .or_section {
margin: 6px 0;
}
}
#demo_lightbox .or_section span {
display: inline-block;
padding: 23px 81px;
background: url("/image/image_gallery?uuid=230ea95c-bc20-441a-a441-3bb733bb376b&groupId=10165&t=1406689455262") no-repeat;
background-size: contain;
}
#demo_lightbox .facebook_btn button {
background: transparent url("/image/image_gallery?uuid=f41c1262-e609-4ef0-bdbc-0535bfa7089e&groupId=10165&t=1406689455247") no-repeat;
color: #fff;
border: none;
padding: 13px 55px 25px 85px;
background-size: contain;
text-align: left;
font-family: 'gothamBook';
text-shadow: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#demo_lightbox .facebook_btn button {
padding: 8px 21px 13px 70px;
}
}
#demo_lightbox .email_input input.field-email {
border: none;
color: #818181;
background: #fff;
text-align: center;
border-radius: 0;
box-shadow: none;
width: 282px;
height:26px;
/*padding: 10px 0;*/
clear: both;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#demo_lightbox .email_input input.field-email {
padding: 6px 0;
width: 230px;
}
#demo_lightbox .submit_btn button {
padding: 10px 22px;
}
#opt-out {
width: 700px !important;
margin-left: 20px!important;
text-align:center!important;
}
#register-checkbox{
-webkit-appearance: radio;
}
}
#demo_lightbox .submit_btn {
padding-top: 15px;
}
#demo_lightbox .submit_btn button {
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background: #0098db;
text-shadow: none;
padding: 15px 25px;
color: #fff;
font-family: 'gothamMedium';
text-transform: uppercase;
font-weight: normal;
}
</style>
##=============================================================================================
## INIT
##=============================================================================================
<script type="text/javascript">
$( document ).ready(function() {
$("ul#cd-products li .cd_radio").first().click();
$("ul#downloads li .download_radio").first().click();
//$("ul.online-products-list li .online_radio").first().click();
$("#cdrom-radio").click();
});
$(window).bind("pageshow", function() {
$("ul#cd-products li .cd_radio").first().click();
$("ul#downloads li .download_radio").first().click();
//$("ul.online-products-list li .online_radio").first().click();
$("#cdrom-radio").click();
});
</script>