Subversion Repositories SmartDukaan

Rev

Rev 13229 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
13213 kshitij.so 1 
@font-face { font-family: 'LeagueGothicRegular' !important; src: url('/fonts/androidland/League_Gothic-webfont.ttf') font-weight: normal !important; font-style: normal !important; }>
2 
	@font-face {
3 
    font-family: 'myriad';
4 
    src: url('/fonts/androidland/MYRIADPRO-REGULAR.OTF');
5 
}
6 
 
7 
@font-face {
8 
    font-family: 'myriad-pro-thin';
9 
    src: url('/fonts/androidland/MyriadSetPro-Thin.ttf');
10 
}
11 
 
12 
@font-face {
13 
    font-family: 'myriad-pro-bold';
14 
    src: url('/fonts/androidland/MyriadSetPro-Bold.ttf');
15 
}
16 
 
17 
#main-banners {
18 
	cursor: default;
19 
	height: 370px;
20 
	overflow: hidden;
21 
	position: relative;
22 
	width: 940px;
23 
	border-bottom : 1px solid grey;
24 
}
25 
.main-container {
26 
   background-color: #FFFFFF;
27 
   box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.2);
28 
   color: #444444;
29 
   margin: auto;
30 
   padding: 10px 10px 0;
31 
   width: 940px;
32 
   float: none;
33 
}
34 
.main-background {
35 
   background-color: #E1E1E1;
36 
   width: auto;
37 
}
38 
 
39 
#product-info {
40 
background: none repeat scroll 0 0 #feef30;
41 
border: 1px solid #ccc;
42 
-moz-border-radius: 4px;
43 
-webkit-border-radius: 4px;
44 
border-radius: 4px;
45 
color : grey;
46 
}
47 
 
48 
.gosf-text {
49 
text-align: center;
50 
padding-top: 40px;
51 
font-size: 35px;
52 
font-family: 'myriad-pro-thin';
53 
letter-spacing: 3px;
54 
}
55 
 
56 
 
57 
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
58 
display:none;
59 
}
60 
 
61 
.nbs-flexisel-container {
62 
    position:relative;
63 
    max-width:100%;
64 
}
65 
.nbs-flexisel-ul {
66 
    position:relative;
67 
    width:9999px;
68 
    margin:0px;
69 
    padding:0px;
70 
    list-style-type:none;
71 
    text-align:center;
72 
}
73 
 
74 
.nbs-flexisel-inner {
75 
    overflow:hidden;
76 
    float:left;
77 
    width:100%;
78 
}
79 
 
80 
.nbs-flexisel-item {
81 
    float:left;
82 
    margin:0px;
83 
    padding:0px;
84 
    cursor:pointer;
85 
    position:relative;
86 
}
87 
.nbs-flexisel-item img {
88 
    cursor: pointer;
89 
    position: relative;
90 
    margin-top: 10px;
91 
    margin-bottom: 10px;
92 
}
93 
 
94 
/*** Navigation ***/
95 
 
96 
.nbs-flexisel-nav-left,
97 
.nbs-flexisel-nav-right {
98 
    width: 22px;
99 
    height: 22px;
100 
    position: absolute;
101 
    cursor: pointer;
102 
    z-index: 100;
103 
    opacity: 0.5;
104 
}
105 
 
106 
.nbs-flexisel-nav-left {
107 
    left: 10px;
108 
    background: url(/images/button-previous.png) no-repeat;
109 
}
110 
 
111 
.nbs-flexisel-nav-right {
112 
    right: 5px;
113 
    background: url(/images/button-next.png) no-repeat;
114 
}
115 
 
116 
#main-gosf {
117 
	position: relative;
118 
	width: 700px;
119 
	margin: 50px auto 0 auto;
120 
	padding: 0 0 0 25px;
121 
}
122 
 
123 
#counter {
124 
	width: 700px;
125 
	height: 145px;
126 
	margin: 55px auto 0 auto;
127 
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
128 
	font-size: 92px;
129 
	color: #272727;
130 
	text-shadow: 0 1px 0 #fff;
131 
	overflow: hidden;
132 
	vertical-align: baseline;
133 
	font-style: normal;
134 
	font-variant: normal;
135 
	font-weight: normal;
136 
	line-height: normal;
137 
	padding: 0;
138 
	border: 0;
139 
}
140 
 
141 
.countDays, .countHours, .countMinutes, .countSeconds {
142 
	float: left;
143 
	width: 102px;
144 
	height: 138px;
145 
	padding-left: 36px;
146 
	background: #e7e7e7;
147 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.07)));
148 
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
149 
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
150 
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
151 
	background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
152 
	background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
153 
	border: 1px solid #ccc;
154 
	-moz-border-radius: 4px;
155 
	-webkit-border-radius: 4px;
156 
	border-radius: 4px;
157 
	-moz-box-shadow:
158 
 
159 
 
160 
	-webkit-box-shadow:
161 
 
162 
 
163 
	box-shadow:
164 
 
165 
 
166 
}
167 
 
168 
.points {
169 
	float: left;
170 
	width: 40px;
171 
	margin: 0;
172 
	font-family: Georgia, serif;
173 
	font-size: 44px;
174 
	font-weight: bold;
175 
	text-align: center;
176 
	line-height: 138px;
177 
	text-shadow: none;
178 
}
179 
 
180 
.position {
181 
	position: relative;
182 
	float: left;
183 
	width: 35px;
184 
	height: 92px;
185 
	margin: 8px 0 0 0;
186 
}
187 
 
188 
.digit {
189 
	position: absolute;
190 
	top: 0;
191 
	left: 0;
192 
}
193 
 
194 
.boxName {
195 
	float: left;
196 
	width: 80px;
197 
	margin: -5px 0 0 7px;
198 
	font-size: 36px;
199 
	color: #a6a6a6;
200 
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
201 
}
202 
 
203 
.Hours { margin-left: 5px; }
204 
 
205 
.Seconds { margin-left: 2px; }
206 
 
207 
 
208 
#gosf-form {
209 
	position: relative;
210 
	margin: 40px auto 0 auto;
211 
	line-height: normal;
212 
	font-style: normal;
213 
	font-weight: normal;
214 
	font-variant: normal;
215 
	vertical-align: baseline;
216 
	padding: 0;
217 
	border: 0;
218 
}
219 
 
220 
.gosf-email {
221 
	width: 498px;
222 
	height: 35px;
223 
	padding: 0 15px;
224 
	background: #f1f1f1;
225 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.02)), to(rgba(0,0,0,.02)));
226 
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
227 
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
228 
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
229 
	background-image: -o-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
230 
	background-image: linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
231 
	border: 1px solid #cbcbcb;
232 
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
233 
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
234 
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
235 
	-moz-border-radius: 4px;
236 
	-webkit-border-radius: 4px;
237 
	border-radius: 4px;
238 
	font-family: Arial, Helvetica, sans-serif;
239 
	font-size: 13px;
240 
	color: #b3b2b2;
241 
	font-style: italic;
242 
}
243 
 
244 
.email:focus {
245 
	outline: 0;
246 
	border: 1px solid #c0c0c0;
247 
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
248 
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
249 
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
250 
}
251 
 
252 
.submit {
253 
	width: 140px;
254 
	height: 37px;
255 
	margin: 0 0 0 5px;
256 
	padding: 0;
257 
	background: #888;
258 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.1)));
259 
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
260 
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
261 
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
262 
	background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
263 
	background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
264 
	border: 1px solid #636363;
265 
	-moz-box-shadow:
266 
 
267 
 
268 
	-webkit-box-shadow:
269 
 
270 
 
271 
	box-shadow:
272 
 
273 
 
274 
	-moz-border-radius: 4px;
275 
	-webkit-border-radius: 4px;
276 
	border-radius: 4px;
277 
	font-family: Arial, Helvetica, sans-serif;
278 
	font-size: 13px;
279 
	font-weight: bold;
280 
	color: #fff;
281 
	text-shadow: 0 1px 0 rgba(0,0,0,.35);
282 
	line-height: 13px;
283 
	cursor: pointer;
284 
}
285 
 
286 
.submit:hover {
287 
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.1)));
288 
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
289 
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
290 
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
291 
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
292 
	background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
293 
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
294 
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
295 
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
296 
}
297 
 
298 
.submit:active {
299 
	-moz-box-shadow:
300 
 
301 
 
302 
	-webkit-box-shadow:
303 
 
304 
 
305 
	box-shadow:
306 
 
307 
 
308 
	color: #ddd;
309 
}
310 
 
311 
.popup {
312 
	position: absolute;
313 
	top: 45px;
314 
	left: 0;
315 
	width: 140px;
316 
	padding: 10px;
317 
	background: #e7e7e7;
318 
	-moz-border-radius: 4px;
319 
	-webkit-border-radius: 4px;
320 
	border-radius: 4px;
321 
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
322 
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
323 
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
324 
	font-family: Arial, Helvetica, sans-serif;
325 
	font-size: 13px;
326 
	color: #888;
327 
}
328 
 
329 
.social-media-arrow {
330 
	position: absolute;
331 
	top: 125px;
332 
	right: -95px;
333 
	width: 108px;
334 
	height: 256px;
335 
	background: url(/images/social-media-arrow.png) top left no-repeat;
336 
	line-height: normal;
337 
	font-style: normal;
338 
	font-weight: normal;
339 
	font-variant: normal;
340 
	vertical-align: baseline;
341 
	top: 0px;
342 
	background-repeat: no-repeat;
343 
	background-position: top left;
344 
	margin: 0;
345 
	padding: 0;
346 
	border: 0;
347 
}
348 
 
349 
.facebook {
350 
	width: 32px;
351 
	height: 32px;
352 
	background: url(/images/facebook-gosf.png);
353 
}
354 
 
355 
.twitter {
356 
	width: 32px;
357 
	height: 32px;
358 
	background: url(/images/twitter-gosf.png);
359 
}
360 
 
361 
.gd-row{
362 
	line-height: normal;
363 
	font-style: normal;
364 
	font-weight: normal;
365 
	font-variant: normal;
366 
	vertical-align: baseline;
367 
	display: block;
368 
	position: relative;
369 
	padding: 0px;
370 
	border: 0px none;
371 
	height: 50px;
372 
	margin: 0px;
373 
	min-height: 100px;
374 
}
375 
 
376 
.gd-col {
377 
	line-height: normal;
378 
	font-style: normal;
379 
	font-weight: normal;
380 
	font-variant: normal;
381 
	vertical-align: baseline;
382 
	float: left;
383 
	position: relative;
384 
	margin: 0px;
385 
	padding: 0px;
386 
	border: 0px none
387 
}
388 
 
389 
.text-container {
390 
	font-size: 22px;
391 
	line-height: 85px;
392 
	font-style: normal;
393 
	font-weight: normal;
394 
	font-variant: normal;
395 
	vertical-align: baseline;
396 
	box-sizing: border-box;
397 
	overflow: hidden;
398 
	text-align: center;
399 
	height: 85px;
400 
	color: rgb(51, 51, 51);
401 
	background-color: rgb(15, 69, 160);
402 
	margin: 15px 0px 0px;
403 
	padding: 0px;
404 
	border: 0px none;
405 
	width: 940px;
406 
}
407 
 
408 
.text-container-inner {
409 
	line-height: normal;
410 
	font-style: normal;
411 
	font-weight: normal;
412 
	font-variant: normal;
413 
	vertical-align: baseline;
414 
	margin: 0;
415 
	padding: 0;
416 
	border: 0;
417 
}
418 
 
419 
.gosf-products {
420 
	width : 100%;
421 
	height : 300px;
422 
	margin-top: 30px;
423 
}
424 
 
425 
.gosf-product-box{
426 
	min-height: 256px;
427 
	height: 157px;
428 
	padding-left: 10px;
429 
	padding-right: 10px;
430 
}
431 
 
432 
.gosf-product-image {
433 
	border-left-width: 5px;
434 
	padding-right: 4px;
435 
}
436 
 
437 
 
438 
.gosf-product-title{
439 
	font-weight: bold;
440 
	color: black;
441 
}
442 
 
443 
.gosf-product-description{
444 
	font-family: "Lucida Grande","Arial Unicode MS",sans-serif;
445 
	text-align : ceneter;
446 
}
447 
 
448 
.gosf-final-text{
449 
	font-size: 22px;
450 
	font-family : myriad-pro-thin;
451 
	padding-bottom :20px;
452 
	padding-top: 10px;
453 
	text-align : center;
454 
	letter-spacing :3px;
455 
}
456 
 
457 
#msg{
458 
	position: fixed;
459 
	top: 40%;
460 
	border: 1px solid #2978C1;
461 
	font-size: 18px;
462 
	box-shadow: #2978C1 0 0 30px 1px;
463 
	background-color: white;
464 
	color: #666;
465 
	display: none;
466 
	line-height:25px;
467 
	margin-left:320px;
468 
	padding:10px;
469 
	z-index:99;
470 
}