Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
568 rajveer 1 
/**
2 
  * Author 			: Raj Kumar Bharti
3 
  * Creation Date 	: 31 Dec 2010
4 
  * Project 		: Shop2020
5 
  * Copyright 2010 Evon Technologies
6 
*/
7 
 
8 
html, body, h1, h2, h3, h4, h5, h6, div, span, p, ol, ul, li, dl, dt, dd, table, th, tr, td, form, label, input, select, textarea {margin:0; padding:0;}
9 
 
10 
body{
11 
	font-family:Verdana, Verdana, Geneva, sans-serif;
12 
	font-size:12px;
13 
	color:#000;
14 
	line-height:20px;
15 
	background:#555;
16 
}
17 
 
18 
h1{
19 
	font-size:24px;
20 
	font-weight:bold;
21 
}
22 
h2{
23 
	font-size:20px;
24 
	font-weight:bold;
25 
}
26 
h3{
27 
	font-size:14px;
28 
	font-weight:bold;
29 
}
30 
a{
31 
	outline:none;
32 
	color:#0066CC;
33 
	text-decoration:none;
34 
}
35 
a:hover{
36 
	color:#0066CC;
37 
	text-decoration:underline;
38 
}
39 
 
40 
a img {border:0;}
41 
 
42 
input, select, textarea{outline:none;}
43 
 
44 
/*___ Header ___*/
45 
#header{background:#fdfdfd;}
46 
#header .content{
47 
	width:980px;
48 
	margin:0 auto;
49 
	padding:10px 0 7px 0;
50 
}
51 
 
52 
#logo{
53 
	float:left;
54 
	margin-left:15px;
55 
}
56 
 
57 
#headerRight{
58 
	float:right;
59 
	width:700px;
60 
	margin-top:25px;
61 
	font-weight:bold;
62 
	font-size:11px;
63 
	color:#999;
64 
}
65 
#welcome_msg{
66 
	float:right;
67 
	width:250px;
68 
	margin-right:10px;
69 
	text-align:right;
70 
	color:#010101;
71 
}
72 
#headerRight #login_span{
73 
	float:right;
74 
	color:#0066cc;
75 
}
76 
.facebook{
77 
	padding:3px 25px 5px 0;
78 
	/*background:url(../images/buttons/facebook-header.jpg) no-repeat 68px 0px;*/
79 
	background:url(../images/buttons/facebook-header.jpg) no-repeat top right;
80 
}
81 
#subscribe{
82 
	float:left;
83 
	margin:5px 0 0 107px;
84 
	padding:2px 0;
85 
	color:#666;
86 
	border-right:1px solid #848484;
87 
}
88 
#subscribe span{margin-right:6px;}
89 
#subscribe input, #subscribe span{float:left;}
90 
#subscribe .textbox{
91 
	width:205px;
92 
	margin-right:3px;
93 
	padding:3px;
94 
	height:14px;
95 
	color:#999;
96 
	font-size:11px;
97 
	border:1px solid #848484;
98 
}
99 
#subscribe .button{
100 
	background:url(../images/buttons/go.jpg) no-repeat;
101 
	border:none;
102 
	width:31px;
103 
	height:21px;
104 
	margin:1px 6px 0 0;
105 
}
106 
 
107 
#facebookFindUsOn{
108 
	float:right;
109 
	margin-top:5px;
110 
	width:104px;
111 
}
112 
 
113 
/*___ Main ___*/
114 
#main{
115 
	width:980px;
116 
	margin:0 auto;
117 
}
118 
 
119 
/*___ Sign In ___*/
120 
#signin_menu,
121 
#signin_menu .top,
122 
#signin_menu .middle,
123 
#signin_menu .bottom{width:272px;}
124 
 
125 
#signin_menu{
126 
	position:absolute;
127 
	z-index:9999;
128 
	margin:-2px 0 0 436px;
129 
	padding:0;
130 
	font-weight:normal;
131 
	border:none;
132 
}
133 
#signin_menu .top{
134 
	line-height:16px;
135 
	background:url(../images/notification-top.png) no-repeat;
136 
}
137 
 
138 
#signin_menu .middle{
139 
	background:url(../images/notification-ver-bar.png) repeat-y;
140 
}
141 
 
142 
#signin_menu .middle dl{padding:15px 0;}
143 
#signin_menu .middle dt{
144 
	float:left;
145 
	width:80px;
146 
	margin:3px 8px 12px 0;
147 
	color:#333333;
148 
	text-align:right;
149 
	font-weight:normal;
150 
}
151 
#signin_menu .middle dd{
152 
	float:left;
153 
	width:160px;
154 
	margin-bottom:12px;
155 
	text-align:right;
156 
}
157 
#signin_menu .middle label.floatRight{color:#06c;}
158 
#signin_menu .middle input.floatRight{margin:3px 5px 0 0;}
159 
#signin_menu .middle .textbox{
160 
	padding:5px 0;
161 
	width:100%;
162 
	text-align:left;
163 
	font-size:11px;
164 
	background:#f8f8f8;
165 
	border:1px solid #b5b5b5;
166 
}
167 
#signin_menu .middle .bigImgButton{float:right;}
168 
#signin_menu .middle .button{
169 
	cursor:pointer;
170 
	margin-top:5px;
171 
	font-size:14px;
172 
	font-weight:bold;
173 
	border:none;
174 
	background:none;
175 
}
611 rajveer 176 
#headerRight .signin,
177 
#headerRight .signin1,
178 
#headerRight .menu-open{
568 rajveer 179 
	padding-right:18px;
180 
	/*background:url(../images/down-arrow-blue.jpg) no-repeat 50px 3px;*/
181 
	background:url(../images/down-arrow-blue.jpg) no-repeat 100% 3px;
182 
}
183 
#signin_menu .bottom{
184 
	height:65px;
185 
	background:url(../images/signin-bottom.png) no-repeat bottom left;
186 
}
187 
#signin_menu .bottom a{
188 
	color:#fff;
189 
	text-decoration:none;
190 
}
191 
#signin_menu .bottom a:hover{
192 
	color:#fff;
193 
	text-decoration:underline;
194 
}
195 
#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
196 
#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}
197 
 
198 
/*___ Notification ___*/
199 
#notification{
200 
	position:absolute;
201 
	margin:-4px 0 0 340px;
202 
	z-index:1000;
203 
}
204 
 
205 
#notification,
206 
#notification .top,
207 
#notification .middle,
208 
#notification .bottom{
209 
	width:272px;
210 
}
211 
#notification .top{
212 
	line-height:16px;
213 
	background:url(../images/notification-top.png) no-repeat;
214 
}
215 
#notification .bottom{
216 
	line-height:16px;
217 
	background:url(../images/notification-bottom.png) no-repeat bottom left;
218 
}
219 
#notification .middle{
220 
	background:url(../images/notification-ver-bar.png) repeat-y;
221 
}
222 
#notification .colLeft{
223 
	float:left;
224 
	width:215px;
225 
	margin:0 0 3px 15px;
226 
 
227 
	font-size:11px;
228 
	font-weight:normal;
229 
	color:#333;
230 
	line-height:18px;
231 
}
232 
#notification .link{
233 
	margin-top:2px;
234 
	font-weight:bold;
235 
}
236 
#notification a#notficationClose{
237 
	float:right;
238 
	width:18px;
239 
	margin-right:18px;
240 
}
241 
#notification .borderBottom{
242 
	margin:-15px 0 5px 0;
243 
	border-bottom:1px solid #ccc;
244 
}
245 
 
246 
/*___ Search & Cart ___*/
247 
#searchCartArea{margin-bottom:4px;}
248 
#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
249 
#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
250 
#searchCartArea .center{
251 
	margin:0 4px;
252 
	background:url(../images/search-hor-bar.jpg) repeat-x;
253 
}
254 
 
255 
#search{padding:3px 0;}
256 
#search .textbox{
257 
	float:left;
258 
	width:366px;
259 
	margin-right:4px;
260 
	padding:5px 4px;
261 
	border:1px solid #848484;
262 
}
263 
#search .dropdown{
264 
	float:left;
265 
	height:28px;
266 
	margin-right:5px;
267 
	font-size:14px;
268 
	border:1px solid #848484;
269 
	background:#fff;
270 
}
271 
#search .button{
272 
	cursor:pointer;
273 
	width:80px;
274 
	padding:4px 0 2px 0;
275 
	font-weight:bold;
276 
	background:none;
277 
	border:none;
278 
}
279 
 
280 
#search, #cartValue,
281 
#search .bigImgButton, #cartValue .bigImgButton {float:left;}
282 
 
283 
#cartValue{
284 
	float:right;
285 
	margin-top:3px;
286 
}
287 
#cartValue img{
288 
	float:left;
289 
	margin-right:6px;
290 
}
291 
#cartValue .caption{
292 
	float:left;
293 
	margin-top:4px;
294 
}
295 
 
296 
/*___ Sidebar ___*/
297 
#sidebar{
298 
	width:240px;
299 
	float:right;
300 
	color:#333;
301 
}
302 
#sidebarBanner{
303 
	width:240px;
304 
	margin-bottom:3px;
305 
}
306 
#sidebar h1{
307 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
308 
	font-size:16px;
309 
}
310 
#customerService{
311 
	background:#f5f5f5;
312 
	border:1px solid #ccc;
313 
}
314 
#customerService h2{
315 
	padding:2px 0 0 5px;
316 
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
317 
	font-size:14px;
318 
	height: 26px;
319 
	background:url(../images/customer-service-hor-bar.jpg) repeat-x;
320 
}
321 
#customerService #customerPhone,
322 
#customerService #customerPhone img,
323 
#customerService #customerPhone span{float:left;}
324 
#customerService #customerPhone span{margin-top:10px;}
325 
 
595 rajveer 326 
/*___ Error & Success Message ___*/
327 
#messageError,
328 
#messageSuccess{
329 
	margin:5px 0 15px 0;
330 
	padding:10px;
331 
}
332 
#messageError{
333 
	background:#ffffdd;
334 
	border:1px solid #cc0000;
335 
}
336 
#messageSuccess{
337 
	background:#ffffdd;
338 
	border:1px solid #006600;
339 
}
340 
 
341 
#messageError span,
342 
#messageSuccess span{
343 
	display:block;
344 
	float:left;
345 
	width:35px;
346 
	height:34px;
347 
}
348 
/*
349 
#messageError span{background:url(images/error_success_icon.png);}
350 
#messageSuccess span{background:url(images/error_success_icon.png) 0 -34px;}
351 
*/
352 
#messageError h6,
353 
#messageSuccess h6{
354 
	margin:0 0 5px 45px;
355 
	font-size:14px;
356 
}
357 
#messageError h6{color:#e47911;}
358 
#messageSuccess h6{color:#009900;}
359 
 
360 
#messageError p,
361 
#messageSuccess p{
362 
	margin-left:45px;
363 
	font-size:12px;
364 
	line-height:18px;
365 
}
366 
#messageError p{color:#b31941;}
367 
#messageSuccess p{color:#003300;}
368 
 
369 
 
568 rajveer 370 
/*___ Footer ___*/
371 
#footer{
372 
	background:#fff;
373 
	padding:10px 0;
374 
}
375 
#footer .content {
376 
	width:980px;
377 
	margin:0 auto;
378 
}
379 
#footer ul{
380 
	float:left;
381 
	list-style-type:none;
382 
	color:#0066cc;
383 
}
384 
#footer li{
385 
	float:left;
386 
	margin-right:10px;
387 
}
388 
#footer #copyright{
389 
	float:right;
390 
	color:#666;
391 
	font-size:10px;
392 
}
393 
 
394 
/*___ Yellow Buttons & Disable buttons ___*/
395 
#main .bigImgButton,
762 rajveer 396 
#signin_menu .bigImgButton,
397 
#colorbox .bigImgButton {
568 rajveer 398 
	color:#000;
399 
	font-weight:bold;
400 
}
401 
 
402 
#main .bigImgButton .left,
762 rajveer 403 
#signin_menu .bigImgButton .left,
404 
#colorbox .bigImgButton .left{background:url(../images/buttons/big-button-left.jpg) no-repeat;}
568 rajveer 405 
 
406 
#main .bigImgButton .right,
762 rajveer 407 
#signin_menu .bigImgButton .right,
408 
#colorbox .bigImgButton .right{background:url(../images/buttons/big-button-right.jpg) no-repeat top right;}
568 rajveer 409 
 
410 
#main .bigImgButton .center,
762 rajveer 411 
#signin_menu .bigImgButton .center,
412 
#colorbox .bigImgButton .center{
568 rajveer 413 
	margin:0 10px;
414 
	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
415 
	height:28px;
416 
}
417 
#main .bigImgButton a,
762 rajveer 418 
#signin_menu .bigImgButton a,
419 
#colorbox .bigImgButton a{
568 rajveer 420 
	color:#000;
421 
	text-decoration:none;
422 
}
423 
 
424 
#main .smallImgButton {
425 
	color:#000;
426 
	font-weight:bold;
427 
}
428 
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
429 
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
430 
#main .smallImgButton .center{
431 
	margin:0 10px;
432 
	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
433 
	height:21px;
434 
}
435 
#main .smallImgButton a{
436 
	font-size:11px;
437 
	color:#000;
438 
	text-decoration:none;
439 
}
440 
 
441 
/*___ tab buttons ___*/
442 
#tabButton{
443 
	margin-top:3px;
444 
	height:24px;
445 
}
446 
#tabButton .tabButton1{	float:left;}
447 
#tabButton .tabButton2 {float:right;}
448 
 
449 
#tabButton .spacing{
450 
	float:right;
451 
	width:12px;
452 
}
453 
#tabButton .spacing2{
454 
	float:right;
455 
	width:3px;
456 
}
457 
#tabButton .tabButton1{margin:0 10px;}
458 
#tabButton .tabButton1 a,
459 
#tabButton .tabButton1 span{display:block;}
460 
 
461 
#tabButton .tabButton1 a{
462 
	color:#333;
463 
	text-decoration:none;
464 
 
465 
	cursor:pointer;
466 
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
467 
}
468 
 
469 
#tabButton .tabButton1 a span{
470 
	margin-left:-10px;
471 
	background:url(../images/tab1-btn-left.png) no-repeat;
472 
}
473 
 
474 
#tabButton .tabButton1 a span span{
475 
	margin-right:-10px;
476 
	background:url(../images/tab1-btn-right.png) no-repeat top right;
477 
 
478 
	padding:2px 18px 0 28px;
479 
	height:22px;
480 
}
481 
 
482 
#tabButton .tabButton1 a:hover,
483 
#tabButton .tabButton1 a#activeTab{
484 
	color:#333;
485 
	text-decoration:none;
486 
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
487 
}
488 
#tabButton .tabButton1 a:hover span,
489 
#tabButton .tabButton1 a#activeTab span{
490 
	background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
491 
}
492 
#tabButton .tabButton1 a:hover span span,
493 
#tabButton .tabButton1 a#activeTab span span{
494 
	background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
495 
}
496 
 
497 
#tabButton .tabButton2{margin:0 10px;}
498 
#tabButton .tabButton2 a,
499 
#tabButton .tabButton2 span{display:block;}
500 
 
501 
#tabButton .tabButton2 a{
502 
	color:#333;
503 
	text-decoration:none;
504 
 
505 
	cursor:pointer;
506 
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
507 
}
508 
 
509 
#tabButton .tabButton2 a span{
510 
	margin-left:-10px;
511 
	background:url(../images/tab2-btn-left.png) no-repeat;
512 
}
513 
 
514 
#tabButton .tabButton2 a span span{
515 
	margin-right:-10px;
516 
	background:url(../images/tab2-btn-right.png) no-repeat top right;
517 
 
518 
	padding:2px 18px 0 28px;
519 
	height:22px;
520 
}
521 
 
522 
#tabButton .tabButton2 a:hover,
523 
#tabButton .tabButton2 a#activeTab{
524 
	color:#333;
525 
	text-decoration:none;
526 
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
527 
}
528 
#tabButton .tabButton2 a:hover span,
529 
#tabButton .tabButton2 a#activeTab span{
530 
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
531 
}
532 
#tabButton .tabButton2 a:hover span span,
533 
#tabButton .tabButton2 a#activeTab span span{
534 
	background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
535 
}
536 
 
537 
/*___ Common Classes ___*/
538 
.clearBoth{clear:both;}
539 
.floatLeft{float:left;}
540 
.floatRight{float:right;}
541 
.bold{font-weight:bold;}
542 
.lineHeight_10px{line-height:4px;}
543 
.noBorder{border:none;}
544 
 
545 
#noScript{
546 
	width:940px;
547 
	margin:20px auto;
548 
	padding:30px 20px;
549 
	font-size:18px;
550 
	color:#cc0000;
551 
	text-align:center;
552 
	background:#FDFCDC;
553 
	border:2px solid #F1EDC2;
554 
}
555 
 
556 
.padding_topbottom{
557 
	padding: 19px 0 18px;
558 
}
559 
.noBold{font-weight:normal;}