Subversion Repositories SmartDukaan

Rev

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