[ljcom] r11320: LJSUP-10748: Free2pay

U   trunk/htdocs/stc/shop/ie.css
U   trunk/htdocs/stc/shop/shop.css

Modified: trunk/htdocs/stc/shop/ie.css
===================================================================
--- trunk/htdocs/stc/shop/ie.css	2012-01-17 13:14:45 UTC (rev 11319)
+++ trunk/htdocs/stc/shop/ie.css	2012-01-17 14:28:53 UTC (rev 11320)
@@ -141,3 +141,17 @@
 	background: none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=/img/shop/promo/promo-givemore-gm.png?v=1);
 	}
+
+.b-ribbon {
+	*right: 0;
+	*top: 0;
+	*background: none;
+	}
+.b-ribbon SPAN,
+.b-ribbon A {
+	*padding: 0;
+	*background: url(/img/shop/ribbon-free.png) no-repeat 0 0;
+	*width: 68px;
+	*height: 66px;
+	*text-indent: -9999px;
+	}

Modified: trunk/htdocs/stc/shop/shop.css
===================================================================
--- trunk/htdocs/stc/shop/shop.css	2012-01-17 13:14:45 UTC (rev 11319)
+++ trunk/htdocs/stc/shop/shop.css	2012-01-17 14:28:53 UTC (rev 11320)
@@ -1690,7 +1690,7 @@
 ------------------------------------------------------------------------*/
 .b-wallet-tokens-free-content {
 	overflow: hidden;
-	padding: 0 30px 0 0;
+	padding: 0 0 0 100px;
 	margin: 0;
 	}
 	.b-wallet-tokens-free-content H4 {
@@ -1716,3 +1716,53 @@
 		line-height: 20px;
 		font-size: 14px;
 		}
+/* General free */
+.b-wallet-tokens-free FORM {
+	position: relative;
+	overflow: hidden;
+	margin: 0 0 10px;
+	padding: 20px 60px 20px 17px;
+	border: 1px solid #E5E5E5;
+	background-color: #F6F6F6;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	}
+.b-wallet-tokens-free H2 {
+	color: #000;
+	}
+.b-wallet-tokens-free H2,
+.b-wallet-tokens-free P {
+	margin: 0 0 10px;
+	}
+.b-wallet-tokens-free-icon {
+	float: left;
+	}
+.b-wallet-tokens-free-content .b-btn {
+	line-height: 40px;
+	}
+.b-wallet-tokens-free-amount {
+	font-size: x-large;
+	display: inline-block;
+	padding: 0 50px 0 12px;
+	vertical-align: middle;
+	background: url(/img/shop/tokens-icon.png) no-repeat 100% 50%;
+	}
+.b-ribbon {
+	background: #57B3DB;
+	overflow: hidden;
+	position: absolute;
+	right: -3em;
+	top: 1em;
+	-o-transform: rotate(45deg);
+	-ms-transform: rotate(45deg);
+	-moz-transform: rotate(45deg);
+	-webkit-transform: rotate(45deg);
+	transform: rotate(45deg);
+	}
+.b-ribbon SPAN,
+.b-ribbon A {
+	display: block;
+	color: #FFF;
+	box-shadow: -1px 1px 1px #57B3DB;
+	padding: 5px 4em;
+	}