@import url(shop.css);
/* Basic ///////////////////////////////////////////////////////////////////////////////////  */
body { background: url('../gfx/bg.gif') 0 0 repeat-x; } 
body,form,input,textarea,select,option { color: #666; font: 11px  Tahoma, Arial, Helvetica,Verdana; line-height: 16px; padding: 0; margin: 0;}

body.mceContentBody { background: #FFF; } 
body#chocotelegram { background-image: url('../gfx/bg_tele.gif'); background-repeat:no-repeat;  }
body#popup { background-image: none; padding: 0 10px; }

h1,h2,h3,h4,h5,p,ul,dl { margin: 0; padding: 0; }

a { text-decoration: none; color: #88a300; }
a img {border: none;}
a:link, a:visited {color: #88a300; text-decoration: none;}
html body a:hover {text-decoration: underline; }

p { padding:  5px 0 15px 0; }
h1 { 	color: #88a300; padding:  20px 0 5px 0; font: bold 12px Tahoma, Arial,Helvetica,Verdana; }
h2 { 	color: #666; padding:  15px 0 15px 0; font: normal 12px Verdana, Arial, Helvetica; }
h3 { 	color: #000; padding:  5px 0 5px 0; font-size: 12px; }
h4 { 	color: #000; padding:  15px 0 5px 0; font-size: 13px; }
h6 { 	color: #000; padding:  10px 0 10px 0; font-size: 13px; border: 1px solid #cdc4a0; text-align: center;}
/* List  ///////////////////////////////////////////////////////////////////////////////////  */
ul { margin: 0;  }
ul li { padding: 0 0 4px 20px; list-style-type: none; background: url('../gfx/li.gif') 0px 8px no-repeat; line-height: 18px;}

/* Forms  /////////////////////////////////////////////////////////////////////////////////// */
input,textarea,select { vertical-align: middle; }
textarea, input.text, select { border: 1px solid #9f9a7b; background-color: #ffffff; padding: 0; }
textarea { font-size: 11px; padding: 3px 4px; margin: 5px 0 10px 0; width: 200px; height: 70px; float: left; }
textarea.bigtextarea { width: 290px; margin: 0 0 5px 0; }
input.text { background-color: #FFF; border: 1px solid #666; color: #000; padding: 2px 5px 3px 5px; line-height: 15px;}
#orderForm input.text { width: 210px;} 
input:focus { border: 1px solid #000;  background-color: #f1f1f1;}
input.button { border: none;  font-weight: bold; padding: 2px 5px; color: #FFF; cursor: pointer; width: auto; overflow: visible; background: #88a300}
input.light { background-color:#ececec; background-image: none; color: #666666; }
input.red { background-color:#e4001c; }
input.longText { width: 260px; }
/* General  ///////////////////////////////////////////////////////////////////////////////////  */

/* for the benefit if IE */
#main em { font-style:normal; }
/* for everyone else */
#main p>em { font-style:italic; }

a.more { background: url('../gfx/more.gif') 0 3px no-repeat; padding: 0 0 0 15px; }
.fl { float: left; }
.fr { float: right; }
.al { text-align: left; } 
.ar { text-align: right; }
.ac { text-align: center; } 
.aj { text-align: justify; } 

.l_img { float: left; margin: 0 15px 10px 0; border: 3px solid #493f35; }
.r_img { float: right; margin: 0 0 10px 15px; border: 3px solid #493f35; }
.c_img { text-align: center; margin: 0 15px 10px 15px; }
.separate { background: url('../gfx/dots.gif') 0 7px repeat-x;  height: 14px; }
.clearing { clear: both; line-height: 0.1%; font-size: 0.1%; }

/* USABILITY /////////////////////////////////////////////////////////////////////////////////// */
.skiplink { position: absolute; left: 0px; top: -500px; overflow: hidden; }
.title { padding: 0 0 20px 0;}

/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
.wrapper { overflow: hidden; clear: both; }
.all { width:100%; background: url('../gfx/bg_.gif') center top no-repeat;   }

#container { width: 960px; margin: 0 auto; padding: 0; background-color: #FFF; }
#header { height: 90px; width:100%; overflow: hidden; }
#content {   width: 960px; overflow: hidden;  }
#page { overflow: hidden; width: 750px; float: left; }
#pageOrder { overflow: hidden; width: 958px; float: left; }
#rightCol { overflow: hidden; width: 195px; margin: 0 0 0 15px; float: right; }
/* LOGO ///////////////////////////////////////////////////////////////*/
a#logo { width: 304px; height: 90px; float: left; display: block; text-indent: -5000px;  background: url('../gfx/logo.gif') 0 0 no-repeat; }

/* NAVTOP & SEARCH ///////////////////////////////////////////////////////////////*/
#nav_top {  float: right; text-align: right; margin: 15px 15px 0 0;  color: #5e4b3b; overflow: hidden; }
#nav_top a { color: #000000;  padding: 38px 0 0 0; font-weight: bold; display: block; float: left; margin-left: 20px;} 
#nav_top a#basket { background: url('../gfx/ik_basket.gif') center top no-repeat; }
#nav_top a#login { background: url('../gfx/ik_login.gif') center top no-repeat; }
#nav_top a#register { background: url('../gfx/ik_register.gif') center top no-repeat; }
#nav_top a#logout { background: url('../gfx/ik_logout.gif') center top no-repeat; }
#nav_top a#profile { background: url('../gfx/ik_profile.gif') center top no-repeat; }
#nav_top a#help { background: url('../gfx/ik_help.gif') center top no-repeat; margin-left: 35px; }

#panel_info { float: right; margin: 15px 0px 0 0; padding: 20px 20px 0 0; border-right: 1px solid #dddddd; }
#panel_info p { padding: 0; text-align: right; }
#panel_info p  strong { color: #000; }

/* MENUTOP - txt ///////////////////////////////////////////////////////////////////////////////////  */
/* ZMIANA z 62 na 31 */
#menuTop { height: 30px; overflow: hidden; background: url('../gfx/mt.gif') 0 0 repeat-x; width: 100%; }
#menuTop ul { margin: 0 0 0 20px; padding: 0; overflow: hidden; float: left; background: url('../gfx/mt_ul.gif') right top no-repeat;  }
#menuTop ul li { margin: 0; padding: 0; float: left; line-style-type: none; background: url('../gfx/sep.gif') 0 0 no-repeat; }
#menuTop ul li a { display: block; padding: 7px 15px 9px 17px; font: bold 12px Tahoma, Arial, Helvetica,Verdana; color: #FFF;  }
#menuTop ul li.lev1_li a { background: url('../gfx/mt_li.gif') 0 0 no-repeat; padding-left: 35px; }
#menuTop ul li a:hover,#menuTop ul li.selected a  { background-position: 0 -30px; color: #353f00; text-decoration: none; }

#menuTop ul.lev_2 { margin: 0; position:absolute; padding: 0 0 10px 0; background: #f2eed5 url('../gfx/mod_bot.gif') left bottom no-repeat; z-index: 5;}
#menuTop ul.lev_2 li {  background-image: none; margin: 0; padding: 0; display: block; width: auto; float: none; width: 195px; }
#menuTop ul.lev_2 li a { color: #354000; display: block; padding: 4px 20px 6px 20px; text-decoration:none; border-bottom: 1px solid #ddd9bf; background-color: #f2eed5; font: normal 11px Tahoma, Arial, Helvetica,Verdana;  }
#menuTop ul.lev_2 li a:hover { background-color: #FFF; }

#menuTop ul.lev_2 li.clear { background-image: none; }
#menuTop ul.lev_2 li span { text-decoration: none; color: #392f24; display: block; padding: 7px 21px 9px 21px; font: 12px Arial, Tahoma, Helvetica,Verdana; }

#search { float: right; margin: 4px 5px 0 0; overflow: hidden;}
#search form { padding: 0; margin:0; background: url('../gfx/bg_search.gif') 0 1px no-repeat; overflow: hidden; height: 30px; width: 186px; float: left;  }
* > #search form { margin-top: 1px; }
#search .text { width: 120px; height: 16px; border: none; background-color: transparent; color: #000; font-size: 11px; line-height: 11px; margin: 0px;
padding: 1px 0 2px 10px; vertical-align: middle; float: left; }
/* to dla ff itd bo nie mozna usunac marginesu inputa w ie */ 
* > #search .text { margin-top: 2px; margin-bottom: 2px;  }
#search .button { border: none; width: 26px; height: 19px; line-height: 11px; background: url('../gfx/search.gif') 0 0 no-repeat; padding: 0; margin: 0; vertical-align: middle; float: left; margin-left: 10px; }
* > #search .button { margin: 0px 0 2px 10px; }

#search a { display: block; padding-top: 2px;  float: left; color: #f2eed5; font-size: 9px;  }



.lang { float: right; height: 30px; background: url('../gfx/sep.gif') 0 0 no-repeat; }
.lang a { background: url('../gfx/lang.gif') right top no-repeat; color: #FFF; line-height: 12px; display: block; padding: 4px 28px 6px 0; margin: 4px 12px 0 22px;}
.lang a#lang_pl { background: url('../gfx/lang.gif') right bottom no-repeat; }

#top { height: 25px; overflow: hidden; width: 100%; padding-top: 5px;}
/*  LOCALISER   /////////////////////////////////////////////////////////////////////////////////// */
#localiser { margin: 0; color: #666666; float: left; padding: 0 0 0 5px; }
#localiser a { color: #666666; padding: 0 15px 0 10px; background: url('../gfx/arr.gif') right center no-repeat;  }
#localiser a#home { padding-left: 0; color: #88a300; }
#localiser .selected { padding-left: 10px; }
#localiser h1 { font-size: 11px; font-weight: normal; display: inline; color: #666; }
#nameday { float: right; padding: 0; }

.mod { margin-bottom: 15px; overflow: hidden; width:195; color: #42413d;  }
.mod img { vertical-align:middle; }
.mod p { padding: 0 0 0 11px; }

#cat { overflow: hidden; background: #f2eed5 url('../gfx/mod_cat.gif') 0 0 no-repeat; padding-top: 8px;  }
#cat h1 { padding: 0 10px 10px 20px; color:#8d8867; text-transform: uppercase; }
#cat ul { margin: 0; padding: 0 0 15px 0; background: #f2eed5 url('../gfx/mod_bot.gif') left bottom no-repeat; width: 195px;}
#cat li { background-image: none; padding: 0; margin: 0; width: 195px; border-bottom: 1px solid #ddd9bf; } 
* html #cat ul li { height:1px; vertical-align:bottom; }
#cat ul li a { color: #354000; display: block; padding: 1px 5px 3px 20px; text-decoration:none; background-color: #f2eed5; }
#cat ul li a:hover { background-color: #f9f7e9; }
#cat ul li.selected a { background-color: #FFF; font-weight: bold; }
* html #cat ul li a { height:1px; vertical-align:bottom;  }

#cok { background: #f2eed5 url('../gfx/mod_c_1.gif') 0 0 no-repeat; padding-top: 30px; }
#cok p { background: url('../gfx/mod_c_2.jpg') right bottom no-repeat; padding-bottom: 15px; }

#polecamy { background: #f2eed5 url('../gfx/mod_pol_1.gif') 0 0 no-repeat; padding-top: 32px; }
#polecamy ul { padding: 0 0 15px 0; margin: 0; background: #f2eed5 url('../gfx/mod_bot.gif') left bottom no-repeat;  width: 195px;}
#polecamy li { padding: 0; margin: 0; background: #f2eed5 url('../gfx/dots_green.gif') right bottom no-repeat;  width: 195px;}
#polecamy li a { background-position: 6px 2px; background-repeat:no-repeat; padding: 5px 10px 7px 48px; display: block; color: #000000; }
#polecamy li a:hover {  background-position: 6px -27px;  color: #88a300; text-decoration:none; }
#polecamy li#alternative a { background-image: url(../do/image/_mini/alternative.gif); }
#polecamy li#boze_narodzenie a { background-image: url(../gfx/i_boze_narodzenie.gif);  }
#polecamy li#wyszukiwarka_imienin a { background-image: url(../gfx/i_szukaj.gif);  }
#polecamy li#program a { background-image: url(../gfx/i_program.gif);  }
#polecamy li#kreator a { background-image: url(../gfx/i_kreator.gif);  }
#polecamy li#newsletter a { background-image: url(../gfx/i_newsletter.gif);  }
#polecamy li#kartki a { background-image: url(../gfx/i_kartki.gif);  }
#polecamy li#promocje a { background-image: url(../gfx/i_promocje.gif);  }
#polecamy li#doradz a { background-image: url(../gfx/i_doradz.gif);  }
#polecamy li#haiti a { background-image: url(../gfx/haiti.gif); background-position:13px 2px;  }
#polecamy li#haiti a:hover { background-position:13px 2px;  }
#polecamy li#tv a { background-image: url(../gfx/i_tv.gif);  }

#wysylamy { background: #f2eed5 url('../gfx/mod_wysylamy.gif') 0 0 no-repeat; padding-top: 32px; height: 29px; }
#wysylamy select { font-size: 9px; float: left; margin-left: 12px; padding: 1px 0;}
#wysylamy option { font-size: 9px; }
/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer {   margin: 20px 0 10px 0; width: 960px; clear: both; /* background: url(../gfx/payment.gif) 210px 40px no-repeat; */}
#footer .links_2 { color: #000000; padding: 5px 20px 20px 10px; width: 930px; margin:0; overflow: hidden;  background: url(../gfx/foot_ul.gif) left top no-repeat;}
#footer .links_2 li { float: left; background: url(../gfx/sep2.gif) right center no-repeat; padding: 0px 10px 0 10px;}
#footer .links_2 li a { color: #000000; }
#madeby,#madeby a   { color: #ccc; }


/* TABLE  ///////////////////////////////////////////////////////////////////////////////////  */
.info,table { margin: 10px auto 20px auto; border-collapse: collapse; color: #666666; font-size: 11px; width: 100%;}
.info td,table td { padding: 6px 8px;  border-top: 1px solid #ececec; border-collapse: collapse; vertical-align: middle; text-align: left;  }
.info th,table th { background-color: #FFF; padding: 5px 5px 8px 5px; color: #000; text-align: center; border-top: 1px solid #ececec; }
.info .head td { font-weight: bold; color: #666666; font: bold 11px Tahoma, Arial,Helvetica,Verdana; padding: 20px 0 10px 0; border-top: 0; border-bottom: 3px solid #ececec;}
.buttons td { text-align: center; padding: 12px 8px; }
.info td.first { text-align: left;}
.info .txt_right { text-align: right; border-bottom: 0;}
form table th { border-bottom: 1px solid #ececec; }
.div_left { width: 465px; float: left; }
.div_right { width: 465px; float: right; }
.div_right select  { width: 210px; }
.info .deliveryDateTR td { border: 1px solid #ececec; background-color: #fafafa; background: #dbe3b2; padding: 0px 10px 20px 10px; border: 0; }
.deliveryDateTR select { width: auto; margin: 20px 10px 0px 0; }
.deliveryDateTR img { vertical-align: middle; margin-top: 20px; }
.deliveryDateTR span {  margin-top: 20px; display: block; float: left; padding: 1px 10px 0 0; }

.payment { border: none;  margin: 10px 0;  border-bottom: 1px solid #ececec; }
.payment td { padding: 10px 10px 10px 10px; border: none;  border-bottom: 1px solid #ececec; }
.payment h1 { padding: 0px 0 5px 0;  }
.payment p { padding: 0; }
.payment h1 input { margin-right: 10px; }
.payment .lay td { border: none; vertical-align: top; padding: 0; }
.line_grey td { background-color:#fdfdfd; }
.payment img { vertical-align: middle;  }
/* org by misza */
/*
.payment .submit input.button { width: 220px; height: auto; padding: 10px 5px; background: #88a300 url(../gfx/bg_input.gif) 0 0 repeat-x; border: 2px solid #7b9300; }
*/
/* modified by insane */
.payment .submit input.button { width: 160px; height: auto; padding: 5px 2px; border: 1px solid #7b9300; }

#helpContact { width: 960px; background: #f5edd6 url(../gfx/help_bg.gif) left bottom no-repeat; overflow: hidden;  }
#helpContact .gfx { background: url(../gfx/help_top.gif) 0 0 no-repeat; padding-top: 10px; margin-bottom: 10px;  width: 960px; overflow: hidden; }
#helpContact .gfx div { float: left; display: inline; }
#helpcok { margin: 0 30px 0 120px; width: 230px; }
#helpstatic { width: 309px;  }
#helphours { margin: 5px 0 0 50px; width: 180px; color: #000; font-size: 14px; line-height: 30px;}
#helpLinks { margin: 30px 0; }
#helpLinks .row { height: auto; overflow: hidden; width: 920px; padding-left: 40px;  margin-top: 20px; background: url(../gfx/links_lines.gif) 0 0 repeat-y;}
#helpLinks .row div { width: 230px; float: left; }
/* insane */
.cartAdditionalSubitem { float: left; width: 100px; text-align: center; line-height: 14px; }
.cartAdditionalSubitem img { padding-bottom: 5px; }

div.calendar { width: 250px; }
.calendar table { width: auto; }
.promotion { margin-top: 20px; border-bottom: 1px solid #ececec; padding-bottom: 10px; }
.promotion .small { margin-top: -10px; }
.orderLogin { padding: 10px 20px 10px 20px; margin-top: 20px; border: 1px solid #ececec; border-top: 3px solid #ececec; background: #fafafa; /* background: #dbe3b2; */ }

.info .invalid td { background-color:#fac2c9; }
.advert { margin-bottom: 15px; }
.advertcl { margin-top: 12px; }

.staticPage { margin: 10px 1px; font-size: 12px; }

.cartCategories .product { width: 142px; height: 180px; }
.cartCategories .product h1 { font-size: 10px; height: 16px; }
.cartCategories .product .price { font-size: 10px; text-align: center; float: none; }
.cartCategories .button { font-size: 10px; }
.cartCategories .button a { padding-top: 4px; }
.cartCategories .middlel { margin: 0 15px 0 30px; }
.cartCategories .middler { margin: 0 30px 0 15px; }
.cartCategories .row_0, .cartCategories .row_1 { background: url('../gfx/row_1_cart.gif') left top no-repeat; }
.cartCategories .wraptocenter { height: 120px; }
.cartCategories .change { height: 180px; } 

.helpHand { background: url('../gfx/hand.gif') 0 0 no-repeat; margin: 16px 0 0 0; padding: 0 0 0 30px; }
.showAll { float: right; margin-right: 10px; padding-top: 6px;  color: #000000} 

/* Ryszard */
.namedays .info .first{ width: 197px; height: 44px; }
.namedays .info td{ height: 44px; }
.namedays .info td #NamesMonth { width: 100px; }
.namedays .info td #NamesDays { width: 40px; }

/* Bouquet Creator - insane */
#accordion { margin: 30px 0; }
#accordion .panel { margin-bottom: 10px; }
#accordion h3 { color: #000; border: 1px solid #ececec; border-top: 3px solid #ececec; background: #fafafa; padding: 10px; }
#accordion h3 span { color: #666; margin-right: 10px; }
#accordion .panelBody { padding: 15px 20px; border: 1px solid #ececec; background: #fafafa; border-top: 0px; }
#accordion .panelBody table { margin-bottom: 0; border-top: 0px; border-bottom: 1px solid #ececec; }
#accordion .panelBody table td { padding-top: 15px; padding-bottom: 15px; }

.accordionStatus { margin: 30px 0; margin-left: 11px; }
.accordionStatus h3 { float: left; padding: 0px; }
.accordionStatus .flprice { float: left; margin-left: 30px; }
.accordionStatus .fl { padding-top: 10px; } 
.accordionStatus .addToBasketFormWrapper { float: right; margin-right: 11px; }
.accordionStatus .addToBasketFormWrapper input { background: url('../gfx/add.gif') 0 0 no-repeat; width: 162px; height: 36px; display: block; text-indent: -5000px; border: 0; cursor: pointer; }
.align-center { text-align:center; }
.popular-dates{ margin-top: 20px; margin-bottom: 20px; }
.tableNone { margin:0; }
.tableNone td { padding: 2px 2px; }
#selectByPrice { background-color: #fff; border: 1px solid #ddd; font-size: 11px; margin-top: 5px; padding: 0; width: auto; margin-bottom: 2px; text-align:center; }

#title { margin-top: 6px; padding-top: 0; line-height: auto; }
.invoice { background: url('../gfx/pdf-icon.gif') top right no-repeat; padding-right: 24px; padding-top: 5px; padding-bottom: 5px; height: 20px; }

#topSearches { background: #fefefe; color: #ccc; border: 1px solid #ececec; padding: 8px; font-size: 10px; }
#topSearches p { font-weight: normal; margin: 0 0 4px 0; padding: 0; }
#topSearches p.ef { color: #666; }
#topSearches a { color: #ccc; font-weight: normal; }

.green { border: 1px solid #ececec; border-top: 3px solid #ececec; border-left: 0; border-right: 0; background-color: #fafafa; background: #dbe3b2; padding: 0px 10px 20px 10px; }
#couponContainer table td { text-align:center; border-collapse:collapse; border-top:1px solid #ECECEC; padding:6px 8px; }
.cartMessage { margin: 20px 0 20px 0; background: #ECECEC; padding: 20px 20px 20px 20px; color:#000000; border:1px solid #CDCDCD; }
.loyaltyProgram { background: #F9F9F9; }
