body {
	color: #7f4258;	
	background: #fff url(../img_kook/bg-body.gif) repeat-x 0 0;
	font-family: Arial, sans-serif; text-align: center;
}

/* ============================= links ============================== */

a:link, a:visited { color: #E881A7; }
a:link:hover, a:visited:hover {  }
a:active, a:focus {  }
a span{ cursor: pointer; }

/* =========================== end links ============================ */

/* ============================= common ============================= */

img { display: block; }
a img { border: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-table;}
.clearfix{display: block;}

/* =========================== end common =========================== */

/* ============================= layout ============================= */

#holder{
	width: 975px;
	margin: 0 auto;
	text-align: left;
}

#header{ 
	position: relative; z-index: 100;
	width: 100%; height: 121px;
}

#leftnav_pane{
	position: relative; z-index: 2;
	float: left;
	width: 178px;	
	color:#7f4258;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height:1.4em;
}
#leftnav_pane a{
	text-decoration:underline;
	color:#7f4258;
}
#leftnav_pane a:hover{
	text-decoration:none;
}

#leftnav_pane ul{
	margin-bottom:16px;
}
#leftnav_pane ul.last{
	margin-bottom:0;
}


#leftnav{
	width:178px; background:url(../img_kook/leftnav_bottom.png) no-repeat bottom; padding-bottom:22px;
}
#leftnav_top{
	width:178px; height:61px; background:url(../img_kook/leftnav_top.png) no-repeat top;
}
#leftnav_mid{
	width:178px; background:url(../img_kook/leftnav_mid.png) repeat-y; padding-top:10px
}
#leftnav_pane .cat{
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.3em	
}

#content{
	margin-top:40px;
}

#content-main{
	position: relative; z-index: 1;
	float: left;
	width: 510px;
	height:395px;
	background: url(../img_kook/bg-slideshow.gif) no-repeat 0 1px;
}
#content-main2{
	position: relative; z-index: 1;
	float: left;
	width: 510px;
}
#content-main2 p.wide{
	margin: 0 0 10px 0;
	clear:right; float: right;
	width: 510px;
	font: normal 0.8em Arial;
}


#sidebar{
	float: right;
	width: 240px;
	margin-top:-530px;
}

#footer{
	clear: both;
	width: 100%; height: 88px;
	background: url(../img_kook/bg-footer.gif) repeat-x 0 100%;
	text-align: center;
}
.footertxt{
	width:975px; text-align:justify; margin: 0 auto; font-size:10px; color:#666;
}


/* =========================== end layout =========================== */

/* ============================= header ============================= */

#header h1{
	position: absolute;
	left: -35px; top: 66px;
	width: 128px; height: 167px;
}

#navigation{
	position:relative; z-index:100;
	width: 700px; height: 62px;
	margin: 0 0 0 190px; padding: 17px 0 0 19px;
	background: url(../img/bg-navigation.gif) no-repeat 0 0;
}
#navigation li{
	float: left;
	position: relative;
	z-index: 100;
}
#navigation .cookie-bouquets{
	display: block;
	float: left;
	position: relative;
	width:86px;
	height: 43px;
	overflow: visible;
	z-index: 100;
}


.latestimg{
	padding: 0 0 10px 0;
}

#navigation .latest-news{ display: block; float: left; position: relative; width:67px; height: 43px; }
#navigation .about-our-cookies{ display: block; float: left; position: relative; width:110px; height: 43px; }
#navigation .sweet-comments{ display: block; float: left; position: relative; width:111px; height: 43px; }
#navigation .contact-us{ display: block; float: left; position: relative; width:94px; height: 43px; }
#navigation .delivery-information{ display: block; float: left; position: relative; width:116px; height: 43px; }
#navigation .terms-and-shipping{ display: block; float: left; position: relative; width:89px; height: 43px; }

#navigation .cookie-bouquets span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img_kook/nav-cookie-bouquets.gif) no-repeat 0 0;
	visibility: visible;
}
#navigation .latest-news span{ position: absolute; width: 100%; height: 100%; background: url(../img_kook/nav-latest-news.gif) no-repeat 0 0; }
#navigation .about-our-cookies span{ position: absolute; width: 100%; height: 100%; background: url(../img_kook/nav-about-our-cookies.gif) no-repeat 0 0; }
#navigation .sweet-comments span{ position: absolute; width: 100%; height: 100%; background: url(../img_kook/nav-sweet-comments.gif) no-repeat 0 0; }
#navigation .contact-us span{ position: absolute; width: 100%; height: 100%; background: url(../img_kook/nav-contact-us.gif) no-repeat 0 0; }
#navigation .delivery-information span{ position: absolute; width: 100%; height: 100%; background: url(../img_kook/nav-delivery-information.gif) no-repeat 0 0; }
#navigation .terms-and-shipping span{ position: absolute; width: 100%; height: 100%; background: url(../img_kook/nav-terms-and-shipping.gif) no-repeat 0 0; }

#navigation a:hover span, #navigation .current a span{ background-position: 0 100%; }

#navigation ul{ 
	display: none; 
	position: absolute;
	top: 43px; left: 0;
	width: 172px;
	padding: 10px; 
	background: #C1DE8C;
	z-index: 100;
}
#navigation ul li{ float: none; clear: both; display: block; padding: 4px 0; }
#navigation ul li a{ color: #555; font-size: 0.8em; text-decoration: none; }
#navigation ul li a:hover{ color: #fff; }

#newsletter-link{
	position: absolute;
	top: 18px; right: 10px;
	width: 104px; height: 103px;
}
#newsletter-link span{ 
	position: absolute; 
	width: 100%; height: 100%; 
	background: url(../img_kook/newsletter-link.gif) no-repeat 0 0;
}

.pagetitle{

	font-size:1.6em;
	color:#e881a7;
	margin-left:190px;
	margin-top:-28px;
	width:630px;

	text-align:center;
}
.pathway{

	font-size:11px;
	color:#e881a7;
	margin-left:190px;
	margin-top:4px;
	margin-bottom:-20px;
	width:630px;
	height:30px;
	text-align:center;
}




/* =========================== end header =========================== */

/* ============================= content ============================ */

h1#frontpage{
	position: relative;
	z-index: 1;
	width: 678px;
	height: 195px;
	background: transparent;
	margin-top:-50px;
}
h1#frontpage span{
	position: absolute;
	width: 678px;
	height: 120%;
	background: url(../img_kook/bg-h1-main.gif) no-repeat 0 0;
	z-index: 1;
}

#slide-show{
	float: left;
	position: relative;
	width: 266px;
	height: 346px;
	margin: 16px 0 0 43px;
	display: inline;
	z-index: 1000;
}
#slide-show .pagelinks{ display: none; }
#slide-show .slideCaption{ display: none; }
#slide-show .nextSlide, .prevSlide{ text-indent: -666em; }

#content-main h2{
	float: right;
	width: 190px;
	margin: 0 0 1em 0;
	color: #E881A7;
	font: normal 1em Arial;
}

#content-main p{
	margin: 0 0 10px 0;
	clear:right; float: right;
	width: 190px;
	font: normal 0.8em Arial;
}

#content-main p strong{
	font-weight: bold;
	color: #E881A7;
}

#content-page{
	width: 606px; height: 471px;
	margin: 20px 0 0 190px; padding: 15px 15px 30px 15px;
	background: url(../img_kook/bg-page.gif) no-repeat 0 0;
}
#content-page img{ float: left; }
#content-page h2{
	margin: 1em 0 1em 0;
	color: #E881A7;
	font: normal 1em Arial;
}
#content-page h3{
	color: #E881A7;
	font: normal 0.8em Arial;
}
#content-page p{
	margin: 0 0 10px 0;
	font: normal 0.8em Arial;
}
#content-page p strong{
	font-weight: bold;
	color: #E881A7;
}





#content-page2{
	width: 606px; height: 780px;
	margin: 20px 0 0 190px; padding: 15px 15px 30px 15px;
	background: url(../img_kook/bg-pagebig1.gif) no-repeat 0 0;
}
#content-page2 img{ float: left; }
#content-page2 h2{
	margin: 1em 0 1em 0;
	color: #E881A7;
	font: normal 1em Arial;
}
#content-page2 h3{
	color: #E881A7;
	font: normal 0.8em Arial;
}
#content-page2 p{
	margin: 0 0 10px 0;
	font: normal 0.8em Arial;
}
#content-page p strong{
	font-weight: bold;
	color: #E881A7;
}


#content-page1{
	width: 606px; height: 780px;
	margin: 20px 0 0 190px; padding: 15px 15px 30px 15px;
	background: url(../img_kook/bg-pagebig.gif) no-repeat 0 0;
}
#content-page1 img{ float: left; }
#content-page1 h2{
	margin: 1em 0 1em 0;
	color: #E881A7;
	font: normal 1em Arial;
}
#content-page1 h3{
	color: #E881A7;
	font: normal 0.8em Arial;
}
#content-page1 p{
	margin: 0 0 10px 0;
	font: normal 0.8em Arial;
}
#content-page p strong{
	font-weight: bold;
	color: #E881A7;
}

.panepage{
	margin-top:40px;
}



#text, .text{
	width: 606px;
	margin: 0 0 0 180px; padding: 0 15px;
}
#text h2, .text h2{
	margin: 1em 0 1em 0;
	color: #E881A7;
	font: normal 1em Arial;
}
#text h3, .text h3{
	color: #E881A7;
	font: normal 0.8em Arial;
}
#text p, .text p{
	margin: 0 0 10px 0;
	font: normal 0.8em Arial;
}
#text p strong, .text p strong{
	font-weight: bold;
	color: #E881A7;
}

#container-products{
	width:647px;
	float:left;
}

.product-list{
	width:637px;
	margin: 0 0 20px 10px;
}

.product-list .product{	
	float: left;
	width: 193px; height: 269px;
	margin-right:27px;
	background: url(../img_kook/bg-product.gif) no-repeat 0 0;
	margin-bottom:20px;
}

.product-list .product .prod-title{	
	display:block; color:#e881a7; font-weight:bold; font-size:13px; line-height:16px; text-align:center; margin-top:5px;
}	
.product-list .product .prod-click{	
	display:block; color:#e881a7; font-size:11px; text-align:center; line-height:16px;
}
.product-list .product .prod-desc{	
	display:block; text-align:center; font-size:11px; line-height:15px; color:#000000;
}
.product-list .product .prod-desc a{
	color:#000000;
}

.product-list .p-last{	
	margin-right:0px;
}

.product-list .product a{
	text-decoration:none;
}

.product-list .product1{
	position: relative; float: left;
	width: 160px; height: 232px;
	margin: 0 30px 30px 0; padding: 12px 16px 0 16px;
	background: url(../img_kook/bg-product1.gif) no-repeat 0 0;
	font-size: 0.7em;
	display: inline;
}
.product-list .product3{
	position: relative; float: left;
	width: 749px; height: 190px;
	margin: 0 30px 30px 0; padding: 12px 16px 0 16px;
	background: url(../img_kook/bg-product4.gif) no-repeat 0 0;
	font-size: 0.7em;
	display: inline;	
}
.product-list .product4{
	position: relative;
	float: left;
	width: 749px;
	height: 400px;
	margin: 0 30px 30px 0;
	padding: 12px 16px 0 16px;
	background: url(../img_kook/bg-product5.gif) no-repeat 0 0;
	font-size: 0.7em;
	display: inline;
}
.product-list a.image, .product-list a.image:visited {
	display:block; 
	width:161px; height:176px; 
	text-decoration:none;
	margin: 0 0 0 17px;
}



.product-list a.image:hover{ text-decoration:none; background-color:#fff; color:#000; }
.product-list a.image .big { display:block; position:absolute; left: -666em; }
.product-list a.image:hover .big { display:block; position:absolute; top:-30px; left:-25px; border:1px solid #E881A7; }

.product-list .product li{ margin:5px 0 0 0; }
.product-list .product li strong{ font-weight: bold; color: #929192; }

.product-link{ margin: 0 0 0 120px; }


.product-list li.product a.image { text-align:center;}
img.thumbnail {display: inline;  vertical-align:middle;}



#newsletter, #order { font: normal 0.8em Arial; }
#newsletter label, #order label{ display: block; margin: 10px 0 0 0; }
#newsletter input.itext, #order input.itext{ width: 250px; padding: 2px; }
#newsletter input.checkbox, #order input.checkbox{ position: relative; left: -4px; }
#newsletter input.submit, #order input.submit{ margin: 10px 0 0 0; }


/* =========================== end content ========================== */

/* ============================= sidebar ============================ */

.latest-products a{
	display: block; position: relative;
	width: 100%; height: 284px;
}
.latest-products a span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img_kook/latest-products.gif) no-repeat 0 0;
}

#news{
	width: 151px; height: 216px;
	margin: 0 10px 0 0; padding: 44px 32px 0 45px;
	background: url(../img_kook/bg-news.gif) no-repeat 0 0;
}
#news h2{ display: none; }
#news h3{ font: bold 0.7em Arial; }
#news p{ font: normal 0.7em Arial; }
a.more{
	display: block;
	margin: 0 0 1em 0;
	font: normal 0.7em Arial;
	color: #E881A7;
}

/* =========================== end sidebar ========================== */

/* ============================= footer ============================= */

#container{
	clear: both;
	width: 745px; height: 52px;
	margin: 0 auto; padding: 36px 0 0 155px;
	background: url(../img_kook/bg-footer.gif) repeat-x 0 100%;
	text-align: left;
}
#footer .email-link{
	display: block; float: left; position: relative;
	width: 280px; height: 52px;
}
#footer .email-link span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img_kook/email-link.gif) no-repeat 0 0;
}
#footer .telephone{
	display: block; float: left; position: relative;
	width: 252px; height: 52px;
}
#footer .telephone span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img_kook/phone.gif) no-repeat 0 0;
}
#footer .order-link{
	display: block; float: left; position: relative;
	width: 202px; height: 52px;
}
#footer .order-link span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img_kook/btn-order.gif) no-repeat 0 0;
}
	
/* =========================== end footer =========================== */



/* new styles */

.midarea{
	width:637px; background:url(../img_kook/mid-mid.png) repeat-y;
	font-size:12px; color:#7f4258; line-height:16px;
}
.midarea-top{
	width:637px; height:25px; background-image:url(../img_kook/mid-top.png);
}
.midarea-btm{
	width:637px; height:25px; background-image:url(../img_kook/mid-btm.png);
}
.search-btn{
	float:left; width:10px; height:20px; position:absolute; z-index:776; margin: -23px 0 0 135px;
}
.search-box, .login-box{
	border:1px solid #e881a7; width:110px; height:18px;
}



.info-area{
	padding: 20px 20px 20px 20px;	
}
.info-area img{ float: left; }
.info-area h2{
	margin: 1em 0 1em 0;
	color: #E881A7;
	font: normal 1.4em Arial;
}
.info-area h3{
	color: #E881A7;
	font: normal 1.2em Arial;
}
.info-area p{
	margin: 0 0 14px 0;
	font: normal 1.0em Arial;
}

.info-area DIV.desc{
	margin-left: 20px;
}

.info-area DIV.desc p{
	margin-bottom: 5px;
}

.info-area p strong{
	font-weight: bold;
	color: #E881A7;
}

.info-area hr{
	color: #E881A7;
}

.info-area ul{
	margin:20px;
}

.info-area li{
	padding:5px 5px 5px 10px;	
	list-style-type:disc;
}



.wed{
}

#wedmain{
	margin-left:0;
}

.wedcontainer{
	width:320px; height:400px; overflow:hidden;
	float:left;
}

.wedthumbs{
	width:275px; min-height:300px;
	float:left;
}

.gallery-wed{
}

.gallery-wed ul{
	margin:0;
	padding:0;
}

.gallery-wed li{
	margin:0;
	padding:0 10px 10px 0;
	list-style:none;
	float:left;
}

.gallery-wed li.nopad{
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
	float:left;
}






/* shop right */

.mid-container{
	float:left; margin: 0 0 0 10px;
}

.shopright{
	width:135px; float:right; margin: 0 0 0 10px; text-align:right;
}

.shopright ul{
	font-size:11px; color:#7f4258; line-height:20px;
}

.shopright a,
.shopright a:link,
.shopright a:hover,
.shopright a:active,
.shopright a:visited{
	color:#7f4258;
}
.shopright a:hover{
	text-decoration:none;
}

.shopright ul li{
	height:28px;
}

.shopright .fav{
	background:url(../img_kook/ico-star.png) no-repeat top right;
	padding-right:20px;
}
.shopright .friend{
	background:url(../img_kook/ico-heart.png) no-repeat top right;
	padding-right:20px;
}
.shopsearch{
	background:url(../img_kook/label-search.png) no-repeat center right;
	width:130px;
	height:30px;
	margin-left:6px;		
}

.yourcart{
	background:url(../img_kook/label-yourcart.png) no-repeat center right;
	width:130px;
	height:30px;
	margin-left:6px;	
}

.yourcart-container{
	margin-top:15px; color:#7f4258; font-size:12px; line-height:18px;
}


.login-container{
	margin-top:15px; color:#7f4258; font-size:12px; line-height:18px;
}

.login{
	background:url(../img_kook/label-login.png) no-repeat center right;
	width:130px;
	height:30px;
	margin-left:3px;
}
.button-pink{
	background:url(../img_kook/btn-bck.png); border:none; width:61px; height:18px; font-size:11px; color:#FFFFFF; font-weight:bold; padding-bottom:3px; cursor:pointer;
}
.button-long{
	background:url(../img_kook/btn-bck-long.png); border:none; width:96px; height:19px; font-size:11px; color:#FFFFFF; font-weight:bold; padding-bottom:3px; cursor:pointer;
}

.button-very-long{
	background:url(../img_kook/btn-bck-very-long.png); border:none; width:142px; height:19px; font-size:11px; color:#FFFFFF; font-weight:bold; padding-bottom:3px; cursor:pointer;
}


.bigimage{
	margin-left:25px;
}
.bigimage-container{
	width:290px; float:left;
}
.form-container{
	width:340px; float:left;
}
.form-container h2{
	color:#e881a7; font-size:24px; line-height:32px;
	margin-bottom:18px;
}
.form-container ul{
	margin: 0 0 0 20px;
	list-style:inside;
	list-style-type:circle;
}
.form-container ol{
	margin: 0 0 0 20px;
	list-style:inside;
	list-style-type:decimal;
}


.prices{
	margin: 20px 0;
	font-size:18px;
	line-height:24px;
	color:#e881a7;
}

.form-label{
	width:85px; margin-right:15px; float:left;
	margin-bottom:10px;
}
.form-form{
	width:230px; float:left;
	margin-bottom:15px;	
}

.small-txt{
	font-size:11px;
	line-height:13px;
	margin:5px 0;
}
.smtxt{
	font-size:11px;
	line-height:12px;
}
.txtarea{
	width:210px;
	height:60px;
}

.input-cal{
	width:110px;
}

.input-txt{
	width:210px;
}

.delivery-label{
	
	font-size:13px;
	font-weight:bold;
	color:#e881a7;
	width:315px;
	height:20px;
	border-top:2px solid #e881a7;
	margin-bottom:15px;
 
}

.friendlab{
	margin: 0 0 20px 20px;
}

.friend-label{
	width:130px; float:left;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:15px;
}
.form-friend{
	width:230px; float:left;
	margin-bottom:15px;	
}
.cartstatus{
	font-weight:bold;
}

.prodcat{
	color:#e881a7;
	font-size:18px;
	margin: 2px 0 15px 13px;
}







/*Definitions for calendar*/

DIV.calendar {
	position: absolute;
}

DIV.calendar TABLE {
width:160px;
margin:4px;
}

DIV.calendar TH {
background-color:#FFC1E7;
border:1px solid #CCCCCC;
height:12px;
padding:0px;
}

DIV.calendar TD {
border:1px solid #CCCCCC;
background-color:#FFE1FF;
height:12px;
font:bold normal 10px Arial, Helvetica, sans-serif;
text-align:center;
padding:0px;
}

DIV.calendar TD.calendar_sign { /*Zaznaczony dzien*/
background-color:#ffc1e7;
color: #FFFFFF;
font-weight: bold;
}

DIV.calendar TD.saturday { /*Sobota*/

disabled : true;
background-color:#DFA1DF;
color: #FFFFFF;
}


DIV.calendar TD.sunday { /*Niedziela*/
disabled : true;
background-color:#CF91CF;
color: #FFFFFF;
}

DIV.calendar TD.invalid { /*Niedziela*/
disabled : true;
color: gray;
}


DIV.calendar A:link {
	color: #004576;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Tahoma;
	text-align: center;
}

DIV.calendar A:active {
color: #004576;
text-decoration: none;
}

DIV.calendar A:visited {
color: #004576;
text-decoration: none;
}

DIV.calendar A:hover {
color: #004576;
text-decoration: none;
}


/*odstepy pomiedzy komorkami w tabeli "register"*/

table.register td{
	padding-top: 10px;
	}
	
table.register td.RegSectionTitle {
	font-weight: 700;	
	padding-top: 30px;
	}
	
/*odstepy pomiedzy komorkami w tabeli "paytable"*/	
	
table.paytable td{
	padding-top: 5px;
	}
	
	
/*czcionkak w subscribe.tpl*/

DIV.row {
	font-size: 12px;
	
	}
	
/*tabela z produktami na fakturze*/
table.black_border {
	border: 1px solid black;
	border-collapse: collapse;
	vertical-align: top
	}

table.black_border td{
	border: 1px solid black;
	border-collapse: collapse;
	}



table.no_border {
	border: 0px;
	}
	
table.no_border td{
	border: 0px;
	}	


.clearboth{
	clear:both;
}