@import url("reset.css");
@import url("lightbox.css");

.nowrap { white-space: nowrap; }

.pictures { float: right; }

/* Articles */

.article h1 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	padding-bottom: 10px;
}

.article h2 {
	font-size: 1.5em !important;
	font-weight: bold !important;
	line-height: 1.3em !important;
	padding-bottom: 10px !important;
	padding-left: 0 !important;
	border-bottom: none !important;
}

.article h3 {
	font-weight: bold;
}

.article ul {margin-left: 1em;margin-bottom: 1em;}
.article li {list-style-type: disc; margin-left: 1em;}

.article p {
	margin-bottom: 1em;
}

/* Languages */

#languages {
	position: absolute;
	left: 510px;
	top: 124px;
}

#languages li {
	float: left;
	padding-right: 10px;
}

#languages a { color: #000; }

#languages li.current a { color: #999; text-decoration: none;	}

/* Menus */

#categories, #cart-bottom, #pages-menu { margin-bottom: 30px; }

/* Main */

#main h2 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	padding-left: 10px;
}

.products td { padding: 10px; border-bottom: 1px solid #CCC; vertical-align: middle; }

/* Cart */

#cart {
	margin-top: 10px;
	padding: 5px 0;
	background: #EEE;
}

#cart td { height: 24px; line-height: 24px; border-bottom: 1px solid #CCC; padding: 0 10px; }

#cart .right { text-align: right; }

#total, .total { border-top: 1px solid #000; border-bottom: none !important; }

/* Categories */

.menu li {
	background: url(../images/item.gif);
	height: 24px;
	line-height: 24px;
	margin-bottom: 5px;
	overflow: hidden;
}

.menu li a {
	display: block;
	line-height: 24px;
	padding: 0 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.menu li.current { background: url(../images/selected.gif); }
.menu li.current a { color: #FFF; }

/* Header */

#header { position: absolute; left:0; top: 0; width: 720px; }

#header h1 a { position: absolute; left: 200px; top: 0.5em; font-size: 5em; text-decoration: none; color: #000; display: none; }

#address { position: absolute; left: 270px; top: 2em; }

#phones { position: absolute; left: 510px; top: 2em; }

/* Decorations */

#centering-hack { background: url(../images/logo-small.gif) no-repeat; }

/* Layout */

body { width: 720px; text-align: center; margin: auto; background: url(../images/bg.gif); }

#centering-hack { width: 720px; height: 500px; text-align: left; position: relative; }

#main { position: absolute; left: 0; top: 12em; height: 300px; width: 460px; }

#additional { position: absolute; right: 0; top: 12em; width: 220px; }

/* Typography */

body { font-family: Arial, Verdana, sans-serif; font-size: 80%; line-height: 1.5em; }

/* Misc */

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.nowrap { white-space: nowrap; }

.padded { padding: 10px; }

.hint { font-size: 0.8em; color: #666; }