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