Subversion Repositories SmartDukaan

Rev

Rev 476 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 476 Rev 539
Line -... Line 1...
-
 
1
/** 
-
 
2
  * Author 			: Raj Kumar Bharti
-
 
3
  * Creation Date 	: 28 Oct 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
 
1
body {
10
body{
-
 
11
	font-family:Verdana, Arial, Helvetica, sans-serif;
-
 
12
	font-size:12px;
2
  margin: 0;
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{
3
  padding: 0;
23
	font-size:20px;
4
  font-family:Verdana;
24
	font-weight:bold;
-
 
25
}
-
 
26
h3{
5
  font-size:12px;
27
	font-size:14px;
-
 
28
	font-weight:bold;
-
 
29
}
-
 
30
a{
-
 
31
	outline:none;
6
  color:#000;
32
	color:#0066CC;
7
  font-smooth:always;
33
	text-decoration:none;
-
 
34
}
-
 
35
a:hover{
8
  background:#74726f;    
36
	color:#0066CC;
-
 
37
	text-decoration:underline;
9
}
38
}
-
 
39
 
-
 
40
a img {border:0;}
-
 
41
 
-
 
42
input, select, textarea{outline:none;}
-
 
43
 
-
 
44
/*___ Header ___*/
-
 
45
#header{background:#fdfdfd;}
10
h1, h2, h3, h4, h5 {
46
#header .content{
-
 
47
	width:980px;
11
  margin: 0;
48
	margin:0 auto;
12
  padding: 0;
49
	padding:10px 0 7px 0;
13
}
50
}
-
 
51
 
-
 
52
#logo{
-
 
53
	float:left;
-
 
54
	margin-left:15px;
14
p
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;
15
{
64
}
-
 
65
#welcome_msg{
-
 
66
	float:right;
-
 
67
	width:250px;
16
  margin:0px;
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;
17
  padding:0px;
84
	padding:2px 0;
-
 
85
	color:#666;
-
 
86
	border-right:1px solid #848484;
18
}
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
/*___ Menu ___*/
-
 
120
#menu{
-
 
121
	background:	url(../images/menu-hor-bar.jpg) repeat-x;
-
 
122
	height:32px;
-
 
123
	font-size:14px;
-
 
124
	font-weight:bold;
-
 
125
}
-
 
126
#menu ul{
-
 
127
	margin-left:6px;
-
 
128
	padding-top:6px;
-
 
129
	list-style-type:none;
19
*{
130
}
-
 
131
#menu li{
-
 
132
	float:left;
20
	margin:0;
133
	margin:0 14px;
-
 
134
	display:block;
-
 
135
}
-
 
136
#menu .menuArrow{
-
 
137
	padding-right:17px;
-
 
138
	background:url(../images/down-arrow-white.jpg) no-repeat right 4px;
-
 
139
}
-
 
140
#menu a{
-
 
141
	color:#fff;
-
 
142
	text-decoration:none;
-
 
143
}
-
 
144
#menu a:hover{
-
 
145
	color:#fff;
-
 
146
	text-decoration:underline;
-
 
147
}
-
 
148
 
-
 
149
/*___ Sign In ___*/
-
 
150
#signin_menu,
-
 
151
#signin_menu .top,
-
 
152
#signin_menu .middle,
-
 
153
#signin_menu .bottom{
-
 
154
	width:272px;
-
 
155
}
-
 
156
 
-
 
157
#signin_menu{
-
 
158
	position:absolute;
-
 
159
	z-index:9999;
-
 
160
	margin:-2px 0 0 436px;
21
	padding:0;
161
	padding:0;
-
 
162
	font-weight:normal;
-
 
163
	border:none;
22
}
164
}
-
 
165
#signin_menu .top{
-
 
166
	line-height:16px;
-
 
167
	background:url(../images/notification-top.png) no-repeat;
23
img{
168
}
-
 
169
 
-
 
170
#signin_menu .middle{
-
 
171
	background:url(../images/notification-ver-bar.png) repeat-y;
-
 
172
}
-
 
173
 
-
 
174
#signin_menu .middle dl{padding:15px 0;}
-
 
175
#signin_menu .middle dt{
-
 
176
	float:left;
-
 
177
	width:80px;
-
 
178
	margin:3px 8px 12px 0;
-
 
179
	color:#333333;
-
 
180
	text-align:right;
-
 
181
	font-weight:normal;
-
 
182
}
-
 
183
#signin_menu .middle dd{
-
 
184
	float:left;
-
 
185
	width:160px;
-
 
186
	margin-bottom:12px;
-
 
187
	text-align:right;
-
 
188
}
-
 
189
#signin_menu .middle label.floatRight{color:#06c;}
-
 
190
#signin_menu .middle input.floatRight{margin:3px 5px 0 0;}
-
 
191
#signin_menu .middle .textbox{
-
 
192
	padding:5px 0;
-
 
193
	width:100%;
-
 
194
	text-align:left;
-
 
195
	font-size:11px;
-
 
196
	background:#f8f8f8;
-
 
197
	border:1px solid #b5b5b5;
-
 
198
}
-
 
199
#signin_menu .middle .bigImgButton{float:right;}
-
 
200
#signin_menu .middle .button{
-
 
201
	cursor:pointer;
-
 
202
	margin-top:5px;
-
 
203
	font-size:14px;
-
 
204
	font-weight:bold;
24
	border:none;
205
	border:none;
-
 
206
	background:none;
25
}
207
}
-
 
208
.signin, .signin1, .menu-open{
-
 
209
	padding-right:18px;
-
 
210
	/*background:url(../images/down-arrow-blue.jpg) no-repeat 50px 3px;*/
-
 
211
	background:url(../images/down-arrow-blue.jpg) no-repeat 100% 3px;
-
 
212
}
-
 
213
#signin_menu .bottom{
-
 
214
	height:65px;
-
 
215
	background:url(../images/signin-bottom.png) no-repeat bottom left;
-
 
216
}
-
 
217
#signin_menu .bottom a{
-
 
218
	color:#fff;
-
 
219
	text-decoration:none;
-
 
220
}
-
 
221
#signin_menu .bottom a:hover{
-
 
222
	color:#fff;
-
 
223
	text-decoration:underline;
-
 
224
}
-
 
225
#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
-
 
226
#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}
-
 
227
 
26
 
228
 
27
ul, ul li
-
 
28
{
-
 
29
margin:0;
-
 
30
padding:0;
-
 
31
list-style:none;
-
 
32
}
-
 
33
 
-
 
34
.clearfix
-
 
35
{
-
 
36
clear:both;
-
 
37
clear:float;
-
 
38
}
-
 
39
/*div.outerWrapper
-
 
40
{
-
 
41
margin: 0 auto 0 auto;
229
/*___ Search & Cart ___*/
42
}*/
-
 
43
div.wrapper
-
 
44
{
-
 
45
width:980px;
-
 
46
margin: 0 auto 0 auto;
230
#searchCartArea{margin-bottom:4px;}
47
}
-
 
48
h1 img
-
 
49
{
-
 
50
padding: 10px 0px 12px 3%;
-
 
51
float:left;
-
 
52
}
-
 
53
/*div.quickLinks
-
 
54
{
-
 
55
float:right;
-
 
56
width:60%;
-
 
57
text-align:right;
-
 
58
font-size:0.85em;
-
 
59
margin: 15px 1% 5px 0px;
-
 
60
padding: 0px 0px 0px 0px;
-
 
61
color:#000;
-
 
62
}
-
 
63
div.quickLinks span.subs
-
 
64
{
-
 
65
padding: 8px 9px 0px 0px;
-
 
66
margin: 0px 0px 0px 0px;
-
 
67
display:block;
-
 
68
float:right;
-
 
69
}
-
 
70
div.quickLinks a 
-
 
71
{
-
 
72
text-decoration:none;
231
#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
73
color:#0066cc;
-
 
74
font-weight:bold;
-
 
75
margin: 0px 0px 0px 5px;
-
 
76
padding: 0px 0px 0px 0px;
-
 
77
}
-
 
78
div.quickLinks a.fofb
-
 
79
{
-
 
80
width:100%;
-
 
81
overflow:auto;
-
 
82
}
-
 
83
div.quickLinks a.signin
-
 
84
{
-
 
85
background:url(../images/signin_arw.gif) no-repeat right center;
232
#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
86
margin: 0px 10px 0px 5px;
-
 
87
padding: 0px 18px 0px 0px;
-
 
88
color:#0066cc;
-
 
89
}
-
 
90
 
-
 
91
div.quickLinks label
-
 
92
{
-
 
93
margin: 0px 0px 0px 0px;
-
 
94
padding: 0px 0px 0px 0px;
-
 
95
color:#000;
-
 
96
}
-
 
97
div.quickLinks input.newletter
233
#searchCartArea .center{
98
{
-
 
99
margin: 0px 0px 2px 0px;
-
 
100
padding: 2px 0px 2px 2px;
-
 
101
color:#666;
-
 
102
border:1px solid #848484;
-
 
103
width:220px;
-
 
104
}
-
 
105
div.quickLinks img
-
 
106
{
-
 
107
margin: 5px 0px 0px 0px;
234
	margin:0 4px;
108
padding: 0px 0px 0px 4px;
-
 
109
border-left:1px solid #848484;
235
	background:url(../images/search-hor-bar.jpg) repeat-x;
110
float:right;
-
 
111
}
236
}
112
*/
-
 
113
div.mast
-
 
114
{
-
 
115
width:100%;
-
 
116
background:#fff;
-
 
117
}
-
 
118
div.header
-
 
119
{
-
 
120
display:table;
-
 
121
width:980px;
-
 
122
background:#fdfdfd;
-
 
123
margin: 0px auto 0px auto;
-
 
124
padding: 0px 0px 0px 0px;
-
 
125
}
-
 
126
div.headerRight{width:460px;float:right; padding-top:10px; }
-
 
127
div.headerRight h1{font:normal 11px/1.2 Verdana;width:auto; padding:0px 0px 0px 120px; margin:0; float:left;color:#000;}
-
 
128
div.headerRight h2{font:bold 11px/1.2 Verdana; color:#0066cc;width:163px;float:right; padding:0; margin:0;}
-
 
129
 
-
 
130
div.headerRight h2 a{color:#0066cc; text-decoration:none; line-height:10px;padding:3px 5px 5px;}
-
 
131
div.headerRight .subscribe{float:right;width:488px; padding-top:5px; color:#333;}
-
 
132
div.headerRight .subscribe input[type="text"]{width:230px; border:1px solid #848484; float:left; color:#999999; padding:2px; margin-right:5px; margin:5px 0px;}
-
 
133
div.headerRight .subscribe span{float:left; margin:0 0px;}
-
 
134
div.headerRight .subscribe span img{ margin:0 5px;}
-
 
135
div.headerRight .subscribe label{float:left; padding-left:5px; margin:5px 0px; }
-
 
136
div.mainmenu
-
 
137
{
-
 
138
background:url(../images/menubg.gif) repeat-x left;
-
 
139
margin: 0px 0px 0px 0px;
-
 
140
padding: 0px 0px 0px 0px;
-
 
141
height:32px;
-
 
142
display:table;
-
 
143
width:100%;
-
 
144
clear:both;
-
 
145
}
-
 
146
 
237
 
147
div.breadcrumb
-
 
148
{
-
 
149
margin: 0px 0px 15px 0px;
238
#search{padding:3px 0;}
150
padding: 1px 0px 1px 0px;
-
 
151
font-size:0.85em;
-
 
152
height:10px;
239
#search .textbox{
153
}
-
 
154
div.breadcrumb a
-
 
155
{
-
 
156
color:#1170cf;
-
 
157
background:url(../images/crumb_arw.gif) no-repeat right 0.3em;
-
 
158
text-decoration:none;
-
 
159
margin: 0px 0px 0px 0px;
-
 
160
padding: 0px 10px 0px 0px;
-
 
161
font-weight:bold;
-
 
162
}
-
 
163
div.breadcrumb a.selc
-
 
164
{
-
 
165
background:none;
-
 
166
color:#878e8e;
-
 
167
}
-
 
168
div.breadcrumb a.selc:hover
-
 
169
{
-
 
170
text-decoration:none!important;
-
 
171
}
-
 
172
div.findBox
-
 
173
{
-
 
174
background:url(../images/findbox.gif) repeat-x 0 0;
-
 
175
margin: 0px 0px 2px 0px;
-
 
176
/*padding: 3px 0px 3px 3px;*/
-
 
177
display:block;
-
 
178
position:relative;
-
 
179
clear:both;
-
 
180
width:100%;
-
 
181
float:left;
240
	float:left;
182
}
-
 
183
div.findBox input.txtfld
-
 
184
{
-
 
185
height:19px;
-
 
186
width:375px;
241
	width:366px;
187
padding: 3px 0px 3px 0px;
-
 
188
float:left;
-
 
189
margin:2px;
-
 
190
}
-
 
191
div.findBox select.cat
-
 
192
{
-
 
193
/*padding: 3px 0px 4px 0px;*/
-
 
194
width:180px;
-
 
195
font-size:14px;
-
 
196
float:left;
-
 
197
margin:2px;
242
	margin-right:4px;
198
height:29px;
-
 
199
padding:5px;
243
	padding:5px 4px;
200
padding-top:2px;
244
	border:1px solid #848484;
201
 
-
 
202
}
245
}
203
/*
-
 
204
a.btn{
-
 
205
background:url(../images/button.gif) no-repeat left;
-
 
206
border:none;
-
 
207
padding: 10px 20px 10px 8px;
-
 
208
margin: 0px 0px 0px 20px;
-
 
209
text-decoration:none;
246
#search .dropdown{
210
font-size:0.7em;
-
 
211
font-weight:bold;
-
 
212
color:#000;
-
 
213
 
-
 
214
}*/
-
 
215
input.srchbtn
-
 
216
{
-
 
217
margin: 0px 0px 0px 0px;
-
 
218
padding: 2px 0px 5px 0px;
-
 
219
width:98px;
-
 
220
height:28px;
-
 
221
border:0px;
-
 
222
background:url(../images/button.gif) no-repeat left;
-
 
223
font-weight:bold;
-
 
224
font-size:1.1em;
-
 
225
float:left;
247
	float:left;
226
margin:2px;
248
	height:28px;
227
}
-
 
228
 
-
 
229
div.findBox a.cartbtn
-
 
230
{
-
 
231
background:url(../images/cart_btn.gif) no-repeat;
-
 
232
padding: 6px 0px 8px 35px;
-
 
233
/*margin: -3px 0px 0px 0px;*/
-
 
234
float:right;
-
 
235
font-weight:bold;
-
 
236
text-decoration:none;
-
 
237
color:#000;
-
 
238
width:75px;
-
 
239
margin:2px;
249
	margin-right:5px;
240
font-family:Verdana;
-
 
241
font-size:12px;
250
/*	font-size:14px;*/
242
}
-
 
243
div.content1
-
 
244
{
-
 
245
	margin:2px 4px 1px 0px;
251
	border:1px solid #848484;
246
	padding:0px 0px 0px 0px;
-
 
247
	color:#000;
-
 
248
	font-size:1em;
-
 
249
	line-height:1.3em;
-
 
250
	height:100%;
-
 
251
	
-
 
252
}
252
}
253
div.lfbox
-
 
254
{
-
 
255
margin: -0px 0px 0px 0px;
-
 
256
/*padding: 0px 0px 0px 0px;
-
 
257
-moz-border-radius: 5px;
-
 
258
-webkit-border-radius: 5px;
-
 
259
border-radius: 5px;
-
 
260
border:2px solid #ccc;
-
 
261
background:#fefefe;*/
-
 
262
}
-
 
263
.block1Top{background:url(../images/block1Top.png) no-repeat;width:738px; height:5px; background-position:top center;}
-
 
264
.block1Bottom{background:url(../images/block1Bottom.png) no-repeat;width:738px; height:12px;background-position:bottom center; }
-
 
265
/*.block1Content{width:717px; background:url(../images/cotentBgC.png) repeat-y;padding:0px 10px;background-position:left center; margin:0;}*/
-
 
266
.block1Content{width:705px; background:url(../images/cotentBgC.png) repeat-y;padding:0px 16px;background-position:left center; margin:0;}
-
 
267
.block2Top{background:url(../images/contentMaintop1.png) no-repeat;width:737px; /*height:19px;*/ height:4px; background-position:top center; }
-
 
268
.block2Bottom{background:url(../images/contentMainbottom1.png) no-repeat;width:737px; /*height:19px;*/ height:4px; background-position:bottom center;}
-
 
269
/*.block2Content{max-width: 714px; background:#fff url(contentMaincenter1.png) repeat-x;padding:0px 10px;background-position:0 bottom; border-left:1px solid #cccccc;border-right:2px solid #cccccc;}*/
-
 
270
.addtocart{ width:200px; float:right;}
-
 
271
 
-
 
272
.addCart{background:url(../images/add-to-cart.gif) repeat-x center center; height:28px; width:110px; padding:2px 10px; font-weight:bold;font-size:1.1em; line-height:18px; border:none; }
-
 
273
div.controls
253
#search .button{
274
{
-
 
275
margin: 0px 0px 0px 0px;
-
 
276
padding: 0px 0px 0px 0px;
-
 
277
overflow:hidden;
254
	cursor:pointer;
278
position:relative;
-
 
279
/*height:178px;*/
-
 
280
}
-
 
281
div.contweak
-
 
282
{
-
 
283
background:url(../images/demo_panel_bg.gif) repeat-x 0em bottom;
-
 
284
border-right:2px solid #dadada;
-
 
285
border-left:2px solid #dadada;
-
 
286
width:733px;
255
	width:80px;
287
/*height:768px;*/
-
 
288
min-height:650px;
-
 
289
 
-
 
290
 
-
 
291
}
-
 
292
div.controls h2 
-
 
293
{
-
 
294
margin: 0px 0px 15px 0px;
-
 
295
font-size:18px;
-
 
296
}
-
 
297
div.controls h2 a.add
-
 
298
{
-
 
299
margin: 0px 0px 0px 25px;
-
 
300
font-size:0.7em;
-
 
301
font-weight:bold;
-
 
302
}
-
 
303
 
-
 
304
span.text
-
 
305
{
-
 
306
font-size:0.9em;
-
 
307
line-height:1.9em;
-
 
308
color:#333;
-
 
309
float:left;
-
 
310
clear:both;
-
 
311
}
-
 
312
div.controls span.textsml
-
 
313
{
-
 
314
font-size:0.85em;
-
 
315
padding: 0px 0px 0px 0px;
-
 
316
margin: 0px 0px 0px 0px;
-
 
317
position:absolute;
-
 
318
top:44px;
-
 
319
color:#666;
-
 
320
}
-
 
321
 
-
 
322
div.controls span.textsml1
-
 
323
{
-
 
324
font-size:0.85em;
-
 
325
padding: 0px 0px 0px 0px;
256
	padding:4px 0 2px 0;
326
margin: 0px 0px 0px 0px;
-
 
327
position:absolute;
-
 
328
top:44px;
-
 
329
color:#666;
-
 
330
}
-
 
331
span.num
-
 
332
{
-
 
333
color:#990000;
-
 
334
font-weight:bold;
257
	font-weight:bold;
335
font-size:1.45em
-
 
336
}
-
 
337
 
-
 
338
div.price
-
 
339
{
-
 
340
margin:10px 0px 0px 0px;
-
 
341
width:450px;
-
 
342
float:left;
-
 
343
}
-
 
344
/*
-
 
345
div.price img
-
 
346
{
-
 
347
padding:5px 0px 0px 5px;
-
 
348
*padding:10px 0px 0px 5px;
-
 
349
float:left;
-
 
350
margin:0;
258
	background:none;
351
width:112px;
-
 
352
height:15px;
-
 
353
}
-
 
354
 
-
 
355
input.pin
-
 
356
{
-
 
357
border:none;
259
	border:none;
358
background:url(../images/inp_bg.gif) no-repeat 0em 0em;
-
 
359
width:80px;
-
 
360
padding:3px 0px 5px 2px;
-
 
361
margin: 0px 4px 0px 4px;
-
 
362
}
260
}
363
 
261
 
364
*/
262
#search, #cartValue,
-
 
263
#search .bigImgButton, #cartValue .bigImgButton {float:left;}
365
 
264
 
366
input.pin
-
 
367
{
-
 
368
     border:none;
-
 
369
     background:url(../images/inp_bg.gif) no-repeat 0em 0em;
-
 
370
     width:78px;
-
 
371
     padding:3px 0px 5px 2px;
-
 
372
     margin: 0px 4px 0px 4px;
-
 
373
}
-
 
374
 
-
 
375
 
-
 
376
div.rating
265
#cartValue{
377
{
-
 
378
float:right;
266
	float:right;
379
padding:0px 0px 0px 0px;
-
 
380
margin:10px 0px 0px 0px;
-
 
381
width:200px;
-
 
382
color:#000;
-
 
383
}
-
 
384
div.rating h3
-
 
385
{
-
 
386
font-size:1.3em;
-
 
387
padding:0px 0px 5px 0px;
-
 
388
}
-
 
389
div.rating div.seller
-
 
390
{
-
 
391
float:left;
-
 
392
padding:0px 0px 4px 0px;
-
 
393
clear:both;
-
 
394
}
-
 
395
div.common
-
 
396
{
-
 
397
border-top:1px solid #ccc;
-
 
398
clear:both;
-
 
399
/*margin: 5px 0px 0px 0px;*/
-
 
400
padding: 5px 0px 0px 0px;
-
 
401
width:100%;
-
 
402
}
-
 
403
div.common a
-
 
404
{
-
 
405
background:url(../images/blue_arw.gif) no-repeat 0em 0.2em;
-
 
406
color:#0066cc;
-
 
407
font-weight:bold;
-
 
408
padding:0px 0px 0px 15px;
-
 
409
text-decoration:none;
-
 
410
}
-
 
411
div.contentArea
-
 
412
{
-
 
413
width:100%;
-
 
414
}
-
 
415
div.part1
-
 
416
{
-
 
417
width:737px;
-
 
418
display:block;
-
 
419
float:left;
-
 
420
margin:0;
-
 
421
 
-
 
422
}
-
 
423
div.utils
-
 
424
{
-
 
425
/*padding:4px 0px 5px 6px;*/
-
 
426
margin:4px auto 0px auto;
-
 
427
padding:3px;
267
	margin-top:3px;
428
background:#fff url(../images/util_bg.gif) repeat-x left bottom;
-
 
429
width:709px;
-
 
430
height:22px;
-
 
431
 
-
 
432
}
-
 
433
/*
-
 
434
div.utils input, div.utils input.atr
-
 
435
{
-
 
436
padding:0px 0px 0px 0px;
-
 
437
margin:0px 0px 0px 0px;
-
 
438
height:21px;
-
 
439
border:0px;
-
 
440
font-weight:bold;
-
 
441
 
-
 
442
}
-
 
443
 
-
 
444
div.utils input
-
 
445
{
-
 
446
width:80px;
-
 
447
background:url(../images/compare_btn.gif) no-repeat 0em 0em;
-
 
448
 
-
 
449
}
-
 
450
div.utils input.atr
-
 
451
{
-
 
452
width:124px;
-
 
453
background:url(../images/addtoresch.gif) no-repeat 0em 0em;
-
 
454
margin:0px 62px 0px 0px;
-
 
455
}
268
}
456
*/
-
 
457
div.utils a
269
#cartValue img{
458
{
-
 
459
text-decoration:none;
-
 
460
color:#000;
270
	float:left;
461
font-size:0.8em;
-
 
462
margin:-0px 0px 0px 20px;
271
	margin-right:6px;
463
display:inline;
-
 
464
 
-
 
465
}
-
 
466
 
-
 
467
div.utils a.fb
-
 
468
{
-
 
469
background:url(../images/facebook.gif) no-repeat left 0em;
-
 
470
padding:2px 0px 7px 50px;
-
 
471
 
-
 
472
}
-
 
473
div.utils a.tw
-
 
474
{
-
 
475
background:url(../images/icon_tweet.jpg) no-repeat left 0em;
-
 
476
padding:2px 0px 7px 25px;
-
 
477
 
-
 
478
}
272
}
479
div.utils a.ork
273
#cartValue .caption{
480
{
-
 
481
background:url(../images/icon_orkut.jpg) no-repeat left 0em;
-
 
482
padding:2px 0px 7px 25px;
-
 
483
}
-
 
484
div.utils a.ml
274
	float:left;
485
{
-
 
486
background:url(../images/mail_ico.gif) no-repeat left 0.3em;
-
 
487
padding:2px 0px 5px 25px;
-
 
488
margin:0px 20px 0px 10px;
-
 
489
}
-
 
490
div.utils a.askfn
-
 
491
{
-
 
492
background:url(../images/ask_frnd.gif) no-repeat right 0em;
-
 
493
padding:2px 30px 7px 0px;
-
 
494
margin:0px;
275
	margin-top:4px;
495
font-weight:normal;
-
 
496
}
276
}
497
div.locator
-
 
498
{
277
 
499
background:#fff url(../images/pinloc_bg.gif) repeat-x left bottom;
-
 
500
padding:7px 0px 7px 6px;
278
/*___ Wrapper ___*/
501
margin:0px auto 5px auto;
279
#wrapper{
502
width:710px;
280
	width:735px;
503
clear:both;
281
	float:left;
504
height:26px;
282
	margin-bottom:5px;
505
}
283
}
506
input.gobtn
-
 
507
{
-
 
508
border:0px;
-
 
509
background:url(../images/go_btn.gif) no-repeat right 0em;
-
 
510
padding:2px 3px 3px 5px;
284
#productDetail{margin-bottom:4px;}
511
margin:2px 0px 0px 0px;
285
#productDetail .top{background: #fff;}
512
color:#fff;
-
 
513
font-weight:bold;
-
 
514
height:21px;
-
 
515
width:31px;
-
 
516
}
-
 
517
div.sideNavBg{padding:0; margin:0;background:url(../images/demo_panel_bg.gif) repeat-x 0em bottom;}
286
#productDetail .top .left{background: url(../images/product-detail-top-left.jpg) no-repeat;}
518
div.sideNav
-
 
519
{
-
 
520
	padding:0px 0px 0px 0px;
287
#productDetail .top .right{
521
	margin:0px 0px 0px 0px;
-
 
522
	background:url(../images/sidenav_bg.gif) repeat-y right top;
288
	background: url(../images/product-detail-top-right.jpg) no-repeat top right;
523
	width:154px;
289
	line-height:5px;
524
	float:left;
-
 
525
}
290
}
526
div.sideNav ul
-
 
527
{
291
 
528
	padding:0px 0px 0px 0px;
292
#productDetail .middle{background: #fff;}
529
	margin:10px 2px 0px 0px;
293
#productDetail .middle .link{
530
}
-
 
531
div.sideNav ul li
294
	font-weight:bold;
532
{
-
 
533
	padding:0px 0px 0px 0px;
295
	padding:5px 0 2px 45px;
534
	margin:0px 0px 0px 0px;	
-
 
535
	background:url(../images/side_arw_inact.gif) no-repeat 11.7em center;
296
	background:url(../images/right-arrow-blue.jpg) no-repeat 25px 9px;
536
	font-size:0.9em;
297
	border-top:1px solid #ccc;
537
	
-
 
538
}
298
}
539
div.sideNav ul li:hover, div.sideNav ul li.sfhover
299
#productDetail .content{
-
 
300
	padding:0 10px 5px 25px;
540
{
301
}
541
	padding:0px 0px 0px 0px;
302
#productDetail .content .blockLeft{
-
 
303
	float:left;
542
	margin:0px 0px 0px 0px;	
304
	width:400px;
543
	background:#ebebeb url(../images/side_arw_actv.gif) no-repeat 11.7em center;
-
 
544
	font-size:0.9em;
305
	color:#333333;
545
}
306
}
-
 
307
#productDetail .blockLeft #breadcrumb{
-
 
308
	color:#5C6565;
-
 
309
	font-size:10px;
-
 
310
	font-weight:bold;
546
div.sideNav ul li a.vt
311
	line-height:10px;
547
{
312
}
548
	padding:8px 12px 10px 10px;
313
#productDetail .blockLeft #breadcrumb a.deselect{
549
	margin:0px 0px 0px 0px;
314
	color:#5C6565;
550
	text-decoration:none;
315
	text-decoration:none;
551
	color:#666;
-
 
552
	display:block;	
-
 
553
	
-
 
554
}
316
}
555
div.teaser
-
 
556
{
-
 
557
float:left;
-
 
558
padding:0px 0px 0px 10px;
317
#productDetail .blockLeft #productHeading{
559
margin:20px 0px 0px 0px;
318
	margin-top:10px;
560
width:76.9%;
-
 
561
font-size:12px;
319
	font-size:18px;
562
font-family:Verdana;
320
	color:#030303;
563
}
321
}
564
/*div.teaser h1
322
#productDetail .blockLeft #productSubHeading{
565
{
-
 
566
font-size:1.5em;
323
	margin:-3px 0 12px 0;
567
font-weight:normal;
-
 
568
}*/
-
 
569
 
-
 
570
div.teaser h1
-
 
571
{
-
 
572
     font-size:24px;
324
	font-size:11px;
573
     font-weight:normal;
325
	font-weight:normal;
574
}
-
 
575
div.teaser h1 span
-
 
576
{     
-
 
577
     font-weight:bold;
-
 
578
}
-
 
579
 
-
 
580
div.demo
-
 
581
{
-
 
582
padding:0px 0px 0px 0px;
-
 
583
margin:0px 0px 0px 0px;
-
 
584
float:left;
326
	color:#666666;
585
}
-
 
586
div.demo ul 
-
 
587
{
-
 
588
padding:0px 0px 0px 0px;
-
 
589
margin:40px 0px 0px 0px;
-
 
590
}
327
}
591
div.demo ul li
-
 
592
{
-
 
593
padding:8px 10px 6px 10px;
-
 
594
*padding:8px 10px 3px 10px;
328
#productDetail .blockLeft #finalPrice{
595
margin:0px 5px 0px 0px;
-
 
596
width:50px;
-
 
597
display:inline;
-
 
598
clear:both;
329
	color:#990000;
599
background:url(../images/tab_unselc.gif) repeat-x left ;
-
 
600
}
-
 
601
div.demo ul li a
-
 
602
{
-
 
603
padding:8px 0px 8px 0px;
-
 
604
margin:0px 0px 0px 0px;
-
 
605
text-decoration:none;
-
 
606
font-size:0.8em;
330
	font-size:14px;
607
color:#000;
-
 
608
}
-
 
609
div.demo ul li.sel
331
	font-weight:bold;
610
{
-
 
611
 
-
 
612
}
332
}
613
div.demo div.tabby
-
 
614
{
-
 
615
/*padding:10px 60px 10px 60px;*/
-
 
616
margin:0px 10px 0px 0px;
-
 
617
border:1px solid #ccc;
-
 
618
overflow:hidden;
-
 
619
width:317px;
-
 
620
 
333
 
-
 
334
#productDetail .blockLeft .imgTextBox {
-
 
335
	float:left;
-
 
336
	width:80px;
-
 
337
	margin:0 5px;
-
 
338
}
-
 
339
#productDetail .blockLeft .imgTextBox .left{background:url(../images/textbox-left.jpg) no-repeat;}
-
 
340
#productDetail .blockLeft .imgTextBox .right{background:url(../images/textbox-right.jpg) no-repeat top right;}
-
 
341
#productDetail .blockLeft .imgTextBox .center{
-
 
342
	margin:0 5px;
-
 
343
	background:url(../images/textbox-hor-bar.jpg) repeat-x;
-
 
344
}
-
 
345
#productDetail .blockLeft .imgTextBox .textbox{
-
 
346
	padding:4px 0 4px 0;
-
 
347
	width:68px;
-
 
348
	font-size:14px;
-
 
349
	border:none;
-
 
350
	background:none;
-
 
351
}
-
 
352
#productDetail .blockLeft #shipTime{
-
 
353
	float:left;
-
 
354
	font-weight:bold;
-
 
355
}
-
 
356
#productDetail .blockLeft .img{
-
 
357
	float:left;
-
 
358
	margin:4px 0 0 2px;
-
 
359
}
-
 
360
#productDetail .content .blockRight{
-
 
361
	float:right;
-
 
362
	width:200px;
-
 
363
	margin-top:38px;
-
 
364
}
-
 
365
#productDetail .blockRight .bigImgButton{
-
 
366
	width:100px;
-
 
367
	font-weight:bold;
-
 
368
}
-
 
369
#productDetail .blockRight .bigImgButton a{
-
 
370
	display:block;
-
 
371
	padding:3px 2px;
-
 
372
}
-
 
373
#productDetail .blockRight .button{
-
 
374
	cursor:pointer;
-
 
375
	margin-left:-4px;
-
 
376
/*	width:88px;*/
-
 
377
	padding-top:5px;
-
 
378
	font-weight:bold;
-
 
379
	border:none;
-
 
380
	background:none;
-
 
381
}
-
 
382
#productDetail .blockRight #rating{
-
 
383
	padding-top:18px;
-
 
384
	font-size:14px;
-
 
385
	font-weight:bold;
-
 
386
}
-
 
387
#productDetail .blockRight #amazonRatingStar,
-
 
388
#productDetail .blockRight #shop2020RatingStar{
-
 
389
	float:left;
-
 
390
	margin-top:4px; 
-
 
391
	padding-left:5px;
621
}
392
}
622
 
393
 
623
/*
-
 
624
 * Required 
394
#productDetail .blockRight #amazonRatingStar img,
625
*/
-
 
-
 
395
#productDetail .blockRight #shop2020RatingStar img{float:left;}
626
 
396
 
-
 
397
#productDetail .bottom{background: #fff;}
-
 
398
#productDetail .bottom .left{background: url(../images/product-detail-bottom-left.jpg) no-repeat bottom left;}
-
 
399
#productDetail .bottom .right{
-
 
400
	background: url(../images/product-detail-bottom-right.jpg) no-repeat bottom right;
-
 
401
	line-height:5px;
-
 
402
}
-
 
403
 
-
 
404
/*___ products ___*/
627
.container { 
405
#products{	
628
width:317px; 
406
	margin-top:5px;
629
height:540px;
407
	min-height:1000px;
-
 
408
	background:#fff;
-
 
409
}
-
 
410
#productBanner{width:736px;}
-
 
411
 
-
 
412
#products #bestDeals, 
-
 
413
#products #latestArrivals,
-
 
414
#products #bestSellers{padding:35px 15px 15px 25px;}
-
 
415
 
-
 
416
#products h1{
-
 
417
	color:#E47911;
-
 
418
	font-size:18px;
630
margin:0px 10px 0px 0px;
419
	margin-bottom:12px;
-
 
420
	padding-bottom:2px;
631
border:1px solid #ccc;
421
	border-bottom:1px solid #ccc;
-
 
422
}
-
 
423
#products h1 a{
-
 
424
	font-size:11px;
-
 
425
	margin:0 0 0 15px;
-
 
426
	padding:0;
-
 
427
}
-
 
428
#products .productItem{
632
overflow:hidden;
429
	float:left;
-
 
430
	width:148px;
-
 
431
	height:285px;
-
 
432
	line-height:18px;
-
 
433
}
-
 
434
#products .productItem .productImg{
633
position:relative;
435
	position:relative;
-
 
436
	height:140px;
634
background:#fff;
437
	margin-bottom:5px;
635
}
438
}
-
 
439
#products .productItem .productImg img{
-
 
440
	position:absolute;
-
 
441
	bottom:0;
636
/*
442
}
637
.slides { position:absolute; top:0; left:0; }
443
#products .productItem .productDetails{height:140px;}
-
 
444
#products .productItem .productDetails .title{
-
 
445
	font-weight:bold;
-
 
446
	line-height:14px;
-
 
447
}
638
.slides div { position:absolute; top:0; width:296px; margin:35px 5px 5px;}
448
#products .productItem .productDetails .originalPrice{
-
 
449
	text-decoration:line-through;
-
 
450
	font-size:11px;
-
 
451
}
-
 
452
#products .productItem .productDetails .newPrice{
-
 
453
	color:#990000;
-
 
454
	font-weight:bold;
-
 
455
	line-height:8px;
-
 
456
	padding:2px 0 4px 0;
-
 
457
}
-
 
458
#products .productItem .productDesp{
-
 
459
	font-size:11px;
-
 
460
	line-height:16px;
-
 
461
	padding-bottom:5px;
-
 
462
}
639
.slides div img{ max-width:311px;max-height:481px; }
463
#products .productItem .productDesp ul{margin-left:13px;}
-
 
464
#products .spacing{
-
 
465
	float:left;
-
 
466
	width:32px;
-
 
467
	height:285px;
640
*/
468
}
641
 
469
 
642
.slides{width:315px;float:left;position:absolute;top:30px;}
-
 
643
.slides div{text-align: center;}
470
/*___ slideGuide ___*/
644
.slides img{max-width:311px;max-height:481px;}
471
#slideGuide{margin-bottom:4px;}
645
 
472
 
-
 
473
/*___ ActionBar ___*/
-
 
474
#actionBar .left{background:url(../images/actionbar-left.jpg) no-repeat;}
-
 
475
#actionBar .right{background:url(../images/actionbar-right.jpg) no-repeat top right;}
-
 
476
#actionBar .center{
-
 
477
	margin:0 10px;
-
 
478
	height:28px;
-
 
479
	background:url(../images/actionbar-hor-bar.jpg) repeat-x;
-
 
480
}
-
 
481
#actionBar .blockLeft{
-
 
482
	float:left;
-
 
483
	width:240px;
-
 
484
}
-
 
485
#actionBar .blockLeft .smallImgButton{
-
 
486
	float:left;
-
 
487
	margin:4px 2px 0 2px;
-
 
488
	display:inline; /* IE6 bug fix */
-
 
489
}
-
 
490
#actionBar .blockLeft .smallImgButton .button{
-
 
491
	padding-top:3px;
-
 
492
	cursor:pointer;
-
 
493
	font-family:Verdana, Arial, Helvetica, sans-serif;
-
 
494
	font-weight:bold;
-
 
495
	font-size:11px;
-
 
496
	border:none;
-
 
497
	background:none;
-
 
498
}
-
 
499
#actionBar .blockRight{
-
 
500
	float:right;
-
 
501
	width:370px;
-
 
502
	font-size:11px;
-
 
503
}
-
 
504
#actionBar .blockRight a{
-
 
505
	color:#000;
-
 
506
	text-decoration:none;
-
 
507
}
-
 
508
#actionBar .blockRight table{margin:1px -10px 0 0;}
-
 
509
#actionBar .blockRight td{
-
 
510
	vertical-align:top;
-
 
511
	padding-left:10px;
-
 
512
}
-
 
513
#actionBar .blockRight img{
-
 
514
	margin-top:2px;
-
 
515
	float:left;
-
 
516
}
-
 
517
#actionBar .blockRight span{
-
 
518
	float:left;
-
 
519
	margin:2px 4px 0 0;
-
 
520
	display:inline; /* IE 6 bug fix */
-
 
521
}
-
 
522
#actionBar .blockRight #facebookCount,
-
 
523
#actionBar .blockRight #twitterCount{
-
 
524
	font-size:10px;
-
 
525
	margin:3px 0 0 4px;
-
 
526
}
-
 
527
#actionBar .blockRight #askAFriend {width:100px;}
-
 
528
#actionBar .blockRight #askAFriend img,
-
 
529
#actionBar .blockRight #askAFriend span{float:right;}
646
 
530
 
-
 
531
#actionBar .blockRight #askAFriend span{
-
 
532
	width:76px;
-
 
533
	margin-left:-6px;
647
/*
534
}
-
 
535
 
-
 
536
/*___ slideGuideContent ___*/
-
 
537
#slideGuideContent .top .left{background:url(../images/slideguide-content-top-left.jpg) no-repeat;}
-
 
538
#slideGuideContent .top .right{background:url(../images/slideguide-content-top-right.jpg) no-repeat top right;}
-
 
539
#slideGuideContent .top .center{
-
 
540
	margin:0 10px 0 155px;
648
 * Optional
541
	height:13px;
-
 
542
	background:url(../images/slideguide-content-top-center.jpg) repeat-x;
-
 
543
}
-
 
544
 
-
 
545
#slideGuideContent .middle {
-
 
546
	background:#fff;
-
 
547
	border-right:1px solid #ccc;
649
*/
548
}
-
 
549
#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}
-
 
550
 
-
 
551
#slideGuideContent .bottom .left{background:url(../images/slideguide-content-bottom-left.jpg) no-repeat;}
-
 
552
#slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}
-
 
553
#slideGuideContent .bottom .center{
-
 
554
	margin:0 10px 0 155px;
-
 
555
	height:4px;
650
#loopedSlider,#newsSlider { margin:0 auto;position:relative; clear:both; }
556
	background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;
-
 
557
}
-
 
558
 
-
 
559
/*___ slideGuideNav ___*/
-
 
560
#slideGuideNav {
-
 
561
	margin-left:2px;
-
 
562
	float:left;
-
 
563
	display:inline; /* IE 6 bug fix */
-
 
564
	width:153px;
651
ul.pagination { list-style:none; padding:0; margin:0; }
565
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-
 
566
	font-size:12px;
-
 
567
}
652
ul.pagination li  { float:left; }
568
#slideGuideNav ul{list-style:none;}
-
 
569
#slideGuideNav a span {
-
 
570
	display:block;
-
 
571
	width:105px;
-
 
572
}
-
 
573
#slideGuideNav a{
-
 
574
	display:block;
653
ul.pagination li a { padding:2px 4px; }
575
	padding:9px 0 9px 17px;
-
 
576
	color:#666666;
-
 
577
	text-decoration:none;
-
 
578
	line-height:18px;
654
ul.pagination li.active a { background:blue; color:white; }
579
	background:url(../images/slideguide-nav-arrow.jpg) no-repeat 133px -75px;
-
 
580
}
-
 
581
#slideGuideNav a:hover{
-
 
582
	color:#fff;
-
 
583
	text-decoration:none;
-
 
584
	background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px; 	
-
 
585
}
655
 
586
 
-
 
587
/*___ slideGuideProduct ___*/
-
 
588
#slideGuideProduct{
-
 
589
	float:left;
-
 
590
	width:570px;
-
 
591
}
656
div.demo div.tabby img
592
#slideGuideProduct h1{
-
 
593
	margin:26px 0 20px 8px;
-
 
594
	font-weight:normal;
-
 
595
}
-
 
596
#slideGuideProduct .modelName{margin-left:9px;}
-
 
597
 
-
 
598
/*___ Pincode ___*/
-
 
599
#servicePinCode .left{background:url(../images/pincode-left.jpg) no-repeat;}
-
 
600
#servicePinCode .right{background:url(../images/pincode-right.jpg) no-repeat top right;}
-
 
601
#servicePinCode .center{
-
 
602
	margin:0 16px;
-
 
603
	height:32px;
-
 
604
	padding: 8px 0 0 20px;
-
 
605
	background:url(../images/pincode-hor-bar.jpg) repeat-x;
-
 
606
}
-
 
607
#servicePinCode .imgTextBox {
-
 
608
	float:left;
-
 
609
	width:80px;
-
 
610
	margin:0 5px;
657
{
611
}
-
 
612
#servicePinCode .imgTextBox .left{background:url(../images/textbox-left.jpg) no-repeat;}
-
 
613
#servicePinCode .imgTextBox .right{background:url(../images/textbox-right.jpg) no-repeat top right;}
-
 
614
#servicePinCode .imgTextBox .center{
658
	margin:2px;
615
	margin:0 5px;
-
 
616
	padding:0;
-
 
617
	background:url(../images/textbox-hor-bar.jpg) repeat-x;
-
 
618
}
-
 
619
#servicePinCode .imgTextBox .textbox{
-
 
620
	width:68px;
-
 
621
	height:21px;
-
 
622
	font-size:14px;
-
 
623
	color:#999;
-
 
624
	border:none;
-
 
625
	background:none;
-
 
626
}
-
 
627
#servicePinCode .button{
-
 
628
	margin-top:1px;
-
 
629
	width:31px;
-
 
630
	height:21px;
-
 
631
	border:none;
-
 
632
	background:url(../images/buttons/go.jpg) no-repeat;
-
 
633
}
-
 
634
 
-
 
635
/*___ Phone reviews ___*/
-
 
636
#phoneReviews{margin-bottom:-6px;}
-
 
637
#phoneReviews .top .left{background:url(../images/review-top-left.jpg) no-repeat;}
-
 
638
#phoneReviews .top .right{background:url(../images/review-top-right.jpg) no-repeat top right;}
-
 
639
#phoneReviews .top .center{
-
 
640
	background:url(../images/review-top-hor-bar.jpg) repeat-x; 
-
 
641
	height:31px;
-
 
642
	margin:0 10px;
-
 
643
}
-
 
644
#phoneReviews .middle{
-
 
645
	color:#333;
-
 
646
	background:#fdfdfd;
-
 
647
	border-left:1px solid #ccc;
-
 
648
	border-right:1px solid #ccc;
-
 
649
	padding:1px 0; /* Bug fix*/
-
 
650
}
-
 
651
#phoneReviews h2{
-
 
652
	padding:5px 0 0 5px;
-
 
653
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-
 
654
	font-size:18px;
-
 
655
	font-weight:normal;
-
 
656
}
-
 
657
#phoneReviews p{margin:10px 15px 15px 15px;}
-
 
658
#phoneReviews .bottom{margin-top:-10px;}
-
 
659
#phoneReviews .bottom .left{background:url(../images/review-bottom-left.jpg) no-repeat;}
-
 
660
#phoneReviews .bottom .right{background:url(../images/review-bottom-right.jpg) no-repeat top right;}
-
 
661
#phoneReviews .bottom .center{
-
 
662
	background:url(../images/review-bottom-hor-bar.jpg) repeat-x; 
-
 
663
	height:31px;
-
 
664
	margin:0 10px;
-
 
665
}
-
 
666
#phoneReviews .horLine{
-
 
667
	margin-top:-20px;
-
 
668
	border-bottom:1px solid #ccc;
-
 
669
}
-
 
670
 
-
 
671
 
-
 
672
/*___ Notification ___*/
-
 
673
#notification{
-
 
674
	position:absolute;
-
 
675
	margin:-4px 0 0 340px;
-
 
676
	z-index:1000;
-
 
677
}
-
 
678
 
-
 
679
#notification,
-
 
680
#notification .top,
-
 
681
#notification .middle,
-
 
682
#notification .bottom{
-
 
683
	width:272px;
-
 
684
}
-
 
685
#notification .top{
-
 
686
	line-height:16px;
-
 
687
	background:url(../images/notification-top.png) no-repeat;
-
 
688
}
-
 
689
#notification .bottom{
-
 
690
	line-height:16px;
-
 
691
	background:url(../images/notification-bottom.png) no-repeat bottom left;
-
 
692
}
-
 
693
#notification .middle{
-
 
694
	background:url(../images/notification-ver-bar.png) repeat-y;
-
 
695
}
-
 
696
#notification .colLeft{
-
 
697
	float:left;
-
 
698
	width:215px;
-
 
699
	margin:0 0 3px 15px;
659
	
700
	
-
 
701
	font-size:11px;
-
 
702
	font-weight:normal;
-
 
703
	color:#333;
-
 
704
	line-height:18px;	
-
 
705
}
-
 
706
#notification .link{
-
 
707
	margin-top:2px;
-
 
708
	font-weight:bold;
660
}
709
}
661
div.desc
-
 
662
{
-
 
663
float:left;
-
 
664
width:36%;
-
 
665
padding:0px 0px 0px 0px;
-
 
666
margin:60px 0px 0px 0px;
-
 
667
}
-
 
668
div.bot
-
 
669
{
-
 
670
background:#dcdcdc;
-
 
671
padding:4px 9px 4px 5px;
-
 
672
margin:0px 0px 0px 0px;
-
 
673
width:305px;
-
 
674
height:22px;
-
 
675
}
-
 
676
div.bot a
-
 
677
{
-
 
678
padding:0px 2px 0px 0px;
-
 
679
margin:0px 0px 0px 0px;
-
 
680
color:#1d76ce;
-
 
681
text-decoration:none;
710
#notification a#notficationClose{
682
}
-
 
683
div.bot span
-
 
684
{
-
 
685
padding:0px 0px 0px 0px;
-
 
686
margin:0px 50px 0px 0px;
-
 
687
}
-
 
688
div.desc div.introduction
-
 
689
{
-
 
690
font-size:0.9em;
-
 
691
line-height:2em;
-
 
692
padding:0px 0px 0px 0px;
-
 
693
margin:0px 0px 0px 0px;
-
 
694
text-align:left;
-
 
695
}
-
 
696
div.desc h4
-
 
697
{
-
 
698
font-size:1.6em;
-
 
699
padding:0px 0px 10px 0px;
-
 
700
margin:5px 0px 0px 0px;
-
 
701
font-family: Verdana;
-
 
702
color:#000;
-
 
703
width:155px;
-
 
704
}
-
 
705
div.desc ul
-
 
706
{
-
 
707
margin:0px 0px 0px 15px;
-
 
708
}
-
 
709
div.desc ul li
-
 
710
{
-
 
711
font-size:0.9em;
-
 
712
line-height:2em;
-
 
713
list-style:disc;
-
 
714
padding:0px 0px 0px 0px;
-
 
715
margin:0px 0px 0px 0px;
-
 
716
}
-
 
717
/*span.special
-
 
718
{
-
 
719
color:#990000;
-
 
720
}*/
-
 
721
div.block2
-
 
722
{
-
 
723
padding:0px 0px 0px 0px;
-
 
724
margin:0px 0px 4px 0px;
-
 
725
width:737px;
-
 
726
background	:#fff;
-
 
727
float:left;
-
 
728
}
-
 
729
div.block2 div
-
 
730
{
-
 
731
/*background:url(../images/center_bg.gif) repeat-x left ;*/
-
 
732
overflow:hidden;
-
 
733
 
-
 
734
}
-
 
735
div.block2 img
-
 
736
{
-
 
737
padding:0px 0px 0px 0px;
-
 
738
margin:0px 0px 0px 0px;
-
 
739
float:left;
-
 
740
}
-
 
741
div.block2Bottom1
-
 
742
{
-
 
743
background:url(../images/phoneReviewbottom.gif) no-repeat;
-
 
744
width:737px;
-
 
745
height:6px;
-
 
746
 
-
 
747
}
-
 
748
div.block2Top1 h4
-
 
749
{
-
 
750
padding:7px 0px 6px 10px;
-
 
751
margin:0px 0px 0px 0px;
-
 
752
font-family:Verdana;
-
 
753
font-size:1.4em;
-
 
754
color:#000;
-
 
755
width:727px;
-
 
756
height:19px;
-
 
757
background:url(../images/phoneReviewtop.gif) no-repeat;
-
 
758
/*background:url(../images/right_curv.gif) no-repeat right 0em ;*/
-
 
759
}
-
 
760
@media screen and (-webkit-min-device-pixel-ratio:0){
-
 
761
	div.block2 h4{width:98.7%;}
-
 
762
	input.srchbtn{padding: 5px 0px 5px 0px;}
-
 
763
}
-
 
764
div.block2 p
-
 
765
{
-
 
766
padding:10px;
-
 
767
margin:0px 0px 5px 0px;
-
 
768
background:#f5f5f5;
-
 
769
color:#000;
-
 
770
display:block;
-
 
771
line-height:15px;
-
 
772
width:717px;
-
 
773
}
-
 
774
 
-
 
775
/**BEGIN   (right column)***/
-
 
776
div.sideBlock
-
 
777
{
-
 
778
	float:right;
711
	float:right;
779
	width:237px;
712
	width:18px;
780
	padding:0px 0px 0px 0px;
-
 
781
	margin:2px 0px 0px 0px;
-
 
782
	line-height:1.4em;
713
	margin-right:18px;
783
		
-
 
784
}
-
 
785
div.custserv
-
 
786
{
-
 
787
margin:0px 0px 0px 0px;
-
 
788
padding:0px 0px 0px 0px;
-
 
789
background:#f5f5f5;
-
 
790
position:relative;
-
 
791
height:68px;
-
 
792
}
-
 
793
/*
-
 
794
div.custserv h3
-
 
795
{
-
 
796
color:#666;
-
 
797
margin:0px 0px 0px 0px;
-
 
798
padding:5px 0px 5px 8px;
-
 
799
background:url(../images/side_hdr_bg.gif) repeat-x 0em 0em;
-
 
800
border-bottom:1px solid #ccc;
-
 
801
font-size:1.1em;
-
 
802
}
-
 
803
div.custserv img.mail
-
 
804
{
-
 
805
margin:0px 0px 0px 0px;
-
 
806
padding:10px 10px 10px 10px;
-
 
807
border-right:1px solid #ccc;
-
 
808
}
-
 
809
div.custserv img
-
 
810
{
-
 
811
padding-left:5px;
-
 
812
}
-
 
813
div.custserv span
-
 
814
{
-
 
815
margin:0px 0px 0px 0px;
-
 
816
padding:0px 0px 0px 10px;
-
 
817
font-weight:bold;
-
 
818
position:absolute;
-
 
819
top:38px;
-
 
820
}
714
}
-
 
715
#notification .borderBottom{
-
 
716
	margin:-15px 0 5px 0;
-
 
717
	border-bottom:1px solid #ccc;
-
 
718
}
-
 
719
 
-
 
720
/*___ Product Category ___*/
-
 
721
#productHeading2{
-
 
722
	margin:11px 0 6px 0;
-
 
723
	font-size:24px;
-
 
724
	color:#000;
-
 
725
}
-
 
726
 
-
 
727
/*___ Product Category : Product List ___*/
-
 
728
#productCat .top{
-
 
729
	line-height:5px;
-
 
730
	background:#fff;
-
 
731
}
-
 
732
#productCat .top .left{
-
 
733
	float:left;
-
 
734
	width:174px;
-
 
735
	background:#efeff0;
-
 
736
}
-
 
737
#productCat .top .right{
-
 
738
	float:right;
-
 
739
	width:5px;
-
 
740
	background: url(../images/product-detail-top-right.jpg) no-repeat top right;
-
 
741
}
-
 
742
#productCat .bottom{
-
 
743
	line-height:5px;
-
 
744
	background:#fff;
-
 
745
}
-
 
746
#productCat .bottom .left{
-
 
747
	background: url(../images/product-cat-bottom-left.jpg) no-repeat;
-
 
748
}
-
 
749
#productCat .bottom .right{
-
 
750
	background: url(../images/product-detail-bottom-right.jpg) no-repeat top right;
-
 
751
}
-
 
752
 
-
 
753
#productCat .middle .content{
-
 
754
	background:#fff url(../images/grey-ver-bar.gif) repeat-y;
-
 
755
	min-height:1000px;
-
 
756
}
-
 
757
#productCat #productList{
-
 
758
	float:left;
-
 
759
	width:562px;
-
 
760
	margin-left:1px;
-
 
761
}
-
 
762
 
-
 
763
#productList .productListTop{
-
 
764
	padding:10px 16px 12px 16px;
-
 
765
	color:#333333;
-
 
766
	border-bottom:1px solid #ccc;
-
 
767
}
-
 
768
#productList .productListBottom{
-
 
769
	margin-top:-10px;
-
 
770
	padding:10px 16px 12px 16px;
-
 
771
	color:#333333;
-
 
772
	border-top:1px solid #ccc;
-
 
773
}
-
 
774
#productList .productListTop .productListHeading{
-
 
775
	float:left;
-
 
776
	color:#000;
-
 
777
	font-size:18px;
-
 
778
	font-weight:bold;
-
 
779
}
-
 
780
#productList .productListTop .productListResult{
-
 
781
	float:left;
-
 
782
	font-size:11px;
-
 
783
}
-
 
784
#productList #otherTabContent .productListTop .productListResult{
-
 
785
	float:right;
-
 
786
	margin-right:15px;
-
 
787
}
-
 
788
#productList #otherTabContent .productListTop .productListResult .resultLimit{
-
 
789
	color:#333;
-
 
790
	font-size:11px;
-
 
791
	font-weight:normal
-
 
792
}
-
 
793
#productList .productListTop .productListResult .resultLimit{
-
 
794
	color:#900;
-
 
795
	font-size:18px;
-
 
796
	font-weight:bold;
821
*/
797
}
-
 
798
#productList .productListTop .productListResult .style1{font-weight:bold;}
822
 
799
 
823
div.lightbox
800
#productList .pagination1,
824
{
-
 
825
margin:4px 0px 0px 0px;
801
#productList .pagination2{
826
*margin:5px 0px 0px 0px;
802
	float:right;
827
padding:0px;
803
	font-size:11px;
828
/*border:1px solid #ccc;*/
804
	text-align:right;
-
 
805
}
-
 
806
 
829
float:left;
807
#productList .pagination1 .prev,
830
width:237px;
808
#productList .pagination2 .prev{margin-right:10px;}
831
 
809
 
-
 
810
#productList .pagination1 .next,
-
 
811
#productList .pagination2 .next{margin-left:10px;}
832
}
812
 
-
 
813
#productList .pagination1 a, 
833
div.hdr
814
#productList .pagination2 a, 
-
 
815
#productList .pagination1 span,
-
 
816
#productList .pagination2 span{margin:0 1px; padding:0 1px;}
834
{
817
 
835
margin:0px 0px 0px 0px;
818
#productList .pagination1 span,
836
padding:10px 0px 10px 0px;
819
#productList .pagination2 span{color:#666;}
-
 
820
 
837
border-bottom:1px solid #ccc;
821
#productList .productItem{
838
background:url(../images/lb_hdr_bg.gif) repeat-x left;
822
	position:relative;
839
height:21px;
823
	margin:16px;
840
width:237px;
824
	width:249px;
-
 
825
	height:210px;	
841
}
826
}
-
 
827
#productList .productItem .productImg{
-
 
828
	float:left;
842
div.hdr a
829
	width:90px;
-
 
830
	height:184px;
843
{
831
}
-
 
832
#productList .productItem .productImg .newIcon{
844
margin:0px 0px 0px 15px;
833
	position:absolute;
845
padding:0px 0px 0px 30px;
834
	top:-10px;
846
text-decoration:none;
835
	left:-10px;
847
font-size:1.5em;
836
	width:38px;
848
color:#000;
837
	height:38px;
849
background:url(../images/lgb_arw.gif) no-repeat left center;
838
	background:url(../images/new-icon.png) no-repeat;
850
}
839
}
851
 
840
 
-
 
841
#productList .productItem .productDetails{
852
div.swapy a
842
	float:left;
853
{
-
 
854
background:url(../images/lgb_arw_cc.gif) no-repeat left center;
843
	margin-left:10px;
855
height:21px;
844
	width:149px;
856
width:13px;
845
	height:189px;
857
}
846
}
858
 
-
 
-
 
847
#productList .productItem .title{
-
 
848
	margin-bottom:8px;
-
 
849
	font-weight:bold;
859
div.hdr1 a
850
	line-height:14px;
860
{
851
}
861
margin:0px 0px 0px 15px;
-
 
862
padding:0px 0px 0px 30px;
852
#productList .productItem .productDetails .originalPrice{
863
text-decoration:none;
853
	text-decoration:line-through;
864
font-size:1.5em;
854
	font-size:11px;
865
color:#666;
-
 
866
background:url(../images/schdule_right.gif) no-repeat left center;
-
 
867
}
855
}
-
 
856
#productList .productItem .productDetails .newPrice{
868
 
857
	color:#990000;
-
 
858
	font-weight:bold;
-
 
859
	line-height:8px;
869
div.swapy1 a
860
	padding:2px 0 10px 0;
870
{
861
}
871
background:url(../images/schdule_down.gif) no-repeat left center;
862
#productList .productItem .productDesp{
-
 
863
	margin-bottom:8px;
872
height:21px;
864
	font-size:11px;
873
width:13px;
865
	line-height:18px;
874
}
866
}
-
 
867
#productList .productItem .productDesp ul{margin-left:12px;}
875
 
868
 
876
 
869
 
-
 
870
/*___ Product Category : Multifaceted Search ___*/
-
 
871
#multifacetedSearch{
877
div.tools
872
	float:left;
-
 
873
	width:172px;
-
 
874
	padding:10px 0;
-
 
875
	line-height:18px;
878
{
876
}
-
 
877
#multifacetedSearch h2{
879
margin:0px;
878
	margin:0 0 8px 10px;
880
padding:0px;
879
	font-size:14px;
881
border-bottom:1px solid #ccc;
880
	font-weight:bold;
882
background:#ebebeb;
881
	color:#333;
883
}
882
}
884
div.tools a
883
#currentFilters{
-
 
884
	padding:0 0 10px 20px;
-
 
885
	background:url(../images/filter-divider.gif) repeat-x bottom left;
885
{
886
}
-
 
887
 
886
margin:0px 0px 0px 0px;
888
#currentFilters .sectionHeader{
887
padding:0px 6px 0px 6px;
889
	font-size:12px;
888
font-size:11px;
890
	font-weight:bold;
889
display:inline;
891
	color:#666;
-
 
892
}
890
border-right:1px solid #ccc;
893
#currentFilters .filterOption{
891
text-decoration:none;
894
	font-size:11px;
892
color:#0066cc;
895
	color:#333;
-
 
896
}
-
 
897
#currentFilters div.filterContent{margin-left:30px;}
-
 
898
#currentFilters .filterClose{
-
 
899
	font-size:9px;
893
font-weight:bold;
900
	font-weight:bold;
894
}
901
}
-
 
902
 
895
div.tools a:hover
903
#filterBy .bottomBorder{
-
 
904
	background:url(../images/filter-divider.gif) repeat-x top left;
896
{
905
}
-
 
906
 
-
 
907
#filterBy h2{margin:20px 0 0 10px;}
897
	text-decoration: underline;
908
#filterBy .filterHeading{
898
	cursor:pointer;
909
	cursor:pointer;
-
 
910
	margin:8px 0 18px 0;
-
 
911
	padding:8px 0 6px 15px;
-
 
912
	background:url(../images/filter-divider.gif) repeat-x top left;
-
 
913
}
-
 
914
#filterBy .filterArrow{
-
 
915
	float:left;
-
 
916
	margin:6px 6px 0 0;
-
 
917
	background:url(../images/filter-arrow.gif) no-repeat;
-
 
918
	width:11px;
-
 
919
	height:7px;
-
 
920
}
-
 
921
#filterBy .filterArrowRotate{
-
 
922
	float:left;
-
 
923
	margin:5px 6px 0 0;
-
 
924
	background:url(../images/filter-arrow.gif) no-repeat 0 -7px;
-
 
925
	width:11px;
-
 
926
	height:11px;
899
}
927
}
900
 
928
 
901
div.tabwrap
-
 
902
{
-
 
903
height:257px;
-
 
904
overflow-x:hidden;
929
#filterBy .sectionHeader{
905
overflow-y:auto;
930
	float:left;
906
 
-
 
907
}
-
 
908
div.tabwrap table
-
 
909
{
-
 
910
background:#fff;
-
 
911
padding-top:2px;
931
	font-size:12px;
912
 
-
 
913
}
-
 
914
div.tabwrap table td
-
 
915
{
-
 
916
vertical-align:top;
932
	font-weight:bold;
917
/*padding:3px 3px 3px 3px;*/
-
 
918
padding:0px;
933
	color:#666;
919
margin:0px 0px 0px 0px;
-
 
920
background:#f5f5f5;
-
 
921
 
-
 
922
}
934
}
923
div.tabwrap table td img
935
#filterBy .filterOption{
924
{
-
 
925
border:1px solid #ccc;
-
 
926
padding:2px;
936
	clear:both;
927
max-width:60px;
-
 
928
max-height:60px;
-
 
929
}
-
 
930
div.tabwrap table td div
-
 
931
{
-
 
932
	padding:0px 5px;
937
	margin:0 0 25px 34px;
933
	
-
 
934
}
938
}
935
div.tabwrap table td div a
-
 
936
{
-
 
937
padding:0px 0px 0px 0px;
-
 
938
margin:0px;
-
 
939
color:#0066cc;
-
 
940
text-decoration:none;
-
 
941
font-size:1em;
-
 
942
font-weight:bold;
-
 
943
display:block;
-
 
944
}
-
 
945
div.tabwrap table td div span.text
-
 
946
{
-
 
947
padding:0px 0px 0px 0px;
-
 
948
margin:0px 0px 0px 0px;
-
 
949
color:#000;
-
 
950
font-size:0.85em;
-
 
951
line-height:15px;
-
 
952
font-weight:normal;
-
 
953
width:110px;
-
 
954
}
-
 
955
div.tabwrap table td.n 
-
 
956
{
-
 
957
padding:0px 0px 0px 0px;
-
 
958
margin:0px 0px 0px 0px;
-
 
959
border-top:1px solid #ccc;
-
 
960
text-align:right;
-
 
961
}
-
 
962
div.tabwrap table td.n a.notes
-
 
963
{
-
 
964
padding:0px 5px 0px 0px;
-
 
965
margin:0px;
-
 
966
color:#0066cc;
-
 
967
font-size:0.85em;
-
 
968
font-weight:normal;
-
 
969
text-decoration:none;
-
 
970
}
-
 
971
div.tabwrap table td.null
-
 
972
{
-
 
973
padding:0px;
-
 
974
margin:0px;
-
 
975
background:#fff;
-
 
976
height:2px;
-
 
977
}
-
 
978
div.quicksign
-
 
979
{
-
 
980
margin:0px;
-
 
981
padding:0px 0px 0px 5px;
-
 
982
background:#e8e8e8;
-
 
983
color:#000;
-
 
984
font-size:0.85em;
-
 
985
line-height:15px;
-
 
986
}
-
 
987
div.quicksign a
-
 
988
{
-
 
989
margin:0px;
-
 
990
padding:0px 4px 0px 0px;
-
 
991
text-decoration:none;
-
 
992
color:#0066cc;
-
 
993
font-weight:bold;
-
 
994
}
-
 
995
 
-
 
996
/**END   (right column)***/
-
 
997
div.footermast
-
 
998
{
-
 
999
background:#fff;
-
 
1000
width:100%;
-
 
1001
 
-
 
1002
 
-
 
1003
}
-
 
1004
div.footer
-
 
1005
{
-
 
1006
text-align:left;
-
 
1007
padding: 5px 0px 5px 10px;
-
 
1008
margin:0px auto 0px auto;
-
 
1009
color:#227ad3;
-
 
1010
background:#fff;
-
 
1011
width:980px;
-
 
1012
}
-
 
1013
div.footer a{
-
 
1014
margin:0px 0px 0px 0px;
-
 
1015
padding:0px 0px 0px 0px;
-
 
1016
color:#0066cc;
-
 
1017
text-decoration:none;
-
 
1018
font-size:12px;
-
 
1019
font-weight:bold;
-
 
1020
}
-
 
1021
div.footermast span{
-
 
1022
margin:0px 0px 0px 0px;
-
 
1023
padding:0px 0px 0px 145px;
-
 
1024
color:#000;
-
 
1025
font-size:10px;
-
 
1026
}
-
 
1027
 
-
 
1028
div.quickLinks a.signin:hover, div.footer a:hover, div.common a:hover, div.quickLinks a:hover, 
-
 
1029
div.tabwrap table td div a:hover, div.tabwrap table td.n a.notes:hover, div.bot a:hover, div.breadcrumb a:hover, div.quicksign a:hover
-
 
1030
{
-
 
1031
text-decoration:underline!important;
-
 
1032
}
-
 
1033
 
-
 
1034
.videoImg{
-
 
1035
background:url(../images/nokia_videobg.gif) no-repeat; 
-
 
1036
height:481px; 
-
 
1037
width:311px;
-
 
1038
float:left;
-
 
1039
}
-
 
1040
 
-
 
1041
.videoStyle{
-
 
1042
height: 273px; 
-
 
1043
width: 203px;  
-
 
1044
margin:60px 0px 0px 52px;
-
 
1045
float:left;  
-
 
1046
}
-
 
1047
 
-
 
1048
 
-
 
1049
/*binay*/
-
 
1050
.overflowhide{overflow:hidden;}
-
 
1051
.padding5{padding:5px;}
-
 
1052
.padding10{padding:10px;}
-
 
1053
.block3Top{background:url(../images/block3Top.jpg) no-repeat;width:737px; height:5px; background-position:top center;}
-
 
1054
.block3Bottom{background:url(../images/block3Bottom.jpg) no-repeat;width:736px; height:5px;background-position:bottom center; }
-
 
1055
.block3Content{width:717px; background:url(../images/cotentBg3.jpg) repeat-y;padding:0px 10px;background-position:left center; margin:0;}
-
 
1056
/*binay end*/
-
 
1057
 
-
 
1058
#contentwrapper{
-
 
1059
float: left;
-
 
1060
width: 100%;
-
 
1061
}
-
 
1062
 
-
 
1063
#contentcolumn{
-
 
1064
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
-
 
1065
background: #ccc;
-
 
1066
}
-
 
1067
 
-
 
1068
#leftcolumn{
-
 
1069
float: left;
-
 
1070
width: 180px; /*Width of left column in pixel*/
-
 
1071
margin-left: -733px; /*Set margin to that of -(MainContainerWidth)*/
-
 
1072
background: #C8FC98;
-
 
1073
}
-
 
1074
 
-
 
1075
#rightcolumn{
-
 
1076
float: left;
-
 
1077
width: 190px; /*Width of right column*/
-
 
1078
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
-
 
1079
background: #FDE95E;
-
 
1080
}
-
 
1081
/*youtube video*/
-
 
1082
#videoDiv {
-
 
1083
margin-right: 3px;
-
 
1084
}
-
 
1085
/*#videoInfo {
-
 
1086
margin-left: 3px;
-
 
1087
}*/
-
 
1088
 
-
 
1089
/*widget slide guide section*/
-
 
1090
.toggler { width: 530px; height:530px; position: relative;}
-
 
1091
  #button { padding: .5em 1em; text-decoration: none; }
-
 
1092
  /*#vtab-1 { width: 530px; height: 530px; padding: 0.4em; position: relative; }
-
 
1093
  #vtab-1 h3 { margin: 0; padding: 0.4em; text-align: center; }*/
-
 
1094
  .ui-effects-transfer { border: 2px dotted gray; }
-
 
1095
 
-
 
1096
/*scroll pan
-
 
1097
.winXP apply window XP scrollbar style
-
 
1098
.osX apply mac scrollbar style
-
 
1099
*/
-
 
1100
 
939
 
-
 
940
#filterBy .filterOption input,
-
 
941
#filterBy .filterOption a,
-
 
942
#filterBy .filterOption span{float:left;}
-
 
943
 
-
 
944
#filterBy .filterOption input{margin:3px 8px 0 0;}
-
 
945
 
-
 
946
#filterBy .filterOption a,
-
 
947
#filterBy .filterOption label{
1101
#pane1{
948
	display:block;
1102
     height: 267px;
949
	margin-bottom:5px;
1103
}
950
}
1104
 
951
 
1105
#pane2, #pane3, #pane4 {
952
#filterBy .filterOption label{
-
 
953
	clear:both;
-
 
954
	color:#0066cc;
1106
     height: 247px;
955
	padding:7px 0;
1107
}
956
}
1108
.winXP .jScrollPaneTrack {
957
#filterBy .filterOption label a{margin:0;}
1109
     background: url(../images/windows_track.gif) repeat-y;
958
#filterBy .filterOption .noColor{
-
 
959
	margin-left:4px;
-
 
960
	color:#666;
1110
}
961
}
-
 
962
 
1111
.winXP .jScrollPaneDrag {
963
#filterBy #priceSlider{padding-top:10px;}
1112
     background: url(../images/windows_drag_middle.gif) no-repeat 0 50%;
964
#filterBy #priceSlider #slider-range{
-
 
965
	margin:0 auto;
-
 
966
	width:120px;
1113
}
967
}
-
 
968
#filterBy #priceSlider #priceRange1,
1114
.winXP .jScrollPaneDragTop {
969
#filterBy #priceSlider #priceRange2{
-
 
970
	float:left;
-
 
971
	position:relative;
-
 
972
	color:#666;
-
 
973
}
-
 
974
#filterBy #priceSlider #priceRange1{margin-left:5px;}
1115
     background: url(../images/windows_drag_top.gif) no-repeat;
975
#filterBy #priceSlider #priceRange2{margin-left:-22px;}
-
 
976
 
-
 
977
/*___ Search Result ___*/
-
 
978
#pageTitleBox{margin-left:-15px;}
-
 
979
#errorMsg{
-
 
980
	font-size:14px;
-
 
981
	color:#990000;
-
 
982
}
-
 
983
#errorMsg a{font-weight:bold;}
-
 
984
#resultFound{
-
 
985
	padding:5px 0;
-
 
986
	font-size:12px;
-
 
987
	font-weight:bold;
-
 
988
}
-
 
989
#resultFound .normalColor{color:#333;}
-
 
990
#resultFound .redColor{color:#900;}
-
 
991
#relatedSearches{
-
 
992
	color:#666;
-
 
993
	font-size:11px;
1116
     height: 4px;
994
	line-height:14px;
1117
}
995
}
1118
.winXP .jScrollPaneDragBottom {
996
#searchResult .top{
1119
     background: url(../images/windows_drag_bottom.gif) no-repeat;
-
 
1120
     height: 4px;
997
	line-height:5px;
-
 
998
	background:#fff;
1121
}
999
}
1122
.winXP a.jScrollArrowUp {
1000
#searchResult .top .left{
-
 
1001
	float:left;
1123
     height: 17px;
1002
	width:174px;
1124
     background: url(../images/windows_arrow_up.gif) no-repeat 0 0;
1003
	background:url(../images/search-result-top-left.gif) no-repeat;
1125
}
1004
}
1126
.winXP a.jScrollArrowUp:hover {
1005
#searchResult .top .right{
-
 
1006
	float:right;
-
 
1007
	width:10px;
1127
     background-position: 0 -20px;
1008
	background: url(../images/product-detail-top-right.jpg) no-repeat top right;
1128
}
1009
}
1129
.winXP a.jScrollArrowDown {
1010
#searchResult .bottom{
1130
     height: 17px;
1011
	line-height:5px;
1131
     background: url(../images/windows_arrow_down.gif) no-repeat 0 0;
1012
	background:#fff;
1132
}
1013
}
1133
.winXP a.jScrollArrowDown:hover {
1014
#searchResult .bottom .left{
1134
     background-position: 0 -20px;
1015
	background: url(../images/product-cat-bottom-left.jpg) no-repeat;
1135
}
1016
}
1136
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {
1017
#searchResult .bottom .right{
1137
     background-position: 0 -40px;
1018
	background: url(../images/product-detail-bottom-right.jpg) no-repeat top right;
1138
}
1019
}
1139
 
1020
 
-
 
1021
#searchResult .middle .content{
-
 
1022
	background:#fff url(../images/grey-ver-bar.gif) repeat-y;
-
 
1023
	min-height:1000px;
-
 
1024
}
-
 
1025
#searchResult #searchResultContent{
-
 
1026
	float:left;
-
 
1027
	width:562px;
-
 
1028
	margin-left:1px;
-
 
1029
}
-
 
1030
#searchResult .productListTop{
-
 
1031
	padding:10px 16px 12px 16px;
-
 
1032
	color:#333333;
-
 
1033
	border-bottom:1px solid #ccc;
-
 
1034
}
-
 
1035
#searchResult .productListBottom{
-
 
1036
	margin-top:-10px;
-
 
1037
	padding:10px 16px 12px 16px;
-
 
1038
	color:#333333;
-
 
1039
	border-top:1px solid #ccc;
-
 
1040
}
-
 
1041
#searchResult .productListTop .productListHeading{
-
 
1042
	float:left;
-
 
1043
	color:#000;
-
 
1044
	font-size:18px;
-
 
1045
	font-weight:bold;
-
 
1046
}
-
 
1047
#searchResult .productListTop .productListResult{
-
 
1048
	float:left;
-
 
1049
	font-size:11px;
-
 
1050
}
1140
 
1051
 
-
 
1052
#searchResult .productListTop .productListResult .resultLimit{
-
 
1053
	color:#900;
1141
.osX .jScrollPaneTrack {
1054
	font-size:18px;
1142
     background: url(../images/osx_track.gif) repeat-y;
1055
	font-weight:bold;
1143
}
1056
}
-
 
1057
#searchResult .productListTop .productListResult .style1{font-weight:bold;}
-
 
1058
 
1144
.osX .jScrollPaneDrag {
1059
#searchResult .pagination1{
-
 
1060
	float:right;
-
 
1061
	font-size:11px;
1145
     background: url(../images/osx_drag_middle.gif) repeat-y;
1062
	text-align:right;
1146
}
1063
}
-
 
1064
 
-
 
1065
#searchResult .pagination1 .prev{margin-right:10px;}
-
 
1066
#searchResult .pagination1 .next{margin-left:10px;}
-
 
1067
 
-
 
1068
#searchResult .pagination1 a,
-
 
1069
#searchResult .pagination1 span{margin:0 1px; padding:0 1px;}
-
 
1070
 
-
 
1071
#searchResult .pagination1 span{color:#666;}
-
 
1072
 
-
 
1073
#searchResult .pagination1.moveTop{margin-top:-12px;}
1147
.osX .jScrollPaneDragTop {
1074
#searchResult #sortBy{
-
 
1075
	float:right;
-
 
1076
	margin:-12px 0 -10px 0;
-
 
1077
	font-size:11px;
-
 
1078
	color:#333;
-
 
1079
	text-align:right;
-
 
1080
}
-
 
1081
#searchResult #sortBy a.active{
-
 
1082
	color:#666666;
-
 
1083
	font-weight:bold;
-
 
1084
	text-decoration:none;
-
 
1085
}
-
 
1086
 
-
 
1087
#searchResult #productListCenter{padding:10px 0;}
-
 
1088
#searchResult #productListCenter .productItem{margin:10px 0 10px 15px;}
1148
     background: url(../images/osx_drag_top.gif) no-repeat;
1089
#searchResult #productListCenter .productItem .productImg{
-
 
1090
	position:relative;
-
 
1091
	float:left;
-
 
1092
	width:103px;
-
 
1093
	text-align:center;
-
 
1094
}
-
 
1095
#searchResult #productListCenter .productItem .productImg .newIcon{
-
 
1096
	position:absolute;
-
 
1097
	top:-12px;
-
 
1098
	left:auto;
-
 
1099
	margin-left:-12px;
-
 
1100
	width:38px;
1149
     height: 6px;
1101
	height:38px;
-
 
1102
	background:url(../images/new-icon.png) no-repeat;
-
 
1103
	
1150
}
1104
}
1151
.osX .jScrollPaneDragBottom {
1105
#searchResult #productListCenter .productItem .productDetails{
-
 
1106
	float:left;
1152
     background: url(../images/osx_drag_bottom.gif) no-repeat;
1107
	margin-left:15px;
1153
     height: 7px;
1108
	width:224px;
1154
}
1109
}
-
 
1110
#searchResult #productListCenter .productItem .title{
1155
.osX a.jScrollArrowUp {
1111
	font-weight:bold;
1156
     height: 24px;
1112
	line-height:14px;
-
 
1113
}
1157
     background: url(../images/osx_arrow_up.png) no-repeat 0 -30px;
1114
#searchResult #productListCenter .productItem .productDesp{
-
 
1115
	font-size:11px;
-
 
1116
	line-height:18px;
-
 
1117
	margin-top:5px;
1158
}
1118
}
-
 
1119
#searchResult #productListCenter .productItem .productDesp ul{margin-left:12px;}
1159
.osX a.jScrollArrowUp:hover {
1120
#searchResult #productListCenter .productItem .productPrice{
-
 
1121
	float:left;
1160
     background-position: 0 0;
1122
	margin-left:15px;
-
 
1123
	width:97px;
1161
}
1124
}
-
 
1125
#searchResult #productListCenter .productItem .productPrice .originalPrice{
1162
.osX a.jScrollArrowDown {
1126
	text-decoration:line-through;
-
 
1127
	font-size:11px;
-
 
1128
}
-
 
1129
#searchResult #productListCenter .productItem .productPrice .newPrice{
-
 
1130
	color:#990000;
-
 
1131
	font-weight:bold;
1163
     height: 24px;
1132
	line-height:8px;
-
 
1133
	padding:2px 0 10px 0;
-
 
1134
}
1164
     background: url(../images/osx_arrow_down.png) no-repeat 0 -30px;
1135
#searchResult #productListCenter .productItem .productDetailsIcon{
-
 
1136
	float:left;
-
 
1137
	margin-left:15px;
-
 
1138
	width:65px;
1165
}
1139
}
1166
.osX a.jScrollArrowDown:hover {
1140
#searchResult #productListCenter .searchResultBorder{
1167
     background-position: 0 0;
1141
	line-height:10px;
-
 
1142
	background:url(../images/search-result-border.jpg) no-repeat 0 50%;
1168
}
1143
}
1169
 
1144
 
-
 
1145
/*___ Sidebar ___*/
-
 
1146
#sidebar{
-
 
1147
	width:240px;
-
 
1148
	float:right;
-
 
1149
	color:#333;
-
 
1150
}
-
 
1151
#sidebarBanner{
-
 
1152
	width:240px;
-
 
1153
	margin-bottom:3px;
-
 
1154
}
-
 
1155
#sidebar h1{
-
 
1156
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-
 
1157
	font-size:16px;
-
 
1158
}
-
 
1159
#customerService{
-
 
1160
	background:#f5f5f5;
-
 
1161
	border:1px solid #ccc;
-
 
1162
}
-
 
1163
#customerService h2{
-
 
1164
	padding:2px 0 0 5px;
-
 
1165
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-
 
1166
	font-size:14px;
-
 
1167
	height: 26px;
-
 
1168
	background:url(../images/customer-service-hor-bar.jpg) repeat-x;
-
 
1169
}
-
 
1170
#customerService #customerPhone,
-
 
1171
#customerService #customerPhone img,
-
 
1172
#customerService #customerPhone span{float:left;}
-
 
1173
#customerService #customerPhone span{margin-top:10px;}
-
 
1174
 
-
 
1175
/*___ Footer ___*/
-
 
1176
#footer{
-
 
1177
	background:#fff;
-
 
1178
	padding:10px 0;
-
 
1179
}
1170
.left .jScrollPaneTrack {
1180
#footer .content {
1171
     left: 0;
1181
	width:980px;
1172
     right: auto;
1182
	margin:0 auto;
-
 
1183
}
-
 
1184
#footer ul{
-
 
1185
	float:left;
-
 
1186
	list-style-type:none;
-
 
1187
	color:#0066cc;
1173
}
1188
}
1174
.left a.jScrollArrowUp {
1189
#footer li{
1175
     left: 0;
1190
	float:left;
1176
     right: auto;
1191
	margin-right:10px;
1177
}
1192
}
1178
.left a.jScrollArrowDown {
1193
#footer #copyright{
-
 
1194
	float:right;
-
 
1195
	color:#666;
-
 
1196
	font-size:10px;
-
 
1197
}
-
 
1198
 
-
 
1199
/*___ Yellow Buttons & Disable buttons ___*/
-
 
1200
#main .bigImgButton, 
-
 
1201
#signin_menu .bigImgButton {
1179
     left: 0;
1202
	color:#000;
1180
     right: auto;
1203
	font-weight:bold;
1181
}
1204
}
1182
 
1205
 
-
 
1206
#main .bigImgButton .left,
-
 
1207
#signin_menu .bigImgButton .left{background:url(../images/buttons/big-button-left.jpg) no-repeat;}
-
 
1208
 
-
 
1209
#main .bigImgButton .right,
-
 
1210
#signin_menu .bigImgButton .right{background:url(../images/buttons/big-button-right.jpg) no-repeat top right;}
1183
 
1211
 
1184
/* IE SPECIFIC HACKED STYLES */
1212
#main .bigImgButton .center,
1185
* html .osX .jScrollPaneDragBottom {
1213
#signin_menu .bigImgButton .center{
-
 
1214
	margin:0 10px;
-
 
1215
	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
1186
     bottom: -1px;
1216
	height:28px;
-
 
1217
}
-
 
1218
#main .bigImgButton a,
-
 
1219
#signin_menu .bigImgButton a{
-
 
1220
	color:#000;
-
 
1221
	text-decoration:none;
1187
}
1222
}
1188
/* /IE SPECIFIC HACKED STYLES */
-
 
1189
 
1223
 
-
 
1224
#main .smallImgButton {
1190
/*Rating*/
1225
	color:#000;
-
 
1226
	font-weight:bold;
-
 
1227
}
-
 
1228
#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
-
 
1229
#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
1191
.ratingstar{float:left;padding: 2px 0;}
1230
#main .smallImgButton .center{
-
 
1231
	margin:0 10px;
-
 
1232
	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
-
 
1233
	height:21px;
-
 
1234
}
-
 
1235
#main .smallImgButton a{
-
 
1236
	font-size:11px;
-
 
1237
	color:#000;
-
 
1238
	text-decoration:none;
-
 
1239
}
1192
 
1240
 
-
 
1241
/*___ tab buttons ___*/
-
 
1242
#tabButton{
-
 
1243
	margin-top:3px;
-
 
1244
	height:24px;
-
 
1245
}
-
 
1246
#tabButton .tabButton1{	float:left;}
-
 
1247
#tabButton .tabButton2 {float:right;}
1193
 
1248
 
-
 
1249
#tabButton .spacing{
1194
/*tag slide */
1250
	float:right;
1195
.slider-content  {
1251
	width:12px; 
-
 
1252
}
-
 
1253
#tabButton .spacing2{
1196
     float:left;
1254
	float:right;
1197
     width:316px;
1255
	width:3px; 
-
 
1256
}
1198
     margin-top:5px auto;
1257
#tabButton .tabButton1{margin:0 10px;}
1199
     background:#f9f9f9;
1258
#tabButton .tabButton1 a,
-
 
1259
#tabButton .tabButton1 span{display:block;}
1200
 
1260
 
-
 
1261
#tabButton .tabButton1 a{
-
 
1262
	color:#333;
-
 
1263
	text-decoration:none;
-
 
1264
	
-
 
1265
	cursor:pointer;
-
 
1266
	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
1201
}
1267
}
1202
 
1268
 
1203
.slider .next, .slider .prev{
1269
#tabButton .tabButton1 a span{
1204
     display:none;
1270
	margin-left:-10px;
1205
     background-color:white;
1271
	background:url(../images/tab1-btn-left.png) no-repeat;
1206
     border:0;
-
 
1207
     font:bold 18px Helvetica;
-
 
1208
     color:#bbb;
-
 
1209
     float:left;
-
 
1210
     padding:0;
-
 
1211
     margin:0;
-
 
1212
     cursor:pointer;
-
 
1213
}
1272
}
-
 
1273
 
-
 
1274
#tabButton .tabButton1 a span span{
1214
.slider .next{
1275
	margin-right:-10px;
-
 
1276
	background:url(../images/tab1-btn-right.png) no-repeat top right;	
-
 
1277
	
-
 
1278
	padding:2px 18px 0 28px;
1215
     float:right;
1279
	height:22px;
1216
}
1280
}
1217
.slider div{
1281
 
1218
     overflow:hidden;
1282
#tabButton .tabButton1 a:hover,
1219
     text-align:left;
1283
#tabButton .tabButton1 a#activeTab{
1220
     height:none;
1284
	color:#333;
1221
     margin:0;
1285
	text-decoration:none;
1222
     padding:0;
1286
	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
1223
}
1287
}
1224
.slider div ul{
-
 
1225
     width:3000px;/* set to an arbitary high value*/
1288
#tabButton .tabButton1 a:hover span,
1226
     overflow:hidden;
-
 
1227
     margin:2px 0px;
1289
#tabButton .tabButton1 a#activeTab span{
1228
     padding:0;
-
 
1229
     margin-left:0;
1290
	background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
1230
}
1291
}
1231
.slider div ul li{
1292
#tabButton .tabButton1 a:hover span span,
1232
     display:inline-block;
1293
#tabButton .tabButton1 a#activeTab span span{
1233
     //display:inline; /*IE 7 hack doesn't support inline-block*/
1294
	background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
1234
     padding:0px 5px;
-
 
1235
     margin:2px;
-
 
1236
     background:#fff;
-
 
1237
     /*border:1px solid #ddd;*/
-
 
1238
     width:auto;
-
 
1239
     cursor:pointer;
-
 
1240
     color:#0066CC;
-
 
1241
}
1295
}
1242
 
1296
 
1243
/* button */
-
 
1244
.button28{
-
 
1245
     background: url("../images/but_bg_tile28.jpg") repeat-x center center #fff;
-
 
1246
     font-size:1.1em;
1297
#tabButton .tabButton2{margin:0 10px;}
1247
     font-weight:bold;
1298
#tabButton .tabButton2 a,
1248
     height:28px;
-
 
1249
     border:1px solid #c5a75f;
1299
#tabButton .tabButton2 span{display:block;}
1250
     padding:0px 8px;
-
 
1251
     margin:0px;
-
 
1252
 
1300
 
-
 
1301
#tabButton .tabButton2 a{
-
 
1302
	color:#333;
-
 
1303
	text-decoration:none;
-
 
1304
	
-
 
1305
	cursor:pointer;
-
 
1306
	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
1253
}
1307
}
1254
 
1308
 
1255
.button19{
-
 
1256
     background: url("../images/but_bg_tile19.jpg") repeat-x center center #fff;
-
 
1257
     font-weight:bold;
1309
#tabButton .tabButton2 a span{
1258
     height:21px;
1310
	margin-left:-10px;
1259
     border:1px solid #c5a75f;
1311
	background:url(../images/tab2-btn-left.png) no-repeat;
1260
     padding:0px 8px;
-
 
1261
     margin:0px;
-
 
1262
}
1312
}
1263
 
1313
 
1264
/***************** HOME PAGE ********************/
1314
#tabButton .tabButton2 a span span{
-
 
1315
	margin-right:-10px;
-
 
1316
	background:url(../images/tab2-btn-right.png) no-repeat top right;	
-
 
1317
	
-
 
1318
	padding:2px 18px 0 28px;
-
 
1319
	height:22px;
-
 
1320
}
1265
 
1321
 
-
 
1322
#tabButton .tabButton2 a:hover,
-
 
1323
#tabButton .tabButton2 a#activeTab{
1266
.clearboth{clear:both;}
1324
	color:#333;
1267
.floatleft{ float:left; }
1325
	text-decoration:none;
1268
div.contentpane{margin: 0px;padding: 0px;overflow:hidden;position:relative;background:#fff;border-right:2px solid #dadada;border-left:2px solid #dadada;width:733px;}
1326
	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
-
 
1327
}
1269
.pad_main{padding:25px 10px 15px 25px;float:left;width:695px;}
1328
#tabButton .tabButton2 a:hover span,
1270
div .border_bot{border-bottom:1px solid #ccc;padding: 3px 0px;}
1329
#tabButton .tabButton2 a#activeTab span{
1271
div .txt_org{color:#e47911;font-size:19px;font-weight:bold;}
1330
	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
-
 
1331
}
1272
div .txt_11{font-size:11px;}
1332
#tabButton .tabButton2 a:hover span span,
1273
div .product_row{ margin:0px 0px 5px 0px;float:left;}
1333
#tabButton .tabButton2 a#activeTab span span{
1274
div .product_item{ height:300px;width:150px;margin:10px;float:left;}
1334
	background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
-
 
1335
}
-
 
1336
 
-
 
1337
/*___ Common Classes ___*/
1275
div .prod_img{padding-bottom:10px;height:140px;width:100%;position: relative;}
1338
.clearBoth{clear:both;}
1276
div .prod_img img {bottom: 0;position: absolute; max-height:140px;} 
1339
.floatLeft{float:left;}
1277
/*div.product_item a{margin:0px;text-decoration:none;color:#0066cc;font-weight:bold;}*/
1340
.floatRight{float:right;}
1278
a.boldblue:link,a.boldblue:visited,a.boldblue:active{margin:0px;text-decoration:none;color:#0066CC;font-weight:bold;}
1341
.bold{font-weight:bold;}
1279
a.boldblue:hover{margin:0px;text-decoration:underline;color:#0066CC;font-weight:bold;}
1342
.lineHeight_10px{line-height:4px;}
1280
.product_item .b1{height:65px;}
1343
.noBorder{border:none;}
-
 
1344
 
-
 
1345
#noScript{
-
 
1346
	width:940px;
-
 
1347
	margin:20px auto;
1281
.product_item .b2{height:80px;overflow:hidden;padding:3px 0 0 0;display:block;}
1348
	padding:30px 20px;
1282
span.txt_srike{ text-decoration: line-through;font-size:11px;}
1349
	font-size:18px;
1283
span.price_small{color:#990000;font-weight:bold;font-size:1em;}
1350
	color:#cc0000;
1284
span.text_small{font-size:11px; line-height:1.7em;color:#333;float:left;clear:both;}
1351
	text-align:center;
-
 
1352
	background:#FDFCDC;
-
 
1353
	border:2px solid #F1EDC2;
-
 
1354
}
1285
 
1355
 
1286
/******************** Customer Service widget **********************/
-
 
1287
div.custcare{margin:0px;padding:0px;background:#f5f5f5;height:69px;}
1356
.padding_topbottom{
1288
div.custcare h3{color:#000;margin:0px;padding:5px 0px 5px 8px;background:url(../images/side_hdr_bg.gif) repeat-x;border-bottom:1px solid #ccc;font-size:14px;}
-
 
1289
div.custcare img.mail{margin:0px; padding:12px; border-right:1px solid #ccc;}
1357
	padding: 19px 0 18px; 
-
 
1358
}
1290
div.custcare div.ph{font-weight:bold;}
1359
.noBold{font-weight:normal;}
1291
div.custcare div.ph img{vertical-align:middle;}
-