Subversion Repositories SmartDukaan

Rev

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

Rev 568 Rev 611
Line 85... Line 85...
85
	margin:0 10px 0 155px;
85
	margin:0 10px 0 155px;
86
	height:4px;
86
	height:4px;
87
	background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;
87
	background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;
88
}
88
}
89
 
89
 
90
div.teaser h1{
90
#slideGuideContent div.teaser h1{
91
    font-size:24px;
91
    font-size:24px;
92
    font-weight:normal;
92
    font-weight:normal;
93
}
93
}
94
 
94
 
95
div.teaser h1 span{ font-weight:bold;}
95
#slideGuideContent div.teaser h1 span{ font-weight:bold;}
96
 
96
 
97
div.demo{
97
#slideGuideContent div.demo{
98
	float:left;
98
	float:left;
99
	width:317px;
99
	width:317px;
100
	padding:0;
100
	padding:0;
101
	margin:16px 0 0 0;
101
	margin:16px 0 0 0;
102
}
102
}
103
 
103
 
104
div.demo ul {
104
#slideGuideContent div.demo ul {
105
	margin:0 0 -1px 0;
105
	margin:0 0 -1px 0;
106
	padding: 3px 0;
106
	padding: 3px 0;
107
	position:relative;
107
	position:relative;
108
	z-index:999;
108
	z-index:999;
109
	height:20px;
109
	height:20px;
110
}
110
}
111
 
111
 
112
div.demo ul li{
112
#slideGuideContent div.demo ul li{
113
	list-style: none;
113
	list-style: none;
114
	margin: 0;
114
	margin: 0;
115
	display: inline;
115
	display: inline;
116
}
116
}
117
 
117
 
118
div.demo ul li a{
118
#slideGuideContent div.demo ul li a{
119
	padding: 6px 8px;
119
	padding: 6px 8px;
120
	margin-left: 8px;
120
	margin-left: 8px;
121
	color:#fff;
121
	color:#fff;
122
	font-size:11px;
122
	font-size:11px;
123
	text-decoration: none;
123
	text-decoration: none;
Line 126... Line 126...
126
	border-right:1px solid #6699FF;
126
	border-right:1px solid #6699FF;
127
	border-left:1px solid #6699FF;
127
	border-left:1px solid #6699FF;
128
	background:url(../images/tab-hor-bar.jpg) repeat-x;
128
	background:url(../images/tab-hor-bar.jpg) repeat-x;
129
}
129
}
130
 
130
 
131
div.demo .ui-tabs-nav li.ui-tabs-selected,
131
#slideGuideContent div.demo .ui-tabs-nav li.ui-tabs-selected,
132
div.demo .ui-tabs-nav li.ui-state-active{
132
#slideGuideContent div.demo .ui-tabs-nav li.ui-state-active{
133
	background:#fff !important;
133
	background:#fff !important;
134
}
134
}
135
div.demo .ui-tabs-nav li.ui-state-active a{
135
#slideGuideContent div.demo .ui-tabs-nav li.ui-state-active a{
136
	color:#000;
136
	color:#000;
137
	background:#fff;
137
	background:#fff;
138
	border-bottom:none;
138
	border-bottom:none;
139
	border-top:1px solid #999;
139
	border-top:1px solid #999;
140
	border-right:1px solid #999;
140
	border-right:1px solid #999;
141
	border-left:1px solid #999;
141
	border-left:1px solid #999;
142
}
142
}
143
 
143
 
144
.ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
144
#slideGuideContent .ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
145
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
145
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
146
.ui-tabs .ui-tabs-nav li.ui-state-active a.vt{
146
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt{
147
	color:#fff !important;
147
	color:#fff !important;
148
	text-decoration:none;
148
	text-decoration:none;
149
	background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px !important; 	
149
	background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px !important; 	
150
}
150
}
151
 
151
 
152
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
152
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
153
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
153
#slideGuideContent .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
154
.ui-tabs .ui-tabs-panel { display: block;}
154
#slideGuideContent .ui-tabs .ui-tabs-panel { display: block;}
155
.ui-tabs .ui-tabs-hide { display: none !important; }
155
#slideGuideContent .ui-tabs .ui-tabs-hide { display: none !important; }
156
 
156
 
157
div.demo div.tabby{
157
#slideGuideContent div.demo div.tabby{
158
	/*padding:10px 60px 10px 60px;*/
158
	/*padding:10px 60px 10px 60px;*/
159
	margin:0px 10px 0px 0px;
159
	margin:0px 10px 0px 0px;
160
	border:1px solid #ccc;
160
	border:1px solid #ccc;
161
	overflow:hidden;
161
	overflow:hidden;
162
	width:317px;
162
	width:317px;
163
}
163
}
164
.container { 
164
#slideGuideContent .container { 
165
	width:317px; 
165
	width:317px; 
166
	height:540px;
166
	height:540px;
167
	margin:0px 10px 0px 0px;
167
	margin:0px 10px 0px 0px;
168
	/*border:1px solid #ccc;*/
168
	/*border:1px solid #ccc;*/
169
	padding-top:4px;
169
	padding-top:4px;
170
	border-top: 1px solid #999;
170
	border-top: 1px solid #999;
171
	overflow:hidden;
171
	overflow:hidden;
172
	position:relative;
172
	position:relative;
173
	background:#fff;
173
	background:#fff;
174
}
174
}
175
.slides{width:315px;float:left;position:absolute;top:45px; background:#fff; border:none;}
175
#slideGuideContent .slides{width:315px;float:left;position:absolute;top:45px; background:#fff; border:none;}
176
.slides div{text-align: center; background:#fff; border:none;}
176
#slideGuideContent .slides div{text-align: center; background:#fff; border:none;}
177
.slides img{max-width:311px;max-height:481px; background:#fff; border:none;}
177
#slideGuideContent .slides img{max-width:311px;max-height:481px; background:#fff; border:none;}
178
 
178
 
179
div.demo div.tabby img{	margin:2px;}
179
#slideGuideContent div.demo div.tabby img{margin:2px;}
180
div.desc{
180
#slideGuideContent div.desc{
181
	float:left;
181
	float:left;
182
	width:225px;
182
	width:225px;
183
	padding:0px 0px 0px 0px;
183
	padding:0px 0px 0px 0px;
184
	margin:50px 0px 0px 23px;
184
	margin:50px 0px 0px 23px;
185
	display:inline; /*ie6 bug fix*/
185
	display:inline; /*ie6 bug fix*/
186
}
186
}
187
 
187
 
188
div.desc div.introduction{
188
#slideGuideContent div.desc div.introduction{
189
	font-size:0.9em;
189
	font-size:0.9em;
190
	line-height:2em;
190
	line-height:2em;
191
	padding:0;
191
	padding:0;
192
	margin:0;
192
	margin:0;
193
	text-align:left;
193
	text-align:left;
194
}
194
}
195
 
195
 
196
div.desc h4{
196
#slideGuideContent div.desc h4{
197
	color:#333;
197
	color:#333;
198
	font-size:20px;
198
	font-size:20px;
199
	font-weight:normal;
199
	font-weight:normal;
200
}
200
}
201
 
201
 
202
div.desc p{
202
#slideGuideContent div.desc p{
203
	line-height:26px;
203
	line-height:26px;
204
	color:#333333;
204
	color:#333333;
205
	font-size:13px;
205
	font-size:13px;
206
}
206
}
207
div.desc ul{list-style:none;}
207
#slideGuideContent div.desc ul{list-style:none;}
208
 
208
 
209
div.desc li.introduction{
209
#slideGuideContent div.desc li.introduction{
210
	margin-top:30px;
210
	margin-top:30px;
211
	color:#333;
211
	color:#333;
212
	font-size:13px;
212
	font-size:13px;
213
	font-weight:normal;
213
	font-weight:normal;
214
}
214
}
215
 
215
 
216
div.desc li.mainFeature{
216
#slideGuideContent div.desc li.mainFeature{
217
	margin-top:30px;
217
	margin-top:30px;
218
	color:#333;
218
	color:#333;
219
	font-size:14px;
219
	font-size:14px;
220
	font-weight:bold;
220
	font-weight:bold;
221
}
221
}
222
 
222
 
223
div.desc li.mainFeatureValue{
223
#slideGuideContent div.desc li.mainFeatureValue{
224
	margin-top:5px;
224
	margin-top:5px;
225
	padding-left:18px;
225
	padding-left:18px;
226
	color:#333;
226
	color:#333;
227
	font-size:13px;
227
	font-size:13px;
228
	line-height:14px;
228
	line-height:14px;
229
	background:url(../images/black-bullet.gif) no-repeat 8px 6px;
229
	background:url(../images/black-bullet.gif) no-repeat 8px 6px;
230
}
230
}
231
 
231
 
232
div.desc li.subFeature{
232
#slideGuideContent div.desc li.subFeature{
233
	margin-top:6px;
233
	margin-top:6px;
234
	padding-left:18px;
234
	padding-left:18px;
235
	color:#333;
235
	color:#333;
236
	font-size:13px;
236
	font-size:13px;
237
	font-weight:bold;
237
	font-weight:bold;
238
	background:url(../images/black-bullet.gif) no-repeat 8px 9px;
238
	background:url(../images/black-bullet.gif) no-repeat 8px 9px;
239
}
239
}
240
 
240
 
241
div.desc li.subsubFeature{
241
#slideGuideContent div.desc li.subsubFeature{
242
	margin-top:6px;
242
	margin-top:6px;
243
	padding-left:36px;
243
	padding-left:36px;
244
	color:#333;
244
	color:#333;
245
	font-size:12px;
245
	font-size:12px;
246
	font-weight:bold;
246
	font-weight:bold;
247
	background:url(../images/black-bullet.gif) no-repeat 26px 9px;
247
	background:url(../images/black-bullet.gif) no-repeat 26px 9px;
248
}
248
}
249
 
249
 
250
div.desc li.subFeatureValue{
250
#slideGuideContent div.desc li.subFeatureValue{
251
	margin-left:18px;
251
	margin-left:18px;
252
	padding-left:17px;
252
	padding-left:17px;
253
	color:#666;
253
	color:#666;
254
	font-size:12px;
254
	font-size:12px;
255
	line-height:17px;
255
	line-height:17px;
256
	background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
256
	background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
257
}
257
}
258
 
258
 
259
div.desc li.subsubFeatureValue{
259
#slideGuideContent div.desc li.subsubFeatureValue{
260
	margin-left:36px;
260
	margin-left:36px;
261
	padding-left:17px;
261
	padding-left:17px;
262
	color:#666;
262
	color:#666;
263
	font-size:12px;
263
	font-size:12px;
264
	line-height:17px;
264
	line-height:17px;
265
	background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
265
	background:url(../images/grey-bullet.gif) no-repeat 8px 8px;
266
}
266
}
267
 
267
 
268
div.desc li.mainPunchline{
268
#slideGuideContent div.desc li.mainPunchline{
269
	line-height:18px;
269
	line-height:18px;
270
	margin-bottom:15px;
270
	margin-bottom:15px;
271
	padding-left:10px;
271
	padding-left:10px;
272
	color:#333;
272
	color:#333;
273
	font-weight:bold;
273
	font-weight:bold;
274
	font-size:13px;
274
	font-size:13px;
275
	background:url(../images/mehron-square-bullet.gif) no-repeat 0px 7px;
275
	background:url(../images/mehron-square-bullet.gif) no-repeat 0px 7px;
276
}
276
}
277
 
277
 
278
div.desc li.mainFeaturePunchline{
278
#slideGuideContent div.desc li.mainFeaturePunchline{
279
	padding-left:18px;
279
	padding-left:18px;
280
	color:#333;
280
	color:#333;
281
	font-size:13px;
281
	font-size:13px;
282
	background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
282
	background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
283
}
283
}
284
 
284
 
285
div.desc li.subFeaturePunchline{
285
#slideGuideContent div.desc li.subFeaturePunchline{
286
	margin-left:18px;
286
	margin-left:18px;
287
	padding-left:18px;
287
	padding-left:18px;
288
	color:#666;
288
	color:#666;
289
	font-size:12px;
289
	font-size:12px;
290
	background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
290
	background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;
291
}
291
}
292
 
292
 
293
div.desc li.subsubFeaturePunchline{
293
#slideGuideContent div.desc li.subsubFeaturePunchline{
294
	margin-left:18px;
294
	margin-left:18px;
295
	padding-left:36px;
295
	padding-left:36px;
296
	color:#666;
296
	color:#666;
297
	font-size:12px;
297
	font-size:12px;
298
	background:url(../images/mehron-square-bullet.gif) no-repeat 26px 9px;
298
	background:url(../images/mehron-square-bullet.gif) no-repeat 26px 9px;
299
}
299
}
300
 
300
 
301
div.desc li.spacing{margin-top:35px;}
301
#slideGuideContent div.desc li.spacing{margin-top:35px;}
302
div.desc li.subspacing{margin-top:6px;}
302
#slideGuideContent div.desc li.subspacing{margin-top:6px;}
303
 
303
 
304
.slider-content  {
304
#slideGuideContent .slider-content  {
305
	float:left;
305
	float:left;
306
	width:316px;
306
	width:316px;
307
	margin-top:5px auto;
307
	margin-top:5px auto;
308
	background:#eee;
308
	background:#eee;
309
	font-size:11px;
309
	font-size:11px;
310
}
310
}
311
.slider-content  ul{border:none !important;}
311
#slideGuideContent .slider-content  ul{border:none !important;}
312
 
312
 
313
.slider .next, 
313
#slideGuideContent .slider .next, 
314
.slider .prev{
314
#slideGuideContent .slider .prev{
315
	display:none;
315
	display:none;
316
	background-color:#EEEEEE;
316
	background-color:#EEEEEE;
317
	border:0;
317
	border:0;
318
	font-family:Verdana, Arial, Helvetica, sans-serif;
318
	font-family:Verdana, Arial, Helvetica, sans-serif;
319
	color:#666;
319
	color:#666;
320
	font-size:11px;
320
	font-size:11px;
321
	padding:0;
321
	padding:0;
322
	margin:0;
322
	margin:0;
323
	cursor:pointer;
323
	cursor:pointer;
324
}
324
}
325
.slider .prev{
325
#slideGuideContent .slider .prev{
326
	float:left;
326
	float:left;
327
	color:#0066CC;
327
	color:#0066CC;
328
	margin:5px 0 0 10px;
328
	margin:5px 0 0 10px;
329
}
329
}
330
.slider .next{
330
#slideGuideContent .slider .next{
331
	float:right;
331
	float:right;
332
	color:#0066CC;
332
	color:#0066CC;
333
	margin:5px 10px 0 0;
333
	margin:5px 10px 0 0;
334
}
334
}
335
.slider div{
335
#slideGuideContent .slider div{
336
	overflow:hidden;
336
	overflow:hidden;
337
	text-align:left;
337
	text-align:left;
338
	height:none;
338
	height:none;
339
	margin:0;
339
	margin:0;
340
	padding:0;
340
	padding:0;
341
}
341
}
342
 
342
 
343
.slider div ul{
343
#slideGuideContent .slider div ul{
344
	width:3000px;/* set to an arbitary high value*/
344
	width:3000px;/* set to an arbitary high value*/
345
	overflow:hidden;
345
	overflow:hidden;
346
	margin:2px 0px;
346
	margin:2px 0px;
347
	padding:0;
347
	padding:0;
348
	margin-left:0;
348
	margin-left:0;
349
}
349
}
350
.slider div ul li{
350
#slideGuideContent .slider div ul li{
351
	display:inline-block;
351
	display:inline-block;
352
	//display:inline; /*IE 7 hack doesn't support inline-block*/
352
	//display:inline; /*IE 7 hack doesn't support inline-block*/
353
	margin:1px 2px;
353
	margin:1px 2px;
354
	width:auto;
354
	width:auto;
355
	cursor:pointer;
355
	cursor:pointer;
356
	color:#0066CC;
356
	color:#0066CC;
357
}
357
}
358
 
358
 
359
.slider div ul li a{ color:#666 !important; }
359
#slideGuideContent .slider div ul li a{ color:#666 !important; }
360
 
360
 
361
.sliderScroll{
361
#slideGuideContent .sliderScroll{
362
	width:230px; 
362
	width:230px; 
363
	margin:0 auto !important;
363
	margin:0 auto !important;
364
}
364
}
365
 
365
 
366
/*___ slideGuideNav ___*/
366
/*___ slideGuideNav ___*/