/*** html plain elements **************************************/

a.product-recommend {
	color: #000;
	text-decoration: none;
	font-size: 1.2em;
	}

a:hover.product-recommend {
	color: #555;
	text-decoration: none;
	font-size: 1.2em;
	}

span.product-recommend {
	color: #555;
	font-size: 1.2em;
	}

#recommend {
	margin:-10px 0 10px 60px;
	}
	#recommend img {
		padding-right:5px;
		}

.bought {
	margin: 3px 0 0 0;
	font-size: 0.7em;
	}

.link-hide {
	display: none;
	}

/* checkbox do odznaczenia jako kupione */
.mark-as-bought-from-hint {
	float: left;
	margin: 2px 5px 5px 0;
	*margin: 0 5px 5px 0;
	}

a.author {
	padding-bottom: 6px;
	text-decoration: none;
	color: #F69801;
	font-size: 13px;
	}
a.author:hover {
	padding-bottom: 6px;
	text-decoration: none;
	color: #86CB01;
	font-size: 13px;
	}
a.name {
	margin-top: 3px;
	padding-bottom: 6px;
	text-decoration: none;
	color: #555555;
	font-weight: bold;
	font-size: 13px;
	}
a.name:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	}
.time {
	color: #555555;
	}

/* sharing icons */
.image-add-to-list,
.image-add-to-list-from-details,
.add-to-list-from-hint {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 0;
	margin-left: 30px;
	margin-top: -9px;
	background: url('../img/sprite-actions.png') no-repeat 0 -500px;
	}

.image-add-to-list:hover,
.image-add-to-list-from-details:hover,
.add-to-list-from-hint:hover {
	background: url('../img/sprite-actions.png') no-repeat 0 -520px;
	}

/* ikonka chowajaca liste z listami uzytkownika */
.image-no-add-to-list,
.no-add-to-list-from-hint,
.image-no-add-to-list-from-details {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	right: 0;
	background: url('../img/sprite-actions.png') no-repeat 0 -840px;
	}

.no-add-to-list-from-hint {
	margin-top: -30px;	
	}

.image-no-add-to-list-from-details {
	margin-top: -25px;
	}

.image-no-add-to-list {
	margin-top: -23px;
	}

.image-no-add-to-list:hover,
.image-no-add-to-list-from-details:hover,
.no-add-to-list-from-hint:hover {
	background: url('../img/sprite-actions.png') no-repeat 0 -861px;
	}

.list-type-friends,
.list-type-me,
.list-type-all {
	float: left;
	width: 25px;
	height: 20px;
	font-size: 0;
	text-indent: -10000px;
	}
/* ikona dla listy widzianej przez znajomych usera */
.list-type-friends {
	background: url('../img/sprite-actions.png') no-repeat 0 -880px;
	}
.list-type-me {
	background:transparent url(../img/sprite-actions.png) no-repeat scroll 0 -780px;
	}
.list-type-all {
	background:transparent url(../img/sprite-actions.png) no-repeat scroll 0 -800px;
	}

html, body {
	background: #000 url('../img/main-bg.jpg') repeat-x top;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	}

input[type="text"], input[type="password"], select, textarea {
	color: #444;
	padding: 1px 3px;
	border: none;
	border: 1px solid #777;
	background: #fff;
	}
input:disabled, textarea:disabled {
	background-image: none;
	background-color: #fff;
	color: #AAAAAA;
	}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	outline: none;
	border: 1px solid #000;
	color: #000;
	}
input[type="image"]:focus {
	outline: none;
	}
input[type="submit"]:focus {
	outline: none;
	}
input[type="checkbox"], input[type="submit"] {
	cursor: pointer;
	}
input[type="submit"] {
	padding: 5px;
	*padding: 4px 2px;
	color: #fff;
	font-weight: bold;
	border: none;
	background: #f69801;
	}
input[type="submit"]:hover {
	background: #86cb01;
	}
input[type="button"] {
	padding: 4px 5px;
	*padding: 4px 2px;
	color: #fff;
	font-weight: bold;
	border: none;
	background: #f69801;
	}
input[type="button"]:hover {
	background: #86cb01;
	}
label {
	float: left;
	padding-right: 0.4em;
	cursor: pointer;
	font-weight: bold;
	font-size: 0.95em;
	text-transform: uppercase;
	}

/*** Common classes ******************************************/
.left {
	text-align: left;
	}
.right {
  text-align: right;
	}
.center {
	text-align: center;
	}
.f-left {
	float: left;
	}
.f-right {
	float: right;
	}
.bold {
	font-weight: bold;
	}
.clear {
	clear: both;
	}
.clearfix {
	display: block;
	}
.pad05 {
  padding: 0.5em;
	}
.pad10 {
  padding: 1em;
	}
.pad15 {
  padding: 0.5em 0 1.5em;
	}
.pad20 {
	padding: 0.5em 0 2em;
	}
.row {
	float: left;
	padding-top: 0.7em;
	}
.form-actions {
	float: right;
	font-size: 0.85em;
	}
.message-box {
	clear: both;
	width: auto !important;
	padding: 7px;
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	}
	.message-box.success {
		border: 1px solid #86cb01;
		background: #fff;
		}
	.message-box.warning {
		border: 1px solid #f15d5d;
		background: #fff;
		}
	.message-box p {
		display: inline;
		padding: 0 0 0 22px;
		}
	.message-box.success p {
		color: #56b914;
		background: url('../img/sprite-actions.png') no-repeat 0 -120px;
		}
	.message-box.warning p {
		padding: 0 0 0 16px;
		color: #B50B05;
		background: url('../img/sprite-actions.png') no-repeat 0 -820px;
		}
	.msg-error {
		color: #B50B05;
		}
	.msg-success {
		color: #0f9501;
		}
	.info-success {
		float: left;
		clear: both;
		width: 100%;
		padding: 10px 10px 10px 40px;
		text-align: left;
		background: #c9eeae url('../img/sprite-actions.png') no-repeat 0 -120px;
		border: 1px solid #86cb01;
		color: #86cb01;
		}	
.odd {
	background: #f8f8f8;
	}

/* content wrappers **************************************/
/* avatar wrapper */
.avatar-wrapper {
	float: left;
	width: 92px;
	height: auto;
	}
.avatar-wrapper .content {
	position: relative;
	float: left;
	padding: 6px;
	width: 80px;
	height: 98px;
	text-align: center;
	background: url('../img/avatar-bg.png') no-repeat 0 0;
	}
	.avatar-wrapper .content .image {
		}
.avatar-footer {
	position: relative;
	float: left;
	width: 92px;
	height: 4px;
	background: url('../img/avatar-bg.png') no-repeat 0 100%;
	}
	.avatar-wrapper .content span {
		float: left;
		overflow: hidden;
		width: 80px;
		padding: 5px 0 0 0;
		font-size: 0.8em;
		color: #333;
		}

/* mini image wrapper */
.mini-image-wrapper {
	float: left;
	width: 60px;
	height: auto;
	}
.mini-image-wrapper .content {
	position: relative;
	float: left;
	padding: 6px;
	width: 50px;
	text-align: center;
	background: url('../img/mini-image-bg.png') no-repeat 0 0;
	}
	.mini-image-wrapper .content .image {
		}
.mini-image-footer {
	position: relative;
	float: left;
	width: 60px;
	height: 4px;
	background: url('../img/mini-image-bg.png') no-repeat 0 100%;
	}
	.mini-image-wrapper .content span {
	float: left;
	overflow: hidden;
	width: 50px;
	padding: 2px 0 0 0;
	font-size: 0.8em;
	color: #333;
	}

/* lists content wrapper */
.section-wrapper {
	position: relative;
	float: left;
	width: 620px;
	height: auto;
	left: -35px;
	margin: 0 0 40px 0;
	}
	.section-wrapper .wrapper-content {
		position: relative;
		float: left;
		padding: 25px 0 15px 30px;
		width: 590px;
		background: url('../img/list-ribbon.png') no-repeat 0 0;
		}
		.section-wrapper .wrapper-content .image {
			}
		.section-wrapper .wrapper-content h4 {
			margin: 1em 0 0;	
			}
	.section-wrapper .wrapper-footer {
		position: relative;
		float: left;
		min-width: 500px;
		*width: 500px;
		height: 15px;
		background: url('../img/list-ribbon.png') no-repeat 0 100%;
		}

/* wider content wrapper */
.section-wrapper.wider {
	width: 950px;
	left: -35px;
	margin: 0 0 40px 0;
	}
	.section-wrapper.wider .wrapper-content {
		padding: 25px 0 15px 30px;
		width: 920px;
		}
		.section-wrapper.wider .wrapper-content .image {
			}
	.section-wrapper.wider .wrapper-footer {
		width: 960px;
		}

/* Typography ************************************************/
h2 {
	font-size: 1.9em;
	font-weight: bold;
	}
h3 {
	margin: 0 0 1em 0;
	font-size: 1.2em;
	font-weight: bold;
	}
h4 {
	float: left;
	clear: left;
	margin: 0 0 1em 0;
	font-size: 1em;
	font-weight: bold;
	}
/* Links ******************************************************/
a {
	color: #3a89c9;
	outline: none;
	text-decoration: underline;
	}
.btn {
	display: block;
	padding: 0.4em 0.6em;
	margin: 0 0 0 1em;
	font-weight: bold;
	text-decoration: none;
	}
	.action-s {
		background: #f69801;
		color: #fff;
		}
	.action-d {
		background: #edecec;
		color: #858585;
		}
	.action-s:hover {
		background: #86cb01;
		}
	.action-d:hover {
		background: #e0dfdf;
		}

a#a-with-category {
	padding: 0 0 0 23px;
	font-weight: bold;
	background: url('../img/sprite-actions.png') no-repeat 0 -660px;
	}
a#a-without-category {
	padding: 0 0 0 23px;
	font-weight: bold;
	background: url('../img/sprite-actions.png') no-repeat 0 -680px;
	}
a.accept-link {
	padding: 0 0 0 23px;
	background: url('../img/sprite-actions.png') no-repeat 0 -120px;
	}
a.reject-link {
	padding: 0 0 0 23px;
	background: url('../img/sprite-actions.png') no-repeat 0 -20px;
	}
a.remove-friend {
	padding: 0 0 0 23px;
	background: url('../img/sprite-actions.png') no-repeat 0 -700px;
	}
a.remove-friend:hover {
	background: url('../img/sprite-actions.png') no-repeat 0 -720px;
	}
a.send-invitation {
	padding: 0 0 0 23px;
	background: url('../img/sprite-actions.png') no-repeat 0 -741px;
	}
a.send-invitation:hover {
	background: url('../img/sprite-actions.png') no-repeat 0 -761px;
	}

/* Lists, images, etc. *****************************************/
.items-list,
.shopping-list {
	float: left;
	width: 100%;
	margin: 0 0 2em 0;
	}
	.items-list li,
	.shopping-list li {
		float: left;
		width: 615px;
		font-size: 1.2em;
		margin: 0.7em 0 0;
		}
		.items-list li span,
		.shopping-list li span {
			float: left;
			margin: 1em 0 0 0;
			color: #000;
			font-weight: bold;
			font-size: 1em;
			}
		.items-list li span.col-title-name,
		.shopping-list li span.col-title-name {
			width: 421px;
			*width: 431px;
			padding: 0 0 10px 22px;
			}
		.items-list li span.col-title-qty,
		.shopping-list li span.col-titlte-qty {
			width: 60px;
			padding: 0 0 10px 0;
			}
		.items-list li div,
		.shopping-list li div {
			float: left;
			display: block;
			margin: 0 0.8em 0 0;
			}
		/* specific for error-msg boxes */
		.items-list li div.message-box {
			position: relative;
			/*float:none;*/
			margin: -1em 0 1em 0;
			}
			.items-list li div.message-box span {
				float: none;
				font-size: 0.9em;
				margin: 0 0 1em 0;
				color:#E61111;
				}
		.hints-list li a.this-expand {
			margin: -16px 0 0 280px;
			float: left;
			font-weight: bold;
			text-decoration: none;
			}
		.items-list li a,
		.shopping-list li a {
			float: left;
			font-weight: bold;
			color: #555;
			text-decoration: none;
			}
			.items-list li:hover .item-name a,
			.items-list li:hover .item-name span,
			.items-list li:hover .item-qty,
			.shopping-list li:hover .item-name a,
			.shopping-list li:hover .item-name span,
			.shopping-list li:hover .item-qty {
				color: #000;
				}
			.items-list li:hover ul li .item-qty,
			.shopping-list li:hover ul li .item-qty {
				color: #555;
				}
		.items-list li input[type="checkbox"],
		.shopping-list li input[type="checkbox"] {
			margin: 0.2em 0 0 0;
			*margin: 0;
			}
			/* item name & description */
			.items-list li .item-name,
			.shopping-list li .item-name {
				width: 370px;
				margin: 0 1em 0 0;
				}
				.items-list li .item-name a,
				.shopping-list li .item-name a{
					width: 100%;
					}
				.items-list li .item-name span,
				.shopping-list li .item-name span{
					margin-top: 0.3em;
					color: #777;
					font-size: 0.75em;
					font-weight: normal;
					}
			/* quantity */
			.items-list li .item-qty,
			.shopping-list li .item-qty {
				overflow: hidden;
				width: 97px;
				min-height: 20px;
				font-size: 1.1em;
				color: #555;
				font-weight: bold;
				text-align: center;
				}
			.shopping-list li .item-qty {
				width: 86px;
				}
			/* item action links */
			.items-list li .item-actions,
			.shopping-list li .item-actions {
				margin: 0 0 0 0.5em;
				}
				.items-list li .item-actions a,
				.shopping-list li .item-actions a,
				.hints-list li .item-actions a.this-expand {
					width: 30px;
					height: 20px;
					font-size: 0;
					text-indent: -10000px;
					}
				.shopping-list li .item-name a.list-type-all {
					width: 30px;
					height: 20px;
					font-size: 0;
					text-indent: -10000px;
					background: url('../img/sprite-actions.png') no-repeat 0 -800px;
					}
				.shopping-list li a.list-type-all:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -800px;
					}
				.shopping-list li .item-name a.list-type-friends {
					width: 30px;
					height: 20px;
					font-size: 0;
					text-indent: -10000px;
					background: url('../img/sprite-actions.png') no-repeat 0 -880px;
					}
				.shopping-list li a.list-type-friends:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -880px;
					}
				.shopping-list li .item-name a.list-type-me {
					width: 30px;
					height: 20px;
					font-size: 0;
					text-indent: -10000px;
					background: url('../img/sprite-actions.png') no-repeat 0 -780px;
					}
				.shopping-list li a.list-type-me:hover	{
					background: url('../img/sprite-actions.png') no-repeat 0 -780px;
					}
				.items-list li .item-actions a.this-move,
				.shopping-list li .item-actions a.this-move {
					background: url('../img/sprite-actions.png') no-repeat 0 -480px;
					}
				.items-list li .item-actions a.this-move-up,
				.shopping-list li .item-actions a.this-move-up {
					background: url('../img/sprite-actions.png') no-repeat 0 -600px;
					}
				.items-list li .item-actions a.this-remove,
				.shopping-list li .item-actions a.this-remove {
					background: url('../img/sprite-actions.png') no-repeat;
					}
				.items-list li .item-actions a.this-edit,
				.shopping-list li .item-actions a.this-edit {
					background: url('../img/sprite-actions.png') no-repeat 0 -40px;
					}
				.items-list li .item-actions a.this-expand,
				.shopping-list li .item-actions a.this-expand,
				.hints-list li .item-actions a.this-expand {
					background: url('../img/sprite-actions.png') no-repeat 0 -180px;
					}
				.items-list li .item-actions a.this-shared,
				.shopping-list li .item-actions a.this-shared {
					background: url('../img/sprite-actions.png') no-repeat 0 -920px;
					}
				.items-list li.expanded .item-actions a.this-expand,
				.items-list li.expanded .item-actions a.this-expand:hover,
				.shopping-list li.expanded .item-actions a.this-expand,
				.shopping-list li.expanded .item-actions a.this-expand:hover,
				.hints-list li.expanded .item-actions a.this-expand,
				.hints-list li.expanded .item-actions a.this-expand:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -300px;
					}
				/* :hover */
				.items-list li .item-actions a.this-move:hover,
				.shopping-list li .item-actions a.this-move:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -120px;
					}
				.items-list li .item-actions a.this-move-up:hover,
				.shopping-list li .item-actions a.this-move-up:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -640px;
					}
				.items-list li .item-actions a.this-remove:hover,
				.shopping-list li .item-actions a.this-remove:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -20px;
					}
				.items-list li .item-actions a.this-edit:hover,
				.shopping-list li .item-actions a.this-edit:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -60px;
					}
				.items-list li .item-actions a.this-expand:hover,
				.shopping-list li .item-actions a.this-expand:hover,
				.hints-list li .item-actions a.this-expand:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -240px;
					}
				.items-list li .item-actions a.this-shared:hover,
				.shopping-list li .item-actions a.this-shared:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -901px;
					}
			.shopping-list .li-details-list ul li a.product-add {
				float: right;
				padding: 3px 0 0 20px;
				color:#3A89C9;
				text-decoration: underline;
				font-weight: normal;
				background: url('../img/sprite-actions.png') no-repeat 0 -500px;
				}
			.items-list .li-details-list ul li a.product-add:hover,
			.shopping-list .li-details-list ul li a.product-add:hover {
				background: url('../img/sprite-actions.png') no-repeat 0 -520px;
				}

/* item highlight */
.items-list li.highlight {
	position: relative;
	float: left;
	width: 646px;
	*width: 647px;
	left: -29px;
	padding: 0.8em 0 1.5em;
	border-top: 1px solid #767676;
	border-right: 1px dashed #767676;
	background: #fafaf0 url('../img/item-highlight-bg.png') no-repeat bottom left;
	}
	.items-list li.highlight div:first-child {
		margin: 0 0.8em 0 2em;
		}
		.items-list li.highlight .item-name a,
		.items-list li.highlight .item-name span,
		.items-list li.highlight .item-qty {
			color: #000;
			}
		.items-list li.highlight .item-actions a.this-remove {
			background: url('../img/sprite-actions.png') no-repeat 0 -20px;
			}
		.items-list li.highlight .item-actions a.this-edit {
			background: url('../img/sprite-actions.png') no-repeat 0 -60px;
			}

/* item edit */
.items-list li.edit,
.shopping-list li.edit {
	position: relative;
	float: left;
	width: 634px;
	height: auto;
	left: -31px;
	margin: 0;
	background: none;
	}
	.items-list li.edit .top,
	.shopping-list li.edit .top {
		float: left;
		position: relative;
		width: 634px;
		margin-top: 20px;
		padding: 15px 10px 0 20px;
		background: url('../img/item-edit-bg.png') no-repeat 0 0%;
		}
		.items-list li.edit .top .content,
		.shopping-list li.edit .top .content {
			padding: 15px 0 0 0;
			width: 604px;
			}
	.items-list li.edit .bottom,
	.shopping-list li.edit .bottom {
		float: left;
		position: relative;
		width: 634px;
		height: 20px;
		background: url('../img/item-edit-bg.png') no-repeat 0 100%;
		}

		/* edition form */
		.items-list li.edit label,
		.shopping-list li.edit label {
			width:85px;
			padding-left: 0.5em;
			}
		/* custom widths */
		.items-list li.edit label#lbl-edit-quantity,
		.shopping-list li.edit label#lbl-edit-quantity {
			width: auto !important;
			}
		.items-list li.edit label#lbl-edit-list-name,
		.shopping-list li.edit label#lbl-edit-list-name {
			width: auto !important;
			}
		.items-list li.edit input[type="text"],
		.shopping-list li.edit input[type="text"] {
			position: relative;
			font-size: 1.1em;
			font-weight: bold;
			top: -5px;
			color: #666;
			background: #fff;
			}
		.items-list li.edit input[type="text"]:focus,
		.shopping-list li.edit input[type="text"]:focus {
			color: #000;
			}
		.items-list li.edit input#input-edit-name,
		.shopping-list li.edit input#input-edit-name {
			width: 329px;
			}
		.items-list li.edit input#input-edit-quantity,
		.shopping-list li.edit input#input-edit-quantity {
			width: 65px;
			text-align: center;
			}
		.items-list li.edit input#input-edit-tag,
		.shopping-list li.edit input#input-edit-tag {
			width: 480px;
			}
		.items-list li.edit textarea,
		.shopping-list li.edit textarea	 {
			width: 480px;
			height: 40px;
			padding: 3px;
			margin-bottom: 10px;
			font-size: 0.9em;
			border: 1px solid #777;
			background: #fff;
			}
	/* category title */
	.items-list li.category-title {
		position: relative;
		float: left;
		height: 42px;
		left: -29px;
		background: url('../img/category-ribbon.png') no-repeat 0 0;
		}
		.items-list li.category-title span {
			padding: 11px 0;
			margin: 0 0 0 1.7em;
			color: #57a0bf;
			}
	/* edit form buttons */
	.items-list li.edit .form-actions,
	.shopping-list li.edit .form-actions {
		float: right;
		margin-right: 18px;
		*margin-right: 7px;
		}
		.items-list li.edit .form-actions a,
		.shopping-list li.edit .form-actions a {
			float: left;
			/*margin: 0 1.5em 0 0;*/
			margin: 0 0 0 1.5em;
			padding: 2px 0 0 22px;
			font-weight: normal;
			color: #000;
			}
		.items-list li.edit .form-actions a.edit-btn-show-tags,
		.items-list li.edit .form-actions a.edit-btn-hide-tags {
			*top: 0;
			}
		/* normal state */
		.form-actions a.edit-btn-show-tags,
		.form-actions a.edit-btn-hide-tags {
			*position: relative;
			*top: -4px;
			margin: 0 1.5em 0 0;
			padding: 2px 0 0 22px;
			color: #000;
			text-decoration: none;
			background: url('../img/sprite-actions.png') no-repeat 0 -540px;
			}
		.form-actions a.edit-btn-hide-tags {
			background: url('../img/sprite-actions.png') no-repeat 0 -580px;
			}
		.form-actions a.edit-btn-remove {
			background: url('../img/sprite-actions.png') no-repeat 0 -80px;
			}
		.form-actions a.edit-btn-cancel {
			background: url('../img/sprite-actions.png') no-repeat 0 -140px;
			}
		.form-actions input.edit-btn-submit {
			float: left;
			/*margin: 0 1.5em 0 0;*/
			margin: 0 0 0 1.5em;
			padding: 0 0 0 18px;
			background: url('../img/sprite-actions.png') no-repeat 0 -100px;
			border: none;
			color: #000;
			font-weight: normal;
			}
		/* :hover */
		.form-actions a.edit-btn-show-tags:hover {
			background: url('../img/sprite-actions.png') no-repeat 0 -560px;
			}
		.form-actions a.edit-btn-remove:hover {
			background: url('../img/sprite-actions.png') no-repeat 0 -20px;
			}
		.form-actions a.edit-btn-cancel:hover {
			background: url('../img/sprite-actions.png') no-repeat 0 -160px;
			}
		.form-actions input.edit-btn-submit:hover {
			background: url('../img/sprite-actions.png') no-repeat 0 -120px;
			}

/* avatars list */
ul.avatars-list {
	position: relative;
	float: left;
	right: -17px;
	width: 300px;
	}
	ul.avatars-list li {
		float: left;
		width: 92px;
		text-align: center;
		margin: 0 6px 6px 0;
		}
	ul.avatars-list li.no-friends {
		width: 590px;
		text-align: left;
		margin: 6px 6px 6px 0;
		}

/* top rated product list */
ul#top-products {
	}
	ul#top-products li {
		float: left;
		width:100%;
		margin: 6px 0 0 0;
		padding: 8px 0 0 0;
		background: url('../img/vertical-dots.gif') repeat-x top;
		}
	ul#top-products li:first-child {
		margin: 0;
		padding: 0;
		background: none;
		}
		ul#top-products li span.product-name {
		float: left;
		width: 420px;
		}
		/* modified rating system */
		ul#top-products li ul.rating {
			float: right;
			clear: none;
			padding: 0;
			margin: 0;
			top: 0;
			}
		ul#top-products li span.votes {
			position: relative;
			float: right;
			width: 65px;
			top: 2px;
			font-size: 0.85em;
			text-align: right;
			color: #333;
			}

/* recenty added opinions */
#opinions-list {
	}
	#opinions-list li {
		float: left;
		clear: both;
		width: 100%;
		margin: 10px 0 0;
		padding: 8px 0 0;
		background: url('../img/vertical-dots.gif') repeat-x top;
		}
	#opinions-list li:first-child {
		margin: 0;
		padding: 0;
		background: none;	
		}
		#opinions-list li h4 {
			width: 290px;
			color: #3a89c9;
			}
		#opinions-list li img {
			
			}
		#opinions-list li .text {
			float: left;
			width: 180px;
			margin: 0 0 0 10px;
			font-size: 0.9em;
			}
			#opinions-list li .text p {
				line-height: 1.6;
				}

/* invitations recieved by user */
#invitations {
	float: left;
	}
	#invitations li {
		margin: 10px 0 0;
		padding: 10px 0 0;
		background: url('../img/vertical-dots.gif') repeat-x top;
		}
	#invitations li:first-child {
		margin: 0;
		padding: 0;
		background: none;	
		}
		#invitations li .text {
			font-size: 0.9em;
			float: left;
			width: 180px;
			margin: 10px 0 0 10px;
			}

/* Tabbed menu */
ul.tabbed-menu {
	position: relative;
	float: left;
	width: 920px;
	margin: 0 0 -10px 0;
	}
	ul.tabbed-menu li {
		float: left;
		margin: 0 5px 0 0;
		}
		ul.tabbed-menu li span,
		ul.tabbed-menu li a {
			display: block;
			padding: 5px 15px 6px;
			background: #35b3d8;
			border: 1px solid #2b92b0;
			color: #fff;
			font-weight: bold;
			}
		ul.tabbed-menu li a {
			background: #fff;
			border: 1px solid #bdbdbd;
			color: #666;
			text-decoration: none;
			}
		ul.tabbed-menu li a:hover {
			background: #efefef;
			color: #333;
			}

/* Structure *****************************************/

/* header */
#hd {
	position: relative;
	display: block;
	height: 280px;
	}
	/* logo */
	h1#logo {
		position: relative;
		top: 66px;
		left: 40px;
		width: 248px;
		font-size: 0;
		text-indent: -10000px;
		}
		h1#logo a {
			display: block;
			width: 248px;
			height: 74px;
			}
		/* user-menu */
		#hd #user-menu {
			/*float: right;*/
			/*margin: -17px 4.2em 0 0;*/
			position: absolute;
			left: 590px;
			*left: 590px;
			top: 56px;
			}
			#hd #user-menu li {
				display: inline;
				padding: 0.8em;
				font-weight: bold;
				}
				#hd #user-menu li a {
					}
		/* main-menu */
		#hd #main-menu {
			position: relative;
			float: left;
			top: 89px;
			left: 40px;
			}
			#hd #main-menu li {
				position: relative;
				float: left;
				height: 68px;
				}
			#hd #main-menu li:hover,
			#hd #main-menu li.active {
				background: url('../img/menu-active.gif') repeat-x top;
				}
				#hd #main-menu li a {
					display: block;
					padding: 0.9em 1.55em 1.9em;
					font-size: 1.4em;
					text-decoration: none;
					color: #000;
					}
				#hd #main-menu li.active a {
					color: #fff;
					}
				#hd #main-menu li.active span {
					position: absolute;
					width: 21px;
					height: 12px;
					bottom: 0;
					left: 42%;
					background: url('../img/current-element.gif') no-repeat;
					z-index: 200;
					}

/* body */
#bd {
	min-height: 350px;
	padding: 0 18px;
	background: url('../img/paper-back.png') repeat-y;
	}

/* first basic structure: one column layout */
	.one-column {
		padding:0 20px 50px;
		}

/* second basic structure: two column layout */
	.two-column {
		position: relative;
		top: -1px;
		}
		.two-column #left-col {
			padding:0 0 50px;
			}
		.two-column #right-col {
			position: relative;
			top: -58px;
			}
			.two-column .col-content {
				padding: 50px 20px;
				}
			.two-column #left-col .col-content {
				padding: 0 20px;
				}

/* third basic structure: three column layout */
	.three-column {
		position: relative;
		top: -1px;
		}
		.three-column #left-col,
		.three-column #middle-col,
		.three-column #right-col {
			position: relative;
			top: -50px;
			padding:0 0 50px;
			}
		.three-column #right-col {
			position: relative;
			top: -58px;
			}
			.three-column .col-content {
				padding: 0 20px;
				}

/* footer */
#ft {
	color:#fff;
	width:941px;
	margin: 0 auto;
	padding: 10px 5px;
	}

/* PAGES *********************************************/

/* CURRENT_LIST view **********/

/* basic two-column structure for current_list */
#list-details-page.two-column {
	background: url('../img/two-col-paper-back.png') repeat-y;
	}
	#list-details-page #left-col {
		}
	#list-details-page #right-col {
		width: 329px;
		min-height: 60px;
		background: url('../img/right-col-top.png') no-repeat 0 0;
		}
		#list-details-page .col-content {
			padding: 50px 20px;
			}
		#list-details-page #left-col .col-content {
			padding: 0 20px;
			}

			/* tmpl content */
			h2.list-title {
				/*float: left;*/
				width: 99%;
				margin: 1em 0 1.5em 0.2em;
				text-align: center;
				font-family: Georgia,"Times New Roman",Times,serif;
				}
			h2.list-bought {
				float: left;
				margin: 1em 0 1.5em 0.2em;
				text-align: left;
				font-family: Arial,Helvetica,sans-serif;
				}
			h2.list-title span {
				font-weight: normal;
				color: #444;
				}
			/* add new item form */
			#list-component-add-form {
				float: left;
				width: 599px;
				height: auto;
				margin: 0 0 2em 0;
				font-size: 1.2em;
				}
				#list-component-add-form .top {
					float: left;
					width: 599px;
					min-height: 199px;
					background: url('../img/item-add-bg.jpg') no-repeat 0 0;
					}
					#list-component-add-form .top .content {
						float: left;
						padding: 95px 1em 0 1.2em;
						}
				#list-component-add-form .bottom {
					float: left;
					width: 599px;
					height: 30px;
					background: url('../img/item-add-bg.jpg') no-repeat 0 100%;
					}
				#list-component-add-form .message-box {
					position: relative;
					top: -2em;
					left: -1em;
					font-size: 0.9em;
					}
				#list-component-add-form label {
					width: 65px;
					padding-left: 0.3em;
					}
					#list-component-add-form label#lbl-add-quantity{
						width: auto !important;
						padding: 0 0.8em 0 1.2em;
						}
				#list-component-add-form input[type="text"] {
					position: relative;
					float: left;
					font-size: 1.1em;
					font-weight: bold;
					top: -5px;
					color: #666;
					background: #fff;
					}
				#list-component-add-form input[type="text"]:focus {
					color: #000;
					}
				#list-component-add-form input#input-add-name {
					width: 329px;
					}
				#list-component-add-form input#input-add-quantity {
					width: 48px;
					text-align: center;
					}
				#list-component-add-form input#input-add-tag {
					width: 466px;
					}
				#list-component-add-form textarea {
					width: 466px;
					height: 40px;
					padding: 3px;
					margin-bottom: 10px;
					font-size: 0.9em;
					border: 1px solid #777;
					background: #fff;
					}
				/* edit form buttons */
				#list-component-add-form .form-actions {
					margin-right: 1.2em;
					*margin-right: 1em;
					}
		/* bought items list */
		#bought-list {
			}
			#bought-list li {
				width: 575px;
				font-size: 1.15em;
				padding: 0.6em 0 0.6em 20px;
				margin: 0;
				color: #777;
				}
				#bought-list li.highlight {
					position: relative;
					float: left;
					width: 646px;
					*width: 647px;
					left: -29px;
					margin: 10px 0 5px;
					padding: 0.5em 0 1.5em;
					border-top: 1px solid #767676;
					border-right: 1px dashed #767676;
					background: #fafaf0 url('../img/item-highlight-bg.png') no-repeat bottom left;
					}
					#bought-list li.highlight div:first-child {
						margin: 0 0.8em 0 3.2em;
						}
						#bought-list li.highlight .item-name a,
						#bought-list li.highlight .item-name span,
						#bought-list li.highlight .item-qty {
							color: #000;
							}
				/* item name */
				#bought-list li .item-name {
					width: 410px;
					margin-right: 20px;
					}
				/* quantity */
				#bought-list li .item-qty {
					font-size: 1.15em;
					color: #777;
					font-weight: normal;
					}
				#bought-list li span {
					color: #777;
					font-size: 0.8em;
					}
		/* overwritten tab menu properties */
		#list-details-page ul.tabbed-menu {
			width: 620px;
			margin: 60px 0 -10px 0;
			}
			#list-details-page ul.tabbed-menu li {
				}
		/* List sharing sections */
		#list-details-page .sharing-section {
			position: relative;
			float: left;
			clear: left;
			width: 600px;
			margin: 10px 0 10px;
			}
			#list-details-page .sharing-section h4 {
				width: 600px;
				}
			#list-details-page .sharing-section form {
				width: 600px;
				}
			#list-details-page .sharing-section .avatar-wrapper {
				margin: 0 5px;
				}
			#list-details-page .sharing-section input[type="submit"] {
				float: right;
				}
		/* list actions (send email, print options, etc.)*/
			#list-actions.show-section {
				display: block;
				float: left;
				width: 554px;
				margin: 1em 0;
				padding: 20px;
				background: #f7fdfe;
				border-top: 1px solid #ede3ca;
				border-bottom: 1px solid #ede3ca;
				}
				#list-actions h3 {
					font-size: 1.3em;
					}
				/* form */
				#list-actions #send-list-form {
					float: left;
					margin: 0 30px 0 0;
					width: 290px;
					font-size: 1.2em;
					}
					#list-actions #send-list-form h3 {
						font-size: 1.1em;
						margin: 0 0 0.5em 0;
						}
					#list-actions #send-list-form span {
						float: left;
						margin: 0 0 0.5em 0;
						font-size: 0.9em;
						}
					#send-list-form #textarea-send-to-email {
						width: 284px;
						height: 60px;
						padding: 3px;
						border: 1px solid #ede3ca;
						}
						#send-list-form  #send-to-user {
							float: left;
							position: relative;
							top: 3px;
							}
						#send-list-form .form-actions {
							width: 290px;
							}
							#send-list-form .form-actions #send-list {
								float: right;
								}
				/* print-options list */
				#list-actions .print-options {
					float: left;
					margin: 0.5em 0;
					}
					#list-actions .print-options li {
						float: left;
						clear: left;
						width: 190px;
						}
						#list-actions .print-options li a {
							float: left;
							width: 100%;
							padding: 1em 0 1em 36px;
							border-bottom: 1px dashed #666;
							text-decoration: none;
							}
						#list-actions .print-options li a:hover {
							background: #e0f1f3;
							}
						/* print options */
						#list-actions .print-options li a.small-format {
							background: url('../img/print-small-format.png') no-repeat 9px 50%;
							}
						#list-actions .print-options li a.big-format {
							background: url('../img/print-big-format.png') no-repeat 6px 50%;
							}
						#list-actions .print-options li a.big-format-picture {
							background: url('../img/print-big-format-picture.png') no-repeat 6px 50%;
							}
						/* print options:hover */
						#list-actions .print-options li a.small-format:hover {
							background: #e0f1f3 url('../img/print-small-format.png') no-repeat 9px 50%;
							}
						#list-actions .print-options li a.big-format:hover {
							background: #e0f1f3 url('../img/print-big-format.png') no-repeat 6px 50%;
							}
						#list-actions .print-options li a.big-format-picture:hover {
							background: #e0f1f3 url('../img/print-big-format-picture.png') no-repeat 6px 50%;
							}

			/* right column ************************************/
			#right-col  {
				}
				#right-col .section {
					clear: both;
					padding: 0 0 0 10px;
					}
					#right-col .section #span-add-product-to-list {
						float: left;
						width: 180px;
						margin: -6px 0 15px;
						}
					/* product thumbnail */
					#right-col .product-img {
						float: left;
						margin: 0 1em 2em 0;
						}
						#right-col .product-img a {
							float: left;
							padding: 3px;
							background: #fff;
							border: 1px solid #adadad;
							}
						#right-col .product-img a img {
							float: left;
							}
					/* product information */
					#right-col .product-info {
						*float: left;
						display: table-cell;
						}
						#right-col .product-info p {
							font-size: 1em;
							}
						#right-col .product-info ul {
							float: left;
							margin: 0.6em 0 2em;
							width: 175px;
							font-size: 0.85em;
							}
							#right-col .product-info ul li {
								clear: left;
								float: left;
								width: 100%;
								margin: 0 0 0.5em 0;
								padding: 0.5em 0 0 0;
								border-top: 1px dashed gray;
								}
							#right-col .product-info ul li:first-child {
								border-top: none;
								}
							#right-col .product-info ul li span a.author {
								padding-right:6px;
								}
							/* small rating star */
							#right-col .product-info ul li ul.public-rating {
								position: relative;
								overflow:hidden;
								float: right;
								width: 60px;
								height: 12px;
								padding: 0;
								margin: 0;
								top: 2px;
								background: url('../img/star-matrix-small.png') no-repeat 0 0;
								}
							#right-col .product-info ul li ul.public-rating li {
								float:left;
								text-indent:-999em;
								margin: 0;
								padding: 0;
								border-top: none;
								}
							#right-col .product-info ul li ul.public-rating.star-0 {background-position:0 0}
							#right-col .product-info ul li ul.public-rating.star-1 {background-position:0 -12px}
							#right-col .product-info ul li ul.public-rating.star-2 {background-position:0 -24px}
							#right-col .product-info ul li ul.public-rating.star-3 {background-position:0 -36px}
							#right-col .product-info ul li ul.public-rating.star-4 {background-position:0 -48px}
							#right-col .product-info ul li ul.public-rating.star-5 {background-position:0 -60px}

						/* list of tags for currnetly viewed product */
						#tags-list p {
							margin: 1em 0 2em 0;
							}

						/* similarly tagged products list */
						#slide-wrapper {
							position: relative;
							display: none;
							float: left;
							width: 334px;
							/*min-height: 67px;*/
							margin: 0 0 35px;
							}
							#slide-wrapper a {
								color: #555555;
								text-decoration: none;
								}
							#slide-wrapper a:hover {
								color: #000000;
								text-decoration: none;
								}
							#right-col a.sliding-tab {
								position: absolute;
								display: block;
								right: 0;
								width: 34px;
								height: 67px;
								background: url('../img/close-tabs.png') no-repeat 0 0;
								}
							#right-col a.sliding-tab:hover {
								background: url('../img/close-tabs.png') no-repeat 0 -67px;
								}

							/* tagged alike list of products */
							#ul-hint-list {
								float: left;
								margin: 0 0 20px;
								}
								#ul-hint-list li {
									position: relative;
									display: block;
									width: 250px;
									padding: 6px 30px 8px 0;
									border-top: 1px solid #d0d0b9; 
									}
								#ul-hint-list li:first-child {
									border-top: none;
									}
									#ul-hint-list li a.a-hint-list {
										position: absolute;
										/*float: left;*/
										width: 20px;
										height: 20px;
										top: 50%;
										right: 0;
										margin-top: -10px;
										background: url('../img/sprite-actions.png') no-repeat 0 -500px;
										}
									#ul-hint-list li a.a-hint-list:hover {
										background: url('../img/sprite-actions.png') no-repeat 0 -520px;
										}

						/* user note */
						#right-col #user-note {
							width: 200px;
							height: 27px;
							margin: 0 auto 2em;
							background:  url('../img/title-twoja-ocena.png') no-repeat 0 0;
							}
							/* the default rating is placed as a background image in the ul */
							.rating {
								overflow: hidden;
								position: relative;
								clear: both;
								width: 80px;
								height: 16px;
								padding: 0;
								margin: 0 0 0 120px;
								top: 4px;
								background: url('../img/star-matrix.gif') no-repeat 0 0;
								}
							/* add these classes to the ul to effect the change to the correct number of stars */
							.star-0 {background-position:0 0}
							.star-1 {background-position:0 -16px}
							.star-2 {background-position:0 -32px}
							.star-3 {background-position:0 -48px}
							.star-4 {background-position:0 -64px}
							.star-5 {background-position:0 -80px}

								ul#ul-rating-star li {
									padding: 0;
									}

								ul.rating li {
									cursor: pointer;
									/*ie5 mac doemargin: 0 0 0.5em 0;
									padding: 0.5em 0 0 0;
									border-top: 1px dashed gray;sn't like it if the list is floated\*/
									float:left;
									/* end hide*/
									text-indent:-999em;
									}
									ul.rating li a {
										position:absolute;
										left:0;
										top:0;
										width:16px;
										height:16px;
										text-decoration:none;
										z-index: 200;
										}
									ul.rating li.one a {left:0}
									ul.rating li.two a {left:16px;}
									ul.rating li.three a {left:32px;}
									ul.rating li.four a {left:48px;}
									ul.rating li.five a {left:64px;}
									ul.rating li a:hover {
										z-index:2;
										width:80px;
										height:16px;
										overflow:hidden;
										left:0;
										background: url('../img/star-matrix.gif') no-repeat 0 0;
										}
									ul.rating li.one a:hover {background-position:0 -96px;}
									ul.rating li.two a:hover {background-position:0 -112px;}
									ul.rating li.three a:hover {background-position:0 -128px}
									ul.rating li.four a:hover {background-position:0 -144px}
									ul.rating li.five a:hover {background-position:0 -160px}

						/* title ribbon */
						#right-col .section h4 {
							position: relative;
							width: 315px;
							height: 60px;
							right: 4px;
							font-size: 0;
							text-indent: -10000px;
							}
					/* add opinion */
					#add-item-opinion {
						}
					#add-item-opinion h4 {
						background: url('../img/sprite-section-titles.gif') no-repeat;
						}
					#add-item-opinion #opinion-add-description-error {
						margin: 10px 0 20px 0;
						}
					#add-item-opinion #product-opinion-add-form {
						float: left;
						width: 278px;
						margin: 0 0 20px 0;
						}
					#add-item-opinion #textarea-add-opinion {
						width: 270px;
						height: 60px;
						padding: 3px;
						margin: 0 0 20px 0;
						font-size: 0.9em;
						border: 1px solid #cdcdbc;
						}
					/* other users opinions */
					#others-item-opinion h4 {
						background: url('../img/sprite-section-titles.gif') no-repeat 0 -60px;
						}
						#others-item-opinion ul {
							float: left;
							margin: 1em 0 2em;
							}
							#others-item-opinion ul li {
								float: left;
								clear: left;
								margin: 10px 0 0;
								padding: 8px 0 0;
								width: 280px;
								background: url('../img/vertical-dots.gif') repeat-x top;
								}
							#others-item-opinion li:first-child {
								margin: 0px;
								padding: 0px;
								background: none;	
								}
								#others-item-opinion ul li .text {
									float: left;
									width: 200px;
									margin: 0 0 0 15px;
									font-size: 0.9em;
									}
								#others-item-opinion ul li p {
									line-height: 1.8em;
									}
						/* show/hide list of other people opinions */
						#others-item-opinion a#unroll-opinions-list {
							visibility: hidden;
							}
						#others-item-opinion a#unroll-opinions-list.visible,
						#others-item-opinion a#roll-opinions-list.visible {
							visibility: visible;
							clear: both;
							float: right;
							height: 20px;
							padding: 0 20px 0 0;
							color: #000;
							text-decoration: none;
							}
						#others-item-opinion a#unroll-opinions-list.visible {
							background: url('../img/sprite-actions.png') no-repeat 100% -180px
							}
						#others-item-opinion a#unroll-opinions-list.visible:hover {
							text-decoration: underline;
							background: url('../img/sprite-actions.png') no-repeat 100% -240px
							}
						#others-item-opinion a#roll-opinions-list.visible {
							padding: 2px 20px 0 0;
							background: url('../img/sprite-actions.png') no-repeat 100% -300px
							}
						#others-item-opinion a#roll-opinions-list.visible:hover {
							text-decoration: underline;
							}

/* LISTS_LIST view **************************************/
#shopping-lists {
	}
	#shopping-lists h3 {
		position:relative;
		float:left;
		/*height:42px;*/
		left:-29px;
		margin: 0;
		padding: 13px 0 11px 26px;
		font-size: 1em;
		color: #57a0bf;
		background: url('../img/category-ribbon.png') no-repeat 0 0;
		}
	#shopping-lists .tabbed-menu {
		margin: 2em 0 -10px 0;
		}
#add-list-form {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 auto 2em;
	}
	#add-list-form .message-box {
		position: relative;
		top: -29px;
		}
	#add-list-form label {
		float: left;
		position: relative;
		top: 11px;
		*top: 9px;
		padding: 0 1em 0 0;
		}
	#input-add-list-name {
		position: relative;
		top: 2px;
		*top: 0;
		width: 340px;
		margin: 0 0.5em 0 0;
		font-size: 1.6em;
		}
		#add-list-form .privacy-choice {
			padding: 10px 0 0 100px;
			}
			#add-list-form .privacy-choice label {
				float: none;
				position: relative;
				top: -2px;
				text-transform: none;
				font-weight: normal;
				}
			#add-list-form .privacy-choice label.type-all,
			#add-list-form .privacy-choice label.type-friends,
			#add-list-form .privacy-choice label.type-me {
				padding: 3px 15px 1px 20px;
				}

			#add-list-form .privacy-choice label.type-friends {
					background: url('../img/sprite-actions.png') no-repeat 0 -880px;
					}
			#add-list-form .privacy-choice label.type-me {
					background:transparent url(../img/sprite-actions.png) no-repeat scroll 0 -780px;
					}
			#add-list-form .privacy-choice label.type-all {
					background:transparent url(../img/sprite-actions.png) no-repeat scroll 0 -800px;
					}
			

	.shopping-list {
		}
		.shopping-list li {
			position: relative;
			width:608px;
			margin: 0.7em 0 0;
			background: url('../img/dashed-bottom-bg.gif') no-repeat top right;
			}
		.shopping-list li:first-child {
			background: none;
			}
		.shopping-list li.expanded {
			}
			#shopping-list li div {
				margin: 0;
				}
				.shopping-list li.edit .form-actions {
					margin-right:18px;
					*margin-right:7px;
					}

	/* list name edition */
		form.list-title-edit-form input[type="text"] {
			position: relative;
			width: 449px;
			*width: 460px;
			font-size: 1.1em;
			font-weight: bold;
			top: -5px;
			color: #666;
			background: #fff;
			}
		.shopping-list .form-actions {
			margin-right:0;
			}

		/* list name & description */
		.shopping-list li .item-name {
			width: 450px;
			margin: 0 1em 0 0;
			}
		#all-shared-lists.shopping-list li .item-name,
		#friends-shared-lists.shopping-list li .item-name {
			width: 540px;
			}
			.shopping-list li .item-name a {
				float: left;
				width: 420px;
				}
			#list-of-lists.shopping-list li.li-details-list .item-name a {
				color: #888;
				}

			/* show differnt color for links on closed-list */
			.shopping-list li .item-name a,
			.shopping-list li .item-name span {
				color: #ccc;
				}

			.shopping-list li .item-name span {
				float: right;
				}
	/* list element remove */
	.shopping-list li.li-details-list:hover {
		/*width:648px;*/
		margin: 0.7em 0 0 -40px;
		padding: 0 0 0 40px;
		}
		.shopping-list li.li-details-list:hover .item-name {
			color: #000;
			}
		#list-of-lists.shopping-list li.li-details-list:hover .item-name a,
		.shopping-list li.li-details-list:hover .item-name a,
		.shopping-list li.li-details-list:hover .item-name span {
			color: #555;
			}
	.shopping-list li.li-details-list a.remove-item{
		display: none;
		}
	.shopping-list li.li-details-list:hover a.remove-item {
		display: block;
		position: absolute;
		left: -13px;
		top: -2px;
		height: 45px;
		width: 34px;
		font-size: 0;
		text-indent: -1000px;
		background: url('../img/close-tabs.png') no-repeat 0 -133px;
		}
	.shopping-list li.li-details-list:hover a.remove-item:hover {
		background: url('../img/close-tabs.png') no-repeat 0 -178px;
		}
	/* sublist  */
	.shopping-list li ul {
		/*display: none;*/
		}
	.shopping-list li.expanded ul {
		/*display: block;*/
		float: left;
		padding: 0.7em 0 0;
		font-size: 0.7em;
		}
		.shopping-list li.expanded ul li {
			width: 553px;
			background: none;
			margin: 0.3em 0 0;
			padding: 0.3em 2em;
			}
		.shopping-list li.expanded ul li.odd {
				background:#F8F8F8;
				}
			#all-shared-lists.shopping-list li.expanded ul li .item-name,
			#friends-shared-lists.shopping-list li.expanded ul li .item-name,
			.shopping-list li.expanded ul li .item-name {
				width: 440px;
				}
			.shopping-list li.expanded ul li .item-name.bought-product {
				color: #bbb;
				}
				/*  */
				.form-difference {
					float: left;
					display: block;
					width: 600px;
					padding: 10px;
					background: #f8f8f8;
					}
					.form-difference label {
						float: left;
						margin: 3px;
						width: auto !important;
						font-weight: normal;
						text-transform: none;
						}
					.form-difference select {
						float: right;
						width: 200px;
						}

	/* LISTS_LIST right column *********/

	/* paper bill - basic structure*/
	.paper-wrapper {
		width: 320px;
		height: auto;
		}
		.paper-wrapper .bill-top {
			position: relative;
			padding: 15px 15px 20px;
			right: -2px;
			background: url('../img/bill-bg.png') no-repeat 0 0;
			}
			.paper-wrapper .bill-top .bill-content {
				max-height: 1050px;
				padding: 15px 0 0 0;
				margin: 5px 0 0 0;
				width: 290px;
				background: #fff;
				}
				.paper-wrapper .bill-top .bill-content select.select-list {
					width: 290px;
					margin: 11px 0 10px 0;
					padding: 0;
					background: #fff;
					}
		.paper-wrapper .bill-bottom {
			position: relative;
			width: 320px;
			height: 20px;
			right: -2px;
			background: url('../img/bill-bg.png') no-repeat 0 100%;
			}
				/* bill content */
				.paper-wrapper .bill-content h2 {
					padding: 0 0 3px 0;
					margin: 0 0 0.9em;
					font-size: 1.45em;
					border-bottom: 2px solid #000;
					font-family:Georgia,"Times New Roman",Times,serif;
					}
				.paper-wrapper .bill-content a:hover {
					color: #000000;
					text-decoration: none;
					}
				.paper-wrapper .bill-content span {
					font-weight: bold;
					font-size: 1.2em;
					line-height: 1.8;
					}
				.paper-wrapper .bill-content ul {
					margin: 0.5em 0 1.5em;
					}
					.paper-wrapper .bill-content ul li:first-child {
						border-top: none;
						}
					.paper-wrapper .bill-content ul li {
						position: relative;
						padding: 0.3em 25px 0.3em 0;
						margin: 0.2em 0;
						border-top: 1px solid #ececec;
						}
					.paper-wrapper .bill-content ul li a {
						color: #555555;
						text-decoration: none;
						}

		/* CATALOG VIEW ******************************************/
		/* structure */
		#catalog-page.three-column {
			background: url('../img/three-col-paper-back.png') repeat-y;
			}
			#catalog-page.three-column .catalog-top-bg {
				position: relative;
				top: -58px;
				width: 961px;
				height: 58px;
				background: url('../img/three-col-top-bg.jpg') no-repeat 0 0;
				z-index: 1;
				}
			#catalog-page.three-column .yui-u {
				margin: 0;
				}
			#catalog-page #left-col {
				width: 315px;
				}
			#catalog-page #middle-col {
				width: 316px;
				}
			#catalog-page #right-col {
				width: 329px;
				}
		 /* add new catalog/subcatalog/product links */
		 a.add-new {
			float: left;
			clear: left;
			height:20px;
			padding: 3px 0 0 25px;
			margin: 10px 0 20px;
			background: url('../img/sprite-actions.png') no-repeat 0 -360px;
			color: #000;
			text-decoration: none;
			}
		a.add-new:hover {
			background: url('../img/sprite-actions.png') no-repeat 0 -420px;
			}
		a.add-new.second {
			margin: -10px 0 30px;
			*margin: -10px 0 20px;
			}
		/* catalog/subcatalog/product addition - basic structure */
		.add-item {
			float: left;
			position: relative;
			left: -29px;
			width: 310px;
			height: auto;
			margin: 0 0 20px 0;
			}
			.add-item .item-top {
				float: left;
				width: 310px;
				min-height: 50px;
				padding: 20px 20px 0 20px;
				background: url('../img/add-item-bg.png') no-repeat 0 0;
				}
				.add-item .item-top .item-content {
					float: left;
					width: 260px;
					}
			.add-item .item-bottom {
				float: left;
				height: 20px;
				width: 310px;
				background: url('../img/add-item-bg.png') no-repeat 0 100%;
				}
			/* specific for middle column */
			#catalog-page #middle-col .add-item {
				left: -23px;
				}
			/* specific content - standard options devaluate */
			#catalog-page .add-item {
				font-size: 1em;
				}
			#catalog-page .add-item h4 {
				margin: 0 0 1em 0;
				text-transform: uppercase;
				}
			#catalog-page .add-item label {
				clear: both;
				width: 100%;
				padding: 0 0 3px 0;
				}
			#catalog-page .add-item input[type="text"],
			#catalog-page .add-item textarea,
			#catalog-page .add-item select {
				clear: both;
				width: 252px;
				margin-bottom: 5px;
				font-size: 1.1em;
				}
			#catalog-page .add-item input[type="file"]{
				width: 250px;
				}
			#catalog-page .add-item textarea {
				width: 252px;
				padding: 3px;
				border: 1px dashed #777;
				background: none;
				}
			#catalog-page .add-item select {
				width: 262px;
				background: #fff;
				padding: 0;
				}
			#catalog-page .form-actions {
				font-size: 1.1em;
				}
			#catalog-page .form-actions a {
				float: left;
				padding: 0 0 0 22px;
				margin: 0 1.5em 0 0;
				color: #000;
				text-decoration: none;
				}
			#catalog-page .form-actions input[type="button"] {
				/*margin: -2px 0 0 0;*/
				margin: 0;
				}

		/* select - add currnetly viewed product to list */
		#catalog-page .catalog-select-list {
			width: 290px;
			margin: 5px 0 0;
			background: #fff;
			}
		#catalog-page #sel-user-lists {
			width: 280px;
			margin: 11px 0 0 0;
			padding: 0;
			background: #fff;
			}
		#catalog-page ul {
			}
			#catalog-page ul li {
				clear: left;
				float: left;
				}
				/* left column content */
				/* list elemedetails-name-list-componentnt highlight - basic structure */
				#catalog-page #left-col ul li a {
					color: #666;
					text-decoration: none;
					}
				#catalog-page #left-col ul li { 
					width: 280px;
					padding: 0 0 12px;
					}
				#catalog-page #left-col ul li.highlight {
					float: left;
					position: relative;
					left: -28px;
					width: 330px;
					height: auto;
					}
					#catalog-page #left-col ul li.highlight .item-top {
						float: left;
						width: 340px;
						min-height: 20px;
						padding: 20px 15px 10px 15px;
						background: url('../img/left-highlight.png') no-repeat 0 0;
						}
						#catalog-page #left-col ul li.highlight .item-top .item-content {
							float: left;
							width: 310px;
							}
					#catalog-page #left-col ul li.highlight .item-bottom {
						float: left;
						height: 20px;
						width: 330px;
						background: url('../img/left-highlight.png') no-repeat 0 100%;
						}
						/* links - first level */

						#catalog-page #left-col ul li a:hover {
							color: #000;
							}
						#catalog-page #left-col ul li a.category {
							float: left;
							width: 272px;
							padding: 0 0 5px 20px;
							background: url('../img/sprite-actions.png') no-repeat 0 -180px;
							}
						#catalog-page #left-col ul li a.category:hover {
							background: url('../img/sprite-actions.png') no-repeat 0 -240px;
							}
						#catalog-page #left-col ul li.active a.category,
						#catalog-page #left-col ul li.highlight ul li a.subcategory.current {
							color: #000;
							font-weight: bold;
							background: url('../img/sprite-actions.png') no-repeat 0 -300px;
							}

						/* subcategory */
						#catalog-page #left-col ul li ul {
							display: none;
							}
						#catalog-page #left-col ul li.highlight ul {
							display: block;
							float: left;
							margin: 10px 0;
							}
							#catalog-page #left-col ul li ul li {
								/*padding: 0 0 12px;*/
								}
								#catalog-page #left-col ul li ul li a.subcategory {
									float: left;
									width: 270px;
									padding: 1px 0 2px 0;
									margin: 0 0 0 30px;
									background: none;
									}
								/* make sure that subcategory links have no BG */
								#catalog-page #left-col ul li.highlight ul li a.subcategory,
								#catalog-page #left-col ul li.highlight ul li a.subcategory.current {
									background: none;
									}

				/* middle column content */
				#catalog-page #middle-col ul li a {
					color: #666;
					text-decoration: none;
					}
				#catalog-page #middle-col ul li {
					position: relative;
					width: 290px;
					padding: 10px 0;
					}
				#catalog-page #middle-col ul li.highlight {
					float: left;
					position: relative;
					left: -23px;
					width: 326px;
					height: auto;
					padding:0;
					}
					#catalog-page #middle-col ul li.highlight .item-top {
						float: left;
						width: 286px;
						min-height: 20px;
						padding: 20px 20px 20px 25px;
						background: url('../img/middle-highlight.png') no-repeat 0 0;
						}
						#catalog-page #middle-col ul li.highlight .item-top .item-content {
							position: relative;
							float: left;
							width: 286px;
							padding: 0;
							}
					#catalog-page #middle-col ul li.highlight .item-bottom {
						float: left;
						height: 22px;
						width: 326px;
						background: url('../img/middle-highlight.png') no-repeat 0 100%;
						}

							/* links */
							#catalog-page #middle-col ul li a:hover,
							#catalog-page #middle-col ul li.highlight a {
								color: #000;
								}
							#catalog-page #middle-col ul li.highlight a {
								font-weight: bold;
								}
							#catalog-page a.product-details,
							#catalog-page h3#details-name-list-component {
								float: left;
								width: 250px;
								margin: 0;
								}

				/* middle column content */
				#catalog-page #component-name {
					position: relative;
					float: left;
					width: 280px;
					margin: 0 0 20px 0;
					}
					#span-add-product-to-list-from-details {
						display: none;
						}
					#catalog-page select {
								width: 290px;
								}
			/* edt-privilege */
			/* category */
			#catalog-page.edt-privilege #left-col ul li,
			#catalog-page.edt-privilege #left-col ul li.highlight .item-top .item-content { 
				width: 310px;
				}
				#catalog-page.edt-privilege #left-col ul li a.category,
				#catalog-page.edt-privilege #left-col ul li.highlight a.category{
					width: 212px;
					padding: 0 10px 5px 20px;
					}
			/* subcategory */
			#catalog-page.edt-privilege #left-col ul li ul li a.subcategory {
				float: left;
				width: 212px;
				padding: 1px 10px 2px 0;
				}
			/* product */
				#catalog-page.edt-privilege #middle-col ul li {
					width: 300px;
					}
				#catalog-page.edt-privilege #middle-col ul li a.product-details {
					float: left;
					width: 230px;
					padding: 0 10px 0 0;
					}

			/* action links for category/subcategory/product - delete/edit */
			#catalog-page ul li a.this-edit, 
			#catalog-page ul li a.this-remove {
					visibility: hidden;
					}
			#catalog-page.edt-privilege ul li a.this-edit, 
			#catalog-page.edt-privilege ul li a.this-remove {
					visibility: visible;
					position: relative;
					float: left;
					width: 30px;
					height: 20px;
					top: -2px;
					font-size: 0;
					text-indent: -10000px;
					}
				/* normal state */
				#catalog-page.edt-privilege ul li a.this-remove {
					background: url('../img/sprite-actions.png') no-repeat 0 0;
					}
				#catalog-page.edt-privilege ul li a.this-edit {
					background: url('../img/sprite-actions.png') no-repeat 0 -40px;
					}
				#catalog-page.edt-privilege ul li a.this-remove:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -20px;
					}
				#catalog-page.edt-privilege ul li a.this-edit:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -60px;
					}
				/* when parent has an highlight class */
				#catalog-page.edt-privilege ul li.highlight a.this-remove {
					background: url('../img/sprite-actions.png') no-repeat 0 -20px;
					}
				#catalog-page.edt-privilege ul li.highlight a.this-edit {
					background: url('../img/sprite-actions.png') no-repeat 0 -60px;
					}
				/* for subcategory act a little different */
				#catalog-page.edt-privilege #left-col ul li.highlight ul li a.this-remove {
					background: url('../img/sprite-actions.png') no-repeat 0 0;
					}
				#catalog-page.edt-privilege #left-col ul li.highlight ul li a.this-edit {
					background: url('../img/sprite-actions.png') no-repeat 0 -40px;
					}
				#catalog-page.edt-privilege #left-col ul li.highlight ul li a.this-remove:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -20px;
					}
				#catalog-page.edt-privilege #left-col ul li.highlight ul li a.this-edit:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -60px;
					}

/* ACCOUNT EDITION ******************************************/
		#user-edit {
			}
			/* wide section basic properties */
			.wide-section {
				width: 800px;
				height: auto;
				padding: 20px;
				margin: 0 auto;
				}
				.wide-section .top {
					float: left;
					position: relative;
					padding: 15px 15px 0;
					background: url('../img/wide-section-bg.jpg') no-repeat 0 0;
					z-index: 10;
					}
					.wide-section .top .content {
						position: relative;
						float: left;	
						padding: 10px 0 0 0;
						margin: 5px 0 0 0;
						width: 770px;
						}
				.wide-section .bottom {
					float: left;
					position: relative;
					width: 800px;
					height: 67px;
					margin-bottom: 50px;
					background: url('../img/wide-section-bg.jpg') no-repeat 0 100%;
					z-index: 9;
					}
			/* two column structure */
			#user-edit .yui-u.first {
				border-right: 1px dashed #c9c9c9;
				}
				/* take care of two forms in wide-section */
				#user-edit form {
					float: left;
					width: 300px;
					padding: 0 40px;
					}
					#user-edit form h3 {
						margin: 1em 0;
						}
					/* inside forms */
					#user-edit form .row {
						width: 100%;
						margin: 0 0 0.5em 0;
						}
					#user-edit form label {
						float: left;
						width: 100px;
						font-weight: normal;
						text-transform: none;
						}
					#user-edit form input[type="text"], 
					#user-edit form input[type="password"],
					#user-edit form input[type="file"] {
						float: left;
						width: 182px;
						}
					 #user-edit form select {
						width: 190px;
						padding: 1px;
						}
				/* edit form buttons */
				#user-edit .form-actions input[type="submit"] {
					float: right;
					margin-right: 5px;
					*margin-right: 7px;
					}
				/* remova account link */
				.wide-section a.remove-account {
					position: absolute;
					bottom: 30px;
					right: 5px;
					*right: 0;
					padding: 3px 0 3px 20px;
					margin: 0 20px 0 0;
					font-size: 0.85em;
					text-decoration: none;
					color: #555;
					background: url('../img/sprite-actions.png') no-repeat;
					z-index: 10000;
					}
				.wide-section a.remove-account:hover {
					background: url('../img/sprite-actions.png') no-repeat 0 -20px;
					}
		#user-edit form .message-box {
				padding: 0;
				margin: 0;
				font-size: 1em;
				font-weight: normal;
				text-align: left;
				}
				#user-edit form .message-box p {
					display: block;
					padding: 0;
					margin: 0 0 0 105px;
					color: #B50B05;
					}

/* HOMEPAGE ******************************************/
		#bd #homepge {
			}
			#bd #homepge h4 {
				float: left;
				clear: both;
				width: 100%;
				}
		/* left column */
		#bd #homepage #left-col {
			}
			#bd #homepage #left-col p.intro{
				min-height: 130px;
				padding: 0 0 50px 150px;
				background: url('../img/basket.jpg') no-repeat 0 0;
				}

		/* right column */
		#bd #homepage #right-col {
			}
			#bd #homepage #right-col .account-box {
				position: relative;
				float: right;
				top: -246px;
				width: 295px;
				height: auto;
				right: -17px;
				margin-bottom: -226px;
				background: url('../img/login-stripe.png') no-repeat 0 0;
				}
				#bd #homepage #right-col .account-box .box-content {
					position: relative;
					float: left;
					padding: 30px 20px 15px;
					}
				#bd #homepage #right-col .account-box .account-box-end {
					float: left;
					width: 295px;
					height: 20px;
					background: url('../img/login-stripe.png') no-repeat 0 100%;
					}
				/* create account badge */
				#bd #homepage #right-col a#create-account {
					float: right;
					width: 172px;
					height: 172px;
					margin: 0 42px 20px 0;
					font-size: 0;
					text-indent: -10000px;
					background: url('../img/create-account.png') no-repeat 0 0;
					}
				#bd #homepage #right-col a#create-account:hover {
					background: url('../img/create-account.png') no-repeat 0 -172px;
					}
				/* paperclip */
				#bd #homepage #right-col .box-content span.paperclip {
					position: absolute;
					top: 134px;
					right: -8px;
					float: right;
					width: 37px;
					height: 57px;
					background: url('../img/paperclip.png') no-repeat 0 0;
					}
				/* user login form */
				#user-login-form, 
				#forgot-pin-form,
				#reset-pin-form {
					padding: 10px 0;
					font-size: 0.9em;
					}
					#user-login-form label,
					#forgot-pin-form label,
					#reset-pin-form label {
						width: 50px;
						padding: 3px 20px 0 0;
						text-align: right;
						}
					#user-login-form input[type="text"],
					#user-login-form input[type="password"],
					#forgot-pin-form input[type="text"],
					#forgot-pin-form input[type="password"],
					#reset-pin-form input[type="text"],
					#reset-pin-form input[type="password"] {
						width: 170px;
						font-size: 1.1em;
						}
					#user-login-form input[type="submit"],
					#forgot-pin-form input[type="submit"], 
					#reset-pin-form input[type="submit"] {
						margin: 2px 7px 0 0;
						font-size: 1.1em;
						}
					#user-login-form a,
					#forgot-pin-form a,
					#reset-pin-form a {
						color: #000;
						padding-right: 5px;
						font-size: 1.1em;
						}
				/*#forgot-pin-form {
					}
					#forgot-pin-form a {
						color: #000;
						padding-right: 5px;
						font-size: 1em;
						}
					#forgot-pin-form .row p {
						font-size: 0.85em;
						}

				#reset-pin-form {
					}*/

/* SUGGESTION PAGE ***********************************/
#suggestion-page {
	}
	#suggestion-page {
		}
		#suggestion-page h3 {
			float: left;
			clear:both;
			width: 100%;
			margin: 5px 0 10px 0;
			}	
			/* Category and subcategory suggestions list */
			#suggestion-page ul.cat-subcat-list {
				float: left;
				clear: left;
				margin: 5px 0 0 0;
				}
				#suggestion-page ul.cat-subcat-list li {
					float: left;
					clear: left;
					padding: 2px 0 2px 15px;
					}
					#suggestion-page ul.cat-subcat-list li a {
						color: #666;
						text-decoration: none;
						}
					#suggestion-page ul.cat-subcat-list li a:hover {
						color: #333;
						}
			/* Product suggestions list */
			#suggestion-page ul.hint-product-list {
				float: left;
				margin: 0;
				}
				#suggestion-page ul.hint-product-list li {
					position: relative;
					float: left;
					clear: left;
					padding: 6px 0 8px;
					width: 630px;
					background: url('../img/vertical-dots.gif') repeat-x; 
					}
				#suggestion-page ul.hint-product-list li:first-child {
					background: none;
					}
					#suggestion-page ul.hint-product-list li p {
						width: 430px;	
						}
				#suggestion-page ul.hint-product-list li select.select-list {
					display: none;
					position: absolute;
					width: 180px;
					height: 22px;
					top: 50%;
					right: 0;
					padding: 1px;
					margin-top: -10px;
					}

/* FRIENDS PAGE ************************************/
#friends-page.two-column {
	background: url('../img/two-col-paper-back.png') repeat-y;
	}
	#friends-page #left-col {
		}
	#friends-page #right-col {
		width: 329px;
		min-height: 60px;
		background: url('../img/right-col-top.png') no-repeat 0 0;
		}

	#friends-page ul.avatars-list {
		font-size: 0.9em;
		position: relative;
		float: left;
		width: 100%;
		}
		ul.avatars-list li {
			float: left;
			width: 92px;
			text-align: center;
			margin: 15px 25px 15px 0;
			}

	#friends-page .friends-type {
		position:relative;
		float:left;
		left:-29px;
		padding: 13px 0 11px 26px;
		font-size: 1em;
		font-weight: bold;
		color: #57a0bf;
		background: url('../img/category-ribbon.png') no-repeat 0 0;
		}

	#friends-page h2 {
		border-bottom:2px solid #000000;
		font-size:1.45em;
		margin:30px 0 18px 0;
		font-family:Georgia,"Times New Roman",Times,serif;
		}

	#friends-page h3 {
		font-size: 1.2em;
		}

	#friends-page .others-item-info {
		padding: 110px 0 0 0;
		}
		#friends-page .others-item-info ul {
			float: left;
			margin: 1em 0 2em 0;
			}
			#friends-page .others-item-info ul li {
				float: left;
				clear: left;
				margin: 10px 0 0;
				padding: 8px 0 0;
				width: 290px;
				font-size: 0.9em;
				background: url('../img/vertical-dots.gif') repeat-x top;
				}
			#friends-page .others-item-info li:first-child {
				margin: 0;
				padding: 0;
				background: none;	
				}
				#friends-page .others-item-info ul li .text {
					float: left;
					width: 210px;
					margin: 0 0 0 10px;
					}
				#friends-page .others-item-info li p {
					font-size: 13px;
					margin-bottom: 5px;
					}
				#friends-page .others-item-info ul li a.this-shared	{
					padding: 0 0 0 25px;
					background: url('../img/sprite-actions.png') no-repeat 0 -904px;
					}
					#friends-page .others-item-info ul li .time {
						font-size: 0.9em;
						margin-bottom: 3px;
						}

.public-rating-star {
	width: 60px;
	height: 12px;
	float:left;
	text-indent:-999em;
	background: url('../img/star-matrix-small.png') no-repeat 0 0;
	}
.public-rating-star-1 {
	background-position:0 -12px
	}
.public-rating-star-2 {
	background-position:0 -24px
	}
.public-rating-star-3 {
	background-position:0 -36px
	}
.public-rating-star-4 {
	background-position:0 -48px
	}
.public-rating-star-5 {
	background-position:0 -60px
	}

#location {
	padding: 15px 0 0 0;
	}
	#location label {
		position: relative;
		float: none;
		top: -2px;
		margin: 0 10px 0 3px;
		font-weight: normal;
		text-transform: none;
		}

#search-friend-form {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 auto 2em;
	}
	#search-friend-form label {
		float: left;
		position: relative;
		top: 11px;
		padding: 0 1em 0 0;
		}
	#input-search-friend {
		position: relative;
		top: 2px;
		width: 350px;
		margin: 0 0.5em 0 0;
		font-size: 1.6em;
		}

/* MESSAGES PAGE ************************************/
#messages-page.two-column {
	background: url('../img/two-col-paper-back.png') repeat-y;
	}
	#messages-page #left-col {
		}
	#messages-page #right-col {
		width: 329px;
		min-height: 60px;
		background: url('../img/right-col-top.png') no-repeat 0 0;
		}

	#messages-page .tabbed-menu {
		width: 600px;
		}

	#messages-page .section-wrapper {
		width: 650px;
		}
		#messages-page .section-wrapper .wrapper-content {
			position: relative;
			float: left;
			padding: 25px 0 15px 30px;
			width: 620px;
			background: url('../img/list-ribbon.png') no-repeat 0 0;
			}

	#messages-page .messages-type {
		position:relative;
		float:left;
		left:-29px;
		padding: 13px 0 11px 26px;
		font-size: 1em;
		font-weight: bold;
		color: #57a0bf;
		background: url('../img/category-ribbon.png') no-repeat 0 0;
		}

	ul.messages-list {
		position: relative;
		float: left;
		width: 600px;
		margin-top: 10px;
		margin-bottom: 5px;
		}
		ul.messages-list li {
			float: left;
			width: 600px;
			text-align: center;
			padding: 10px 0 10px 0;
			background: url('../img/dashed-bottom-bg.gif') no-repeat top right;
			}
		ul.messages-list li:first-child {
			background: none;
			}
			ul.messages-list li.no-location {
				font-size: 0.9em;
				width: 590px;
				text-align: left;
				padding: 6px 6px 10px 0;
				}
				ul.messages-list li p {
					margin-bottom: 3px;
					}
			ul.messages-list li.public-list {
				font-size: 13px;
				text-align: left;
				}
				ul.messages-list li.public-list p {
					padding-top: 6px;
					}
					ul.messages-list li.public-list p a.author {
						padding-right:6px;
						}

	#messages-page #location {
		padding: 10px 0 0 0;
		width: 600px;
		}

	#messages-page .text,
	#homepage .text {
		float: left;
		margin: 0 0 0 20px;
		font-size: 0.9em;
		text-align: left;
		}

	#messages-page .text {
		width: 400px;
		}

	#homepage .text {
		width: 500px;
		}

	#messages-page .hints-list {
		margin-top:-25px;
		}
		#messages-page .hints-list a {
			text-decoration: none;
			color: #555555;
			}
		#messages-page .hints-list a:hover {
			text-decoration: none;
			color: #000000;
			}
		#messages-page .hints-list h2 {
			border-bottom:2px solid #000000;
			font-size:1.45em;
			margin:30px 0 18px 0;
			font-family:Georgia,"Times New Roman",Times,serif;
			}
			#messages-page .hints-list ul {
				float: left;
				margin: 1em 0 2em 0;
				}
				#messages-page .hints-list ul li {
					float: left;
					clear: left;
					padding: 0.3em 25px 0.3em 0;
					margin: 0.2em 0;
					width: 280px;
					position: relative;
					background: url('../img/vertical-dots.gif') repeat-x top;
					}
				#messages-page .hints-list li:first-child {
					background: none;	
					}
				#messages-page .hints-list ul li.title {
					font-weight: bold;
					}
				#messages-page .hints-list select.select-list {
					width: 300px;
					margin: 11px 0 10px 0;
					padding: 0;
					background: #fff;
					}

#add-message-form {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 auto 3em;
	}
	#add-message-form label {
		float: left;
		position: relative;
		top: 35px;
		padding: 0 1em 0 0;
		}
	#textarea-add-message {
		overflow: auto;
		position: relative;
		top: 7px;
		width: 400px;
		margin: 0 0.5em 0 0;
		font-size: 1.6em;
		}
	#submit-add-message {
		position: relative;
		margin: 20px 0 0 0;
		}

/* zaproszenia do znajomosci, ktore oczekuja przyjecia, badz odrzucenia */
#waiting-invitations {
	float: left;
	}
	#waiting-invitations li {
		margin: 90px 0 0;
		padding: 10px 0 0;
		background: url('../img/vertical-dots.gif') repeat-x top;
		}
	#waiting-invitations li:first-child {
		margin: 0;
		padding: 10px 0 0;
		background: none;	
		}
		#waiting-invitations li .text {
			font-size: 0.85em;
			float: left;
			width: 400px;
			margin: 10px 0 0 10px;
			}
			#waiting-invitations li .links {
				position: relative;
				float: left;
				clear: left;
				width: 587px;
				margin: -17px 0 0 0;
				}
				#waiting-invitations li .links a {
					float: right;
					margin: 0 0 0 15px;
					line-height: 1.35;
					}