actions/* ========================================================================= */
/* screen.css - media: screen */
/* ========================================================================= */


/* ========================================================================= */
/* 	GENERIC STYLES */
/* ========================================================================= */
html {
	margin: 0; padding: 0; 
}
body {
	text-align: left; font: normal 70% Tahoma, Verdana, Helvetica, sans-serif; /* ~11px */
	margin: 0; padding: 0; 
}
/* Clearing Floats Without Structural Markup - ala http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	display: block; clear: both; visibility: hidden;
	height: 0; 
	content: "."; 
}
/* Aural class - Hide the text from the screen without using display:none */
.aural {
   position: absolute; top: -9999px;
   font-size: 0;
}
/* Fahrner Image Replacement technique - ala http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace {
	position:relative;
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow: hidden;
  /* */
	margin:0; padding:0;
}
.replace span {
	display:block; position:absolute; top:0; left:0; z-index: 1;
}
/* Last elements are without borders */
.last {
	border: 0 !important;
}

/* ============================================================================ */
/* ROOTS */
/* ============================================================================ */
p { 
	color: #666;
	line-height: 1.3em;
	margin: 1em 0;
}
body#home h1,
a#skip2home { 
	position: absolute; top: 0; left: -95px;
	background: transparent url(../images/logo-trans.png) no-repeat 0 0;
	width: 346px; height: 123px;
	font-size: 2em;
	cursor: pointer;
}
h2 { 
	clear: both;
}
h3 { }
h4 { }
h5 { }

/* lists ----------------------------------------------------------------- */
ul { 
	list-style-type: none; list-style-position: outside; 
	margin: 0;
}
ol { 
	line-height: 1.4em; 
	list-style-position: inside; 
	margin: 0 0 0 .3em;
}
ul li,
ol li {
	line-height: 1.4em; 
}


/* tables ----------------------------------------------------------------- */
table { }
table th { }
table td { }
caption { 
	display: none; 
}

/* links ----------------------------------------------------------------- */
a {
	text-decoration: underline; 
	color: #588e03;
}
a:hover, 
a:active, 
a:focus {
	text-decoration: none;
}
a[href^="http://"] { }

/* forms ----------------------------------------------------------------- */
form { }
form div.row { 
	clear: both;
	padding: 6px 0;
}
fieldset { 
	border: 0;
}
legend { }
label { }
label.checkbox,
label.radio { }
strong img,
label img {
	display: inline;
	padding: 0 2px;
}
input { }
input.text { }
input.radio,
input.checkbox,
input.submit,
input.image {
	width: auto;
}
select.error,
input.error {
	background-color: #FEEAE9;
}
select { }
textarea { }

/* others ----------------------------------------------------------------- */
img { 
	display: block; 
}
a img { 
	border: 0; 
}
abbr { }
hr { 
	display: none; 
}
strong {
	font-weight: bold;
}
em { 
	font-style: italic; 
}

/* ========================================================================= */
/* LAYOUT */
/* ========================================================================= */

/* top */
#top {
	background: #609210 url(../images/top.gif) repeat-y 50% 0; border-bottom: 1px solid #C2ED64;
}
#top .hold {
	position: relative;
	width: 994px;
	margin: 0 auto; padding: 3px 0 5px 0;
}
#top a {
	color: #fff;
}
#top ul {
	float: right;
}
#top ul li {
	float: left;
	border-right: 1px solid #fff;
	line-height: 1em;
	padding: 1px 5px;
}
#top ul li.last a {
	color: #dfff9a;
}
/* head */
#head {
	background: #9CCE2E url(../images/head.gif) repeat-y 50% 0; border-bottom: 1px solid #FEEBA3;
}
#head .hold {
	width: 994px;
	background: transparent url(../images/head-hold.gif) repeat-x 0 0;
	margin: 0 auto;
}
/* search */
.search {
	float: right;
	width: 450px;
	background: transparent url(../images/search.gif) no-repeat 0 0;
	padding: 2px 0 0 110px;
}
.search label {
	color: #fff !important;
	font-weight: bold; font-size: 1.1em;
}
.search input.text {
	width: 235px;
	border: none;
	padding: 2px;	margin: 1px 10px 0 5px; 
}
.search a {
	display: block;
	color: #3e6300;
	margin: 0 0 0 6px;
}
.search .col {
	float: left;
}

/* nav-main */
#nav-main {
	clear: both;
	padding: 7px 0 0 0;
}
#nav-main ul {
	float: right;
	/*width: 460px;*/
	position: relative;
	margin-bottom: -1px;
}
#nav-main ul li {
	float: left;
	margin: 0 1px 0 0;
}
#nav-main strong {
	display: block;
	color: #97110e; background: #ffcb01 url(../images/btn-1.gif) no-repeat 50% 0;
	font-size: 1.1em;
	padding: 17px 8px 5px 8px; 
}
#nav-main a {
	display: block;
	color: #fff;
	font-size: 1.1em; font-weight: bold;
	
}
#nav-main a span {
	display: block;
	padding: 17px 8px 5px 8px;
}
#nav-main a:hover,
#nav-main a:active, 
#nav-main a:focus {
	color: #fff; background: #a5d53b url(../images/btn-2.gif) no-repeat 50% 0; 
	/*border-bottom: 1px solid #ffcb01;*/
}
#nav-main a:hover span,
#nav-main a:active span, 
#nav-main a:focus span {
	background: transparent url(../images/bar-yellow.gif) repeat-x 0 100%; 
}

/* container */
#container {
	background: #FFF url(../images/container.jpg) repeat-x 0 0; border-top: 4px solid #FFCB01;
}
#container-hold {
  background: transparent url(../images/container-hold.gif) no-repeat 50% 0;
	padding: 8px 0 0 0;
}
#container .hold {
	width: 994px;
	background-color: #fff;
	margin: 0 auto 0 auto; padding: 14px 12px;
}
a img#main-image {
	display: inline;
}
#content {
	padding: 0; /* padding: 20px 0 0 0; */
	font-size: 1.1em;
}
#column-first {
	float: left;
	width: 205px;
}
#column-second {
	float: right;
	width: 776px;
	margin-left: 10px;
}

/* filter */
#filter {
	background: transparent url(../images/filter.gif?v2.0) repeat 0 0;
	padding: 10px 50px 10px 50px; margin: 2px 0 0 0px;
}
#filter select {
	width: 120px;
}
#filter label {
	color: #97110e;
	font-weight: bold;
	padding: 0 5px;
}
#filter input.submit {
	margin: 0 0 0 10px;
}

/* nav-side */
#nav-side {
	background: transparent url(../images/navside.gif) repeat-y 0 0;
	margin-bottom: 10px;
}
#nav-side .wrap1 {
	background: transparent url(../images/navside-top.gif) no-repeat 0 0;
}
#nav-side .wrap2 {
	background: transparent url(../images/navside-bottom.gif) no-repeat 0 100%;
	padding: 13px;
}
#nav-side h2 {
	color: #ce0a07;
	font-size: 1.3em;
	background: transparent url(../images/navside-h2.gif) no-repeat 0 0;
	padding: 6px 0 0 8px; margin: 0 0 5px 0;
}
#nav-side ul {
	float: left;
	background: transparent url(../images/navside-ul.gif) repeat-x 0 0;
	padding: 5px 8px;
}
#nav-side ul ul {
	float: none;
	background: none;
	padding: 0 0 0 3px;
}
#nav-side li {
	padding: 2px 0;
}
#nav-side li a, #nav-side li span {
	color: #824305;
	font-weight: bold; font-size: 1.1em;
	background: transparent url(../images/navside-normal.gif) no-repeat 0 50%;
	padding: 0 0 0 18px;
}
#nav-side li span {
	color: #ce0a07;
	font-weight: bold; font-size: 1.1em;
	background: transparent url(../images/navside-current.gif) no-repeat 0 50%;
	padding: 0 0 0 18px;
}
#nav-side li.current a {
	color: #ce0a07;
	background: transparent url(../images/navside-current.gif) no-repeat 0 50%;
}
#nav-side li li {
	padding-left: 15px;
}
#nav-side li li a {
	color: #824305 !important;
	background: transparent url(../images/navside-inside.gif) no-repeat 0 50% !important;
	padding: 0 0 0 14px;
}

/* newsletter */
.newsletter-box {
	background: transparent url(../images/newsletter.gif) repeat-y 0 0;
	margin: 7px 0 10px 0;
}
.newsletter-box .wrap1 {
	background: transparent url(../images/newsletter-top.gif) no-repeat 0 0;
}
.newsletter-box .wrap2 {
	background: transparent url(../images/newsletter-bottom.gif) no-repeat 0 100%;
	padding: 13px;
}
.newsletter-box h2 {
	color: #467201;
	font-size: 1.3em;
}
.newsletter-box p {
	margin: .7em 0 0 0;
}
.newsletter-box label {
	display: block;
	margin: .7em 0 0 0;
}
#newsletter-submitbox {
	padding: 3px 0 0 0;
}
.newsletter-box label.checkbox {
	float: left;
	width: 70px;
	margin: 6px 0 0 3px;
}
.newsletter-box input.checkbox {
	float: left;
	margin: 6px 0 0 0;
}
.newsletter-box input.submit {
	float: right;
}
.newsletter-box input.text {
	width: 172px;
	border: 1px solid #b7db5d;
}

/* products */
ul#products {
	float: left;
	background: transparent url(../images/dots-lightgray.gif) repeat-x 0 0;
	padding: 10px 0 0 0; margin: 5px 0 0 0;
}
ul#products li {
	background: transparent url(../images/dots-navyblue.gif) repeat-x 0 100%;
	padding: 12px 0 12px 0;
}
ul#products li li {
	background: none;
}
ul#products li img {
	float: left;
	width: 100px;
}
ul#products h3 a {
	font-size: 1.3em;
}
ul#products h5 {
	font-size: 1em; font-weight: normal;
	padding: 3px 0 0 0;
}
ul#products p {
	font-size: 1.1em; 
	margin: 1em 0 .1em 0;
}
ul#products ul.product-func li {
	float: left; clear: none;
	border-right: 1px solid #666;
	line-height: 1.1em;
	padding: 0 5px 0 0;
}
ul#products ul.product-func li.last {
	padding: 0 5px;
}
ul#products ul.product-func li.last a {
	font-weight: bold;
}

/* description & color shame */
.product-description {
	float: right;
	width: 651px;
	padding: 5px 10px 10px 10px; 
}
.product-description p {
	padding: 0 0 1em 0;
}

/* background */
.bierzmowania,
.chrzcin,
.pierwszej-komunii,
.rocznicy-slubu,
.slubu-i-wesela,
.wieczoru-kawalerskiego,
.wieczoru-panienskiego {
	background: transparent url(../images/bg-blue.gif) repeat-y 100% 0;
}
.bierzmowania a, .bierzmowania em,
.chrzcin a, .chrzcin em,
.pierwszej-komunii a, .pierwszej-komunii em,
.rocznicy-slubu a, .rocznicy-slubu em,
.slubu-i-wesela a, .slubu-i-wesela em, 
.wieczoru-kawalerskiego a, .wieczoru-kawalerskiego em,
.wieczoru-panienskiego a, .wieczoru-panienskiego em,
.bierzmowania strong,
.chrzcin strong,
.pierwszej-komunii strong,
.rocznicy-slubu strong,
.slubu-i-wesela strong, 
.wieczoru-kawalerskiego strong,
.wieczoru-panienskiego strong {
	color: #3280c9;
}

.imienin,
.osiemnastki,
.parapetowki,
.urodzin {
	background: transparent url(../images/bg-yellow.gif) repeat-y 100% 0;
}
.imienin a, .imienin em,
.osiemnastki a, .osiemnastki em,
.parapetowki a, .parapetowki em,
.urodzin a, .urodzin em,
.imienin strong,
.osiemnastki strong,
.parapetowki strong,
.urodzin strong {
	color: #e5851d;
}

.mikolajek,
.walentynek {
	background: transparent url(../images/bg-red.gif) repeat-y 100% 0;
}
.mikolajek a, .mikolajek em,
.walentynek a, .walentynek em,
.mikolajek strong,
.walentynek strong {
	color: #97110e;
}

.bozego-narodzenia,
.dnia-chlopaka,
.dnia-dziecka,
.dnia-kobiet,
.dnia-matki,
.dnia-ojca,
.dnia-babci,
.dnia-dziadka {
	background: transparent url(../images/bg-green.gif) repeat-y 100% 0;
}
.bozego-narodzenia a, .bozego-narodzenia em,
.dnia-chlopaka a, .dnia-chlopaka em,
.dnia-dziecka a, .dnia-dziecka em,
.dnia-kobiet a, .dnia-kobiet em,
.dnia-matki a, .dnia-matki em,
.dnia-ojca a, .dnia-ojca em,
.dnia-babci a, .dnia-babci em,
.dnia-dziadka a, .dnia-dziadka em,
.bozego-narodzenia strong,
.dnia-chlopaka strong,
.dnia-dziecka strong,
.dnia-kobiet strong,
.dnia-matki strong,
.dnia-ojca strong,
.dnia-babci strong,
.dnia-dziadka strong {
	color: #588e03;
}

/* icon */
.bierzmowania .icon {
	background: transparent url(../images/i-bierzmowania.gif) no-repeat 100% 60%;
}
.bozego-narodzenia .icon {
	background: transparent url(../images/i-bozego-narodzenia.gif) no-repeat 100% 60%;
}
.chrzcin .icon {
	background: transparent url(../images/i-chrzcin.gif) no-repeat 100% 60%;
}
.dnia-chlopaka .icon {
	background: transparent url(../images/i-dnia-chlopaka.gif) no-repeat 100% 60%;
}
.dnia-dziecka .icon {
	background: transparent url(../images/i-dnia-dziecka.gif) no-repeat 100% 60%;
}
.dnia-kobiet .icon {
	background: transparent url(../images/i-dnia-kobiet.gif) no-repeat 100% 60%;
}
.dnia-matki .icon {
	background: transparent url(../images/i-dnia-matki.gif) no-repeat 100% 60%;
}
.dnia-ojca .icon {
	background: transparent url(../images/i-dnia-ojca.gif) no-repeat 100% 60%;
}
.dnia-babci .icon {
	background: transparent url(../images/i-dnia-babci.gif) no-repeat 100% 60%;
}
.dnia-dziadka .icon {
	background: transparent url(../images/i-dnia-dziadka.gif) no-repeat 100% 60%;
}
.imienin .icon {
	background: transparent url(../images/i-imienin.gif) no-repeat 100% 60%;
}
.mikolajek .icon {
	background: transparent url(../images/i-mikolajek.gif) no-repeat 100% 60%;
}
.osiemnastki .icon {
	background: transparent url(../images/i-osiemnastki.gif) no-repeat 100% 60%;
}
.parapetowki .icon {
	background: transparent url(../images/i-parapetowki.gif) no-repeat 100% 60%;
}
.pierwszej-komunii .icon {
	background: transparent url(../images/i-pierwszej-komunii.gif) no-repeat 100% 60%;
}
.rocznicy-slubu .icon {
	background: transparent url(../images/i-rocznicy-slubu.gif) no-repeat 100% 60%;
}
.slubu-i-wesela .icon {
	background: transparent url(../images/i-slubu-i-wesela.gif) no-repeat 100% 60%;
}
.urodzin .icon {
	background: transparent url(../images/i-urodzin.gif) no-repeat 100% 60%;
}
.walentynek .icon {
	background: transparent url(../images/i-walentynek.gif) no-repeat 100% 60%;
}
.wieczoru-kawalerskiego .icon {
	background: transparent url(../images/i-wieczoru-kawalerskiego.gif) no-repeat 100% 60%;
}
.wieczoru-panienskiego .icon {
	background: transparent url(../images/i-wieczoru-panienskiego.gif) no-repeat 100% 60%;
}


/* star rater */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
	background: url(../images/star.gif) no-repeat 0 -1000px;
}
.star-rating {
	float: left; display: inline; position: relative; width: 161px; height: 30px; line-height: 30px; overflow: hidden;
	background-position: 0 -60px !important;
	list-style: none;
	margin: 0 0 0 4px; padding: 0;
}
.star-rating li{ display: inline;
}
.star-rating a, 
.star-rating .current-rating { display: block;
	position: absolute; top: 0; left: 0; height: 30px; line-height: 150px;
	text-indent: -1000em;
	outline: none; overflow: hidden;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
	background-position: 0 0;
}
.star-rating a.half-star{ width: 10%; z-index: 11; }

.star-rating a.one-star{ width: 20%; z-index: 10; }
.star-rating a.one-half-star{ width: 30%; z-index:9; }

.star-rating a.two-stars{ width: 40%; z-index: 8; }
.star-rating a.two-half-stars{ width: 50%; z-index: 7; }

.star-rating a.three-stars{ width: 60%; z-index: 6; }
.star-rating a.three-half-stars{ width: 70%; z-index: 5; }

.star-rating a.four-stars{ width: 80%; z-index: 4; }
.star-rating a.four-half-stars{ width: 90%; z-index: 3; }

.star-rating a.five-stars{ width: 100%; z-index: 2; }

.star-rating .current-rating{
	z-index: 1;
	background: transparent url(../images/star.gif) no-repeat 0 -30px !important;
}	


.actions {
	float: right;
	width: 200px;
	padding: 0px 25px 0 0;
}
.actions h5 {
	float: right;
	color: #578D03; background: transparent url(../images/ico-left-littlearrow.gif) no-repeat 0 70%;
	line-height: 1.2em;
	padding-left: 10px !important; margin: 5px 0 10px 0;
}
.actions h4 {
	float: left; width: 100%;
	color: #fff; background-color: #FECB00;
	font-size: .8em; font-weight: normal; text-align: center; text-transform: uppercase; letter-spacing: .1em; 
	padding: 2px 2px; margin: 3px 0 0 0;
}
.actions h4 strong {
	color: #fff;
}
.actions a { display: block; }

/* bottom */
#bottom {
	position: relative;	clear: both;
	text-align: center;
	background: transparent url(../images/bottom.gif) repeat-x 0 0;
	margin: 15px 0 0 0;
}
#bottom .hold {
	position: relative; top: -12px; left: 0;
	width: 900px;
	background: transparent url(../images/ico-bottom.gif) no-repeat 50% 0;
	margin: 0 auto 0 auto; padding: 35px 0 0 0;
}
#bottom p {
	clear: both;
	color: #888;
	text-align: center;
	margin: 0; padding: 8px 0;
}
#bottom p a {
	color: #888;
}
#bottom ul {
		display: inline;
}
#bottom ul li {
	display: inline;
	border-right: 1px solid #588e03;
	line-height: 1.1em;
	padding: 0 5px;
}
#bottom ul li a {
	color: #588e03;
}
#bottom h5 img {
	width: 124px;
	margin: 0 auto 20px auto;
}

/* ========================================================================= */
/* ELEMENTS */
/* ========================================================================= */

.hd-content {
	color: #588e03;
	font-size: 1.3em;
	background: transparent url(../images/hd-content.gif) no-repeat 0 0;	
	padding: 7px 0 0 8px;
}

.adv-vert {
	width: 200px;
	background: transparent url(../images/adv-horiz.gif) no-repeat 50% 0;
	padding: 20px 0 0 0; margin: 15px 0 0 0;
}
.adv-vert a {
	display: block;
	width: 180px;
	margin: 0 auto;
}
.adv-horiz {
	display: block;
	width: 750px;
	margin: 0 auto 15px auto;
}
/* breadcrumbs */
ul#breadcrumbs {
	margin: 3px 4px 0 8px; padding-bottom: 30px;
	background: url(../images/bg-breadcrumbs.gif) no-repeat 0 100%;
}
ul#breadcrumbs li {
	float: left;
	margin-right: 4px;
}
ul#breadcrumbs li a {
	color: #656565;
	background: transparent url(../images/ico-breadcrumbs.gif) no-repeat 100% 50%;
	padding-right: 8px;
}

/* pagination */
.pagination {
	float: left; position: relative;
	width: 100%; 
	background: #9CCE2E url(../images/head.gif) repeat-y 50% 0;
	margin: 10px 0; padding: 7px 0 5px 10px;
}

.pagination p {
	float: left;
	color: #DEFF97;
	font-weight: bold;
	margin: 2px 0 0 0;
}
.pagination p strong {
	color: #FFF;
}
.pagination ul {
	display: inline;
}
.pagination ul li {
	display: inline;
	padding: 0 3px;
}
.pagination ul li a {
	color: #fff;
	font-weight: bold;
}
.pagination ul li strong {
	color: #970F11; background: #FEC901 url(../images/ico-page-current.gif) no-repeat 50% 0;
	line-height: 2.4em;
	padding: 7px 1px 1px 1px;
}
.pagination ul li.page-prev a {
	color: #3E6200;	background: transparent url(../images/ico-doublearrow-left.gif) no-repeat 0 60%;
	padding-left: 9px;
}
.pagination ul li.page-next a {
	color: #3E6200;	background: transparent url(../images/ico-doublearrow-right.gif) no-repeat 100% 60%;
	padding-right: 8px;
}
.pagination .page-wrap {
	position: absolute; top: 3px; right: 37%;
	width: 350px;
	text-align: center;
}
.pagination fieldset {
	float: right;
	width: 200px;
}
.pagination label {
	color: #DEFF97;
	font-weight: bold;
}
.pagination select {
	width: 122px;
}
.pagination input.submit {
	display: none;
}
/* others */
h5#taketour {
	color: #971110;
	font-weight: normal; text-align: center;
	margin: 10px auto 12px auto; 
}
h5#taketour a {
	color: #568F04; background: transparent url(../images/ico-little-arrow-right.gif) no-repeat 0 60%;
	padding-left: 8px; 
}

/* ========================================================================= */
/* PAGES */
/* ========================================================================= */

/* HOME */
body#home #content {
	padding: 20px 0 0 0;
}
body#home .product-description p {
	padding: 0 90px 1em 0;
}

/* PRESENTS */
body#presents  #top .hold {
	width: 96%;
}
body#presents #column-first {
	float: left;
	width: 210px;
}
body#presents #column-second { float: none; width: auto; margin-left: 220px; }
body#presents #container .hold {
	width: 96%;
	background-color: #fff;
	margin: 0 auto; padding: 14px 12px;
}


body#presents #container-hold {
	padding: 15px 0 0 0;
}
body#presents  .product-description {
	float: none;
	width: auto;
	margin-left: 110px; 
}


ul#products {
	width: 100%;
}
.description-body {
	width: auto;
	margin-right: 290px;
}

/* REGISTRATION, LOGIN & SEARCH */
#error-panel,
#message-panel {
	width: 90%;
	background-color: #FDE899; border: 1px solid #FCDF99;
	text-align: center;
	margin: 0 auto 20px auto; padding: 15px 10px;
}
#error-panel h3 {
	color: #ff0000; 
	font-size: 1.3em; font-weight: bold;
}
#message-panel h3 {
	color: #578D03;
	font-size: 1.3em; font-weight: bold;
}
#error-panel h3 span {
	background: transparent url(../images/error-panel.gif) no-repeat 0 50%;
	padding: 3px 0 3px 28px;
}
#message-panel h3 span {
	background: transparent url(../images/message-panel.gif) no-repeat 0 50%;
	padding: 5px 0 1px 28px;
}

p.error {
	color: #ff0000;
	margin: 0; padding: 0;
}
p#required-info img {
	display: inline;
}
h1#step-register span {
	color: #666;
}
h1#step-register span strong {
	color: #FEB405;
	font-size: 1.3em;
}
body#forms #container-hold {
	padding-top: 35px;
}
body#forms form {
	clear: both;
}
body#forms label {
	font-weight: bold;
	color: #588E05;
}
body#forms input.text,
body#forms select {
	border: 1px solid #DFDFDF;
	color: #666;
}

/* form: log */
form#log,
form#reg1,
form#advs {
	width: 675px;
	margin: 0 auto; padding: 20px 0;
}
form#log h2 {
	font-size: 1.8em; font-weight: normal; text-align: center; 
}
form#log p.error {
	padding-left: 37px;
}
form#log input.text {
	width: 250px;
}
form#log input#log-remember {
	margin-left: 38px;
}
form#log input#log-submit {
	float: none;
	display: block;
	margin: 0 auto;
}
form#log fieldset {
	padding: 20px 100px 20px 180px;
}
#link-container {
	text-align: center;
	margin: 20px 0 0 0;
}
#link-container ul#link-list {
	display: inline;
}
#link-container ul#link-list li {
	display: inline;
	border-right: 1px solid #999;
	padding: 0 5px;
}
#link-container ul#link-list li a {
	background: transparent url(../images/ico-breadcrumbs.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
}

/* form: advs */
form#advs fieldset {
	padding: 10px 110px;
}
form#advs label {
	float: left;
	width: 176px;
}
form#advs label.advs-age {
	display: inline !important;
	float: none;
}
form#advs select,
form#advs input.text {
	width: 240px;
}
form#advs select#advs-agefrom,
form#advs select#advs-ageto {
	width: 50px;
}
form#advs select#advs-agefrom {
	margin-right: 20px;
}
#advs-submit-container {
	padding: 15px 0 15px 140px;
}
#advs-submit2-container {
	padding: 15px 0 15px 170px;
}

/* form: reg1 */
form#reg1 label {
	float: left;
	width: 175px;
}
form#reg1 p.error {
	clear: both;
	padding-left: 176px;
}
form#reg1 input.text {
	width: 490px;
}
form#reg1 input.checkbox {
	float: left;
}
form#reg1 label.checkbox {
	width: 90%;
	padding-left: 5px;
	font-weight: normal;
	color: #666;
}
form#reg1 label.radio {
	float: none; display: inline;
}
input#reg1-submit {
	float: left;
}
a#reg1-cancel {
	float: left;
}
select#reg1-woj,
select#reg1-num {
	width: 190px;
}
select#reg1-ud,
select#reg1-id {
	width: 45px;
}
select#reg1-ur {
	width: 65px;
}
select#reg1-um,
select#reg1-im {
	width: 112px;
}
#reg1-submit-container {
	padding: 10px 0 0 260px;
}

#reg1-submit-container a {
	float: left; margin: 15px 0 0 10px;
}

form#reg1 textarea {
	width: 100%; height: 110px;
	color: #666; border: 1px solid #DFDFDF;
	padding: 10px;
}

/* form: reg2 */
#reg2-submit-container input.submit {
	display: block;
	float: none;
	margin: 0 auto;
}

#reg2-submit-container a {
	float: left; margin: 15px 0 0 10px;
}

/* form: reg3 */
#reg3-submit-container {
	padding: 10px 0 0 310px;
}
#reg3-submit-container a {
	float: left; margin: 15px 0 0 10px;
}
#reg3-message {
	clear: both;
	padding-top: 10px;
}
#reg3-message textarea {
	width: 680px; height: 110px;
	color: #666; border: 1px solid #DFDFDF;
	padding: 10px;
}
form#reg3 input.text {
	width: 255px;
}
form#reg3 label.reg3-email {
	margin-left: 40px;
}
form#reg3 .col1 p.error {
	padding-left: 33px;
}
form#reg3 .col2 p.error {
	padding-left: 113px;
}
form#reg3 .col1 {
	float: left;
	width: 350px;
}
form#reg3 .col2 {
	float: right;
	width: 370px;
}
input#reg3-submit {
	float: left;
}
a#reg3-cancel {
	float: left;
	padding: 0 !important; 
	background: none !important;
}
#reg4-adv {
	padding: 5px 0;
}
#reg4-adv a {
	float: left;
	background: none !important; 
	padding: 0 2px 0 0 !important;
}

/* register content*/
#register-content {
	padding: 25px 10px 10px 10px;
}
#register-content a {
	background: transparent url(../images/ico-breadcrumbs.gif) no-repeat 4px 60%;
	padding: 0 0 0 12px;
}
#register-content h2 {
	font-size: 1.4em;
}
#register-content h3 {
	color: #666;
	margin: 1em 0;
}


/* ========================================================================= */
/* PHOTO-POPUP  */
/* ========================================================================= */

#photopopup-mask {
	position: absolute; top: 0; left: 0;
  	width: 100%; 
	background: transparent url(../images/photopop-bg.png) repeat 0 0;
}
#photopopup {
	position: absolute; top: 0; left: 0;
  	width: 100%; 
}
#photopopup-image {
	border: 1px solid #eee;
	cursor: pointer;
}
#photopopup-container {
	position: relative;
	background-color: #fff;
	padding: 10px 10px 20px 10px; margin: 0 auto 0 auto;
}
a#photopopup-close {
	position: absolute; bottom: 4px; right: 10px;
	font-weight: bold;
	}
	
	


/* ========================================================================= */
/* @konrad 15.12.2007  */
/* ========================================================================= */


/* form: show1 */
form#show1 ol { list-style: none; }
form#show1 ol li { min-height: 25px; height: auto !important; height: 25px; margin: 2px 0; padding: 3px 0 0; }
form#show1 ol li .star-rating { margin: -6px 0 0; }
form#show1 ol li .star-rating li { height: 35px; margin: 0; padding: 0; }
form#show1 ol li.left { width: 345px; float: left; clear: both; }
form#show1 ol li.right { width: 335px; float: right; }
form#show1 ol li.full { width: 740px; float: left; clear: both; }

form#show1 ol li ul.for-gift { width: 450px; float: left; }
form#show1 ol li ul.for-gift li { width: 100%; min-height: 21px; height: 21px; margin: 0; padding: 0; }
form#show1 ol li ul.for-gift li * { float: left; }
form#show1 ol li ul.for-gift li input { position: relative; bottom: -1px; margin: 0 3px 0 0; }

form#show1 strong,
form#show1 label { width: 125px; float: left;  color: #598d05;  }
form#show1 p.error { clear: both; padding-left: 115px; }
form#show1 textarea { width: 605px; border: 1px solid #dfdfdf; }
form#show1 .select,
form#show1 input.text { width: 205px; float: left; }
form#show1 input.long { width: 605px; border: 1px solid #dfdfdf; }
#show1-submit, #show1-cancel { float: left; }
form#show1 #show1-submit-container { padding: 10px 0 0 260px; }

/* nav-side2 */
#nav-side2 { background: transparent url(../images/navside2.gif) repeat-y 0 0; margin-bottom: 10px; }
#nav-side2 .wrap1 { background: transparent url(../images/navside-top2.gif) no-repeat 0 0; }
#nav-side2 .wrap2 { padding: 20px; background: transparent url(../images/navside-bottom2.gif) no-repeat 0 100%;	position: relative; }
#nav-side2 img {  border: 1px solid #fff; }
#nav-side2 .user-img-add { position: absolute; top: 30px; left: 30px; }
#nav-side2 .user-img-add-new { position: absolute; top: 5px; left: 30px; color: white;}
#nav-side2 .user-img-del { position: absolute; top: 5px; left: 150px; color: white;}
#nav-side2 .user-name { font-size: 1.6em; text-decoration: none; color: #588e03; }
#nav-side2 .user-name a {  text-decoration: underline; }
#nav-side2 ul { width: 134px; float: left; background: transparent url(../images/navside-ul2.gif) repeat-x 0 0; padding: 5px 8px; }
#nav-side2 li { padding: 2px 0; }
#nav-side2 li h4 { color: #4d8402; font-size: 1em; }
#nav-side2 .user-stats li { color: #588e03; font-size: 1.1em; }
#nav-side2 li { color: #824305; font-weight: bold; padding: 0 0 0 18px; background: url(../images/icon-nav-side-a.gif) no-repeat 0 50%; }
#nav-side2 .user-stats #us-gifts {  background: transparent url(../images/icon-gifts.gif) no-repeat 0 50%; }
#nav-side2 .user-stats #us-comments {  background: transparent url(../images/icon-comments.gif) no-repeat 0 50%; }
#nav-side2 .user-stats #us-friends {  background: transparent url(../images/icon-friends.gif) no-repeat 0 50%; }



/* prezent-desc */

#prezent-desc { background: none; }
#prezent-desc .lead { overflow: hidden; padding: 0 0 2px; background: url(../images/icon-dot-sky.gif) repeat-x 0 100%; height: 1%; }
#prezent-desc .lead .btn-ocen-prezent { display: block; width: 7em; margin: 20px 0 -30px 180px; padding: 0 0 0 10px; color: #555; background: url(../images/icon-raquo-yellow2.png) no-repeat 0 5px; font-style: normal; }
#prezent-desc .lead .quick-links { width: 250px; float: right; padding: 10px; }
#prezent-desc .lead .quick-links li { padding: 2px 10px; background: url(../images/icon-raquo-yellow.gif) no-repeat 0 7px; }
#prezent-desc .lead .quick-links li a { font-weight: bold; }
#prezent-desc .lead .star-rating { display: block; float: none; margin: 0 0 10px; }
#prezent-desc .lead h2 {  width: 250px; clear: none; color: #666; font-size: 1.6em; font-weight: bold; }
#prezent-desc .lead p em { font-weight: bold; font-style: normal }
#prezent-desc .lead p small { display: block; margin: 7px 0 0; font-size: 1em; }
#prezent-desc .img-prezent { width: 200px; float: left; padding: 1px; border: solid #fff; border-width: 0 10px 10px 0; background: #ececec; }

#prezent-desc .prezent-tags { width: 100%; height: 30px; }
#prezent-desc .prezent-tags dt { color: #666; font-weight: bold; }
#prezent-desc .prezent-tags dt,
#prezent-desc .prezent-tags dd { line-height: 20px; float: left; padding: 0 3px 0 0; }

#prezent-desc #comments { width: 100%; }
#prezent-desc #comments .comments-hd { min-height: 12px; background: #9cce2e url(../images/bg-header-left.gif) no-repeat 0 0; }
#prezent-desc #comments .comments-hd div { min-height: 12px; padding: 6px 15px 5px; border-top: 2px solid #c2ed63; background: url(../images/bg-header-right.gif) no-repeat 100% 0 ; }
#prezent-desc #comments .comments-hd span { color: #fff; font-weight: bold; font-size: 1.1em; }
#prezent-desc #comments .comments-hd h4 { display: inline; color: #588e03; font-weight: bold; font-size: 1.1em; }

#prezent-desc #comments li { min-height: 120px; height: 1%; background: url(../images/icon-dot-green.gif) repeat-x 0 100%; }
#prezent-desc #comments li .comment-del { position: relative; width: 14px; height: 18px; float: right; margin: -10px 0 0; overflow: hidden; }
#prezent-desc #comments li .comment-del span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon-trash.gif) no-repeat 0 0; }
#prezent-desc #comments li .date { display: block; margin: 5px 0 0 86px; color: #666; }
#prezent-desc #comments li .date span,
#prezent-desc #comments li .date a { font-size: 1.1em; font-weight: bold; }
#prezent-desc #comments li img { float: left; margin: -12px 10px 0 0; border: 1px solid #ececec; }
#prezent-desc #comments li.last-item { background: none; }

#prezent-desc .pagination { height: 27px; float: none; margin: 10px 0 0; padding: 0; background: #9cce2e url(../images/bg-header-left.gif) no-repeat 0 0; border-top: 2px solid #c2ed63; }
#prezent-desc .pagination p { position: relative; padding: 3px 10px; z-index: 3; }
#prezent-desc .pagination .page-wrap { top: 0; left: 0; right: 0; width: 100%; padding: 0; background: url(../images/bg-header-right.gif) no-repeat 100% 0;  z-index: 2; }
#prezent-desc .pagination a { color: #3d6200; }

#prezent-desc #comments-form { width: 616px;  margin: 0 auto; padding: 0 0 0 119px; background: url(../images/bg-comments-form.gif) no-repeat 0 0; }
#prezent-desc #comments-form fieldset { padding: 0 0 0; }
#prezent-desc #comments-form fieldset legend { padding: 15px 0 0 50px; color: #666; font-size: 1.1em; }
#prezent-desc #comments-form fieldset legend span { color: #feb405; font-size: 1.1em; font-weight: bold; }
#prezent-desc #comments-form fieldset label { position: absolute; left: -200em; }
#prezent-desc #comments-form fieldset textarea { width: 604px; height: 126px; margin: 4px 0 0; padding: 3px; border: none; background: url(../images/bg-textarea.gif) no-repeat 0 0; }
#prezent-desc #comments-form fieldset .image { float: right; margin: 10px 5px 0; }


/* my-presento.html */

#subnav { position: relative; height: 6em; margin: 0 0 1em; background: url(../images/bg-subnav.gif) repeat-x 0 10px; }
#subnav li { min-height: 3.9em; float: left; padding: 0 25px 1px; background: url(../images/bg-subnav-a.gif) no-repeat 100% 10px; }
#subnav li.active { background: url(../images/bg-subnav-active.gif) no-repeat 100% 10px; }
#subnav li.active a span { background: url(../images/bg-subnav-a-active.gif) no-repeat 50% 0; }
#subnav li.active ul { display: block; }
#subnav li.active ul li.active { background: none; }
#subnav li.active ul li.active a { background: url(../images/bg-subnav-ul-a-active.gif) no-repeat 50% 100%; text-decoration: none; }
#subnav li a { display: block; margin: 18px 0 0; color: #97110e; font-weight: bold; text-decoration: none;  }
#subnav li a span {  padding: 19px 0 0; background: url(../images/bg-subnav-a-hover.gif) no-repeat 500% 0; }
#subnav li a:hover { text-decoration: underline; }
#subnav li a:hover span { background-position: 50% 0; }
#subnav ul { display: none; position: absolute; left: 0; top: 3.8em; width: 100%; height: 2em; padding: 0.4em 0 0.2em; background: url(../images/bg-subnav-ul.gif) repeat-x 0 100%; }
#subnav ul li { min-height: 1em; background: none;  }
#subnav ul li a {   margin: 0 0 0; padding: 0 0 0.8em; color: #d24500; text-decoration: underline; font-weight: normal; }
#subnav ul li a:hover { color: #97110e; text-decoration: none; }

#lista-prezentow {width: 100%; }
#lista-prezentow th { padding: 10px; text-align: left; white-space: nowrap; }
#lista-prezentow th { color: #ac3500; font-size: 1.3em; font-weight: bold; }
#lista-prezentow th a { color: #ac3500; }
#lista-prezentow th img { display: inline !important; }
#lista-prezentow tr {  background: url(../images/icon-dot-green.gif) repeat-x 0 100%; }
#lista-prezentow tr.dark { background-color: #fbfbfb; }
#lista-prezentow td { padding: 10px; color: #666; font-size: 1.2em; text-align: center; vertical-align: top; }
#lista-prezentow td .img-prezent { width: auto; height: auto; border: 0; }
#lista-prezentow td h5 { font-size: 0.9em; text-align: left; }
#lista-prezentow td p { font-size: 0.8em; text-align: left; }
#lista-prezentow td a { color: #666; text-decoration: none; }
#lista-prezentow td a.edit { color: #588e04; font-size: 1.1em; font-weight: bold; text-decoration: underline; }

.btn-dodaj-prezent { position: relative; width: 103px; height: 38px; float: right; margin: -50px 0 20px; overflow: hidden; }
.btn-dodaj-prezent span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/btn-dodaj-prezent.gif) no-repeat 0 0; }

/* tour */
#tour { width: 748px; background: #9cce2d; list-style: none;overflow: hidden;}
#tour li { float: left; }
#tour li .header { position: relative; display: block; width: 100%; height: 389px; }
#tour li .header span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#tour li p { position: relative; margin: -30px 0 0; padding: 18px; color: #3a5e01; background: url(../images/bg-tour-p.gif) no-repeat 100% 50%; font-size: 1em; }
#tour li p a { color: #fff; }
#tour li p a:hover { text-decoration: none; }
#tour #tour-1 { width: 249px; }
#tour #tour-2 { width: 250px; }
#tour #tour-3 { width: 249px; }
#tour #tour-1 .header span  { background: url(../images/tour-1.jpg) no-repeat 0 0 }
#tour #tour-2 .header span  { background: url(../images/tour-2.jpg) no-repeat 0 0 }
#tour #tour-3 .header span  { background: url(../images/tour-3.jpg) no-repeat 0 0 }
#tour #tour-3 p { background: none; }

/* Terms & regulations */
ol.tas { list-style-type: upper-roman; }
ol.tas li { margin-bottom: 10px; }
ol.tas li ol { padding-top: 10px; }


ul#friends {}
ul#friends li {background: url(../images/icon-dot-green.gif) repeat-x 0 100%;display: block; float: left; width: 200px; height: 130px;font-size: 80%;margin: 10px 0;}
ul#friends li div {display: block;float: left; width: 200px;}
ul#friends li div a {display: block; float: left; height: 98px;margin-right: 3px;}
ul#friends li a {font-size: 120%;}

div.ad { 	
	text-align: center;
	margin: 10px auto 10px auto; 
 }