/*
	Cube Interactive, 2009
	Michał Daniel
	www.icube.pl
	biuro@icube.pl
*/

* { margin: 0; padding: 0; border: none; }
body { font-family: Arial, Tahoma, Verdana, sans-serif; 
	   font-size: 12px; font-weight: normal; width: 100%;
	   background: #ef7201 url('../images/bg-body.jpg'); background-position: center; color: #510606; text-align: center; }

a { color: #d3002a; text-decoration: underline; }
a:hover { color: #fff; text-decoration: none; }

#background { width: 100%; background: url('../images/top.jpg'); min-height: 950px; height: auto !important; height: 950px; background-repeat: no-repeat; background-position: top center; }
#footer { width: 100%; height: 178px; background: url('../images/footer-bg.jpg'); background-repeat: repeat-x; }

#frame { width: 1000px; position: relative; margin: 0 auto; text-align: left; overflow: hidden; }
#frame #top { width: 1000px; height: 523px; position: relative; }
#frame #top #logo-animials-food { width: 419px; height: 74px; position: absolute; top: 31px; left: 27px; display: block; }
#frame #top h2 { font-size: 14px; width: 419px; height: 40px; position: absolute; top: 141px; left: 27px; display: block; }
#frame #top p#about-us { font-size: 12px; color: #fff09d; width: 490px; position: absolute; top: 167px; left: 27px; display: block; }
#frame #top p a { font-weight: bold; color: #fff09d; }
#frame #top #logotypy { width: 441px; height: 93px;  background: url('../images/logotypy.jpg'); position: absolute; top: 210px; left: 27px; }
#frame #top #logo-josera { width: 180px; height: 84px;  background: url('../images/logo-josera.jpg'); position: absolute; top: 233px; left: 27px; }
#frame #top #logo-first-class { width: 205px; height: 59px;  background: url('../images/logo-first-class.jpg'); position: absolute; top: 233px; left: 263px; }
#frame #top #logo-acana { width: 205px; height: 71px;  background: url('../images/logo-acana.jpg'); position: absolute; top: 233px; left: 263px; }

#frame #top ul { list-style: none; }
#frame #top ul li a { height: 50px; position: absolute; top: 366px; display: block; }
#frame #top ul li#onas a { width: 89px; left: 20px; background: url('../images/menu-onas.jpg') no-repeat 0% -50px; }
#frame #top ul li#wysylka a { width: 201px; left: 133px; background: url('../images/menu-wysylka.jpg') no-repeat 0% -50px; }
#frame #top ul li#regulamin a { width: 140px; left: 352px; background: url('../images/menu-regulamin.jpg') no-repeat 0% -50px; }
#frame #top ul li#kontakt a { width: 108px; left: 505px; background: url('../images/menu-kontakt.jpg') no-repeat 0% -50px; }
#frame #top ul li#onas a:hover, #frame #top ul li#wysylka a:hover, #frame #top ul li#regulamin a:hover, #frame #top ul li#kontakt a:hover { background-position: 0% 0px; }

#frame #top #panel-klienta, #frame #top #panel-zalogowanego-klienta { width: 381px; height: 135px; background: url('../images/panel-klienta.jpg'); position: absolute; top: 347px; right: 4px; display: block; }
#panel-klienta input { width: 171px; height: 17px; position: absolute; left: 123px; background-color: #ffeebb; }
#panel-klienta #username { top: 58px; }
#panel-klienta #password { top: 88px; }
#panel-klienta #login-submit { width: 27px; height: 25px; background: url('../images/button-ok.jpg'); top: 82px; left: 303px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; cursor: pointer; font-weight: bold; color: #fff;  }

#panel-klienta span { font-size: 11px; position: absolute; top: 110px; left: 119px; }
#panel-klienta span a { color: #510606; text-decoration: none; }
#panel-klienta span a:hover { text-decoration: underline; }

#frame #top #panel-zalogowanego-klienta { background: url('../images/panel-zalogowanego-klienta.jpg'); }
#frame #top #panel-zalogowanego-klienta span { position: absolute; left: 66px; top: 50px; }
#frame #top #panel-zalogowanego-klienta ol { list-style: none; position: absolute; left: 66px; top: 70px; }

#frame #top #search-box { width: 261px; height: 52px; position: absolute; top: 458px; left: 13px; background: url('../images/bg-search.jpg') no-repeat; }
#search-box input { width: 171px; height: 17px; position: absolute; left: 6px; top: 29px; background-color: #ffeebb; }
#search-box #search-submit { width: 69px; height: 29px; background: url('../images/button-szukaj.jpg'); top: 24px; left: 192px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; cursor: pointer; font-weight: bold; color: #fff;  }

#frame #top p#path { font-size: 12px; color: #fff09d; position: absolute; top: 506px; left: 300px; font-family: Tahoma, Arial, Verdana, sans-serif; }
#frame #top p#path a { font-family: Tahoma, Arial, Verdana, sans-serif; font-weight: normal; }
#frame #top a#quick-cart { font-size: 11px; color: #510606; text-decoration: none; font-family: Tahoma, Arial, Verdana, sans-serif; 
								display: block; height: 16px; line-height: 19px; padding-right: 20px; background: url('../images/quick-cart.jpg') no-repeat top right; position: absolute; top: 503px; right: 36px; }
#frame #top a#quick-cart:hover { color: #fff09d; }

#frame #contents { width: 1000px; position: relative; margin: 0 auto; text-align: left; overflow: hidden; }
#contents #left { float: left; width: 296px; padding-bottom: 180px; overflow: hidden; }
#contents #right { float: right; width: 704px; padding-bottom: 155px; overflow: hidden; }

#left .left-box { width: 260px; margin-left: 13px; margin-bottom: 2px; background: #a1161b url('../images/left-box-bg.jpg') repeat-x 0% 56px; }
#left .left-box h2, #left .left-box h3, #left .left-box h4, #left .left-box h5, #left .left-box h6 { display: block; width: 260px; height: 56px; background: url('../images/left-h-bg.jpg'); position: relative; }
#left .left-box h2 img, #left .left-box h3 img, #left .left-box h4 img, #left .left-box h5 img, #left .left-box h6 img { position: absolute; left: 18px; top: 13px; }
#left .left-box .l-contents { background: url('../images/box-left-bottom.gif') no-repeat bottom; padding-bottom: 16px; min-height: 40px; height: auto !important; height: 40px; }
.l-contents ul.submenu { list-style: none; }
.l-contents ul.submenu li { width: 260px; min-height: 40px; height: auto !important; height: 40px; background: url('../images/separator.png') no-repeat bottom; position: relative; }
.l-contents ul.submenu li a { width: 210px; min-height: 20px; height: auto !important; height: 20px; display: block; background: url('../images/strzalka.gif') no-repeat 23px 15px; 
					  padding-left: 48px; padding-bottom: 10px; padding-top: 12px; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; text-decoration: none; color: #fff; }
.l-contents ul.submenu li a:hover, .l-contents ul.submenu li a.active { text-decoration: underline; color: #faa503; }

.l-contents ul.submenu ol { list-style: none; }
.l-contents ul.submenu li ol li, .l-contents ul.submenu li ol li a { min-height: 4px; height: auto !important; height: 4px; background: none; }
.l-contents ul.submenu li ol li a { padding-top: 0px; }

.l-contents p { margin: 15px 15px 0px 18px; color: #fff; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; }
.l-contents a.left-a { display: block; width: 226px; margin-top: 12px; text-align: right; font-weight: bold; color: #fff09d; text-decoration: underline; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; }
.l-contents p.arial { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; }
.l-contents p a { font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; text-decoration: none; color: #fff09d;}
.l-contents a.left-a:hover { text-decoration: none; color: #faa503; }
.l-contents p a:hover { text-decoration: underline; color: #faa503; }

#left .left-box #left-koszyk { background: url('../images/left-koszyk.png') no-repeat left bottom; }
.l-contents p#left-mobile { font-weight: bold; font-size: 20px; font-family: "Arial Narrow", Arial, Tahoma, Verdana, sans-serif; color: #fff; }
.l-contents p#left-mobile strong { font-size: 26px; color: #fff09d; }

.l-contents form#newsletter { width: 231px; height: 36px; position: relative; margin-left: 16px; margin-top: 8px; background: url('../images/newsletter-input.jpg') no-repeat left top; }
.l-contents form#newsletter #newsletter-email { position: absolute; left: 6px; top: 4px; width: 171px; height: 17px; background-color: #ffeebb;  }
.l-contents form#newsletter #newsletter-submit { width: 46px; height: 26px; background: url('../images/button-yellow.jpg'); position: absolute; top: 0px; right: 0px; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; cursor: pointer; font-weight: bold; color: #67080c; }

/* RIGHT */
#contents #right h3 { width: 679px; height: 50px; background: url('../images/right-h-bg.gif'); display: block; clear: both; position: relative; } 
#contents #right h3 img { position: absolute; left: 19px; top: 11px; }
#contents #right h3 strong { position: absolute; left: 19px; top: 13px; font-size: 20px; color: #bb0006; font-style: italic; }
#contents #right h3 a { position: absolute; right: 19px; top: 24px; font-size: 11px; font-weight: normal; }
#contents #right p { margin-bottom: 8px; }
#contents #right .right-box { width: 679px; margin-bottom: 5px; background: #f98a00 url('../images/right-bottom.gif') no-repeat left bottom; padding: 20px 0px; clear: both; overflow: hidden; }
#contents #right .right-box .contents { margin: 0px 20px; position: relative; }
.contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6 { font-weight: bold; font-size: 15px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #bb0006; }
.contents h1, .contents h2 { margin-bottom: 10px; }
.contents .add-date { position: relative; top: -15px; left: 520px; font-size: 10px; color: #fbc37d; }

.contents span.float-left { float: left; padding-right: 12px; padding-bottom: 4px; padding-top: -4px; }
.contents span.float-right { float: right; padding-left: 12px; padding-bottom: 4px; padding-top: 4px; }
.contents img { border: 4px solid #fa9c02; }

.contents .pages-nav, .right-box .pages-nav { position: relative; margin-bottom: 10px; margin-top: 16px; width: 639px; height: 24px; background-color: #fba103; clear: both; }
.right-box .pages-nav { margin-left: 10px; width: 652px; }
.contents .pages-nav.first-nav, .right-box .pages-nav.first-nav  { margin-top: 0px; }
.contents .pages-nav .prev, .right-box .pages-nav .prev { position: absolute; top: 4px; left: 6px; padding: 0; margin: 0; }
.contents .pages-nav .next, .right-box .pages-nav .next { position: absolute; top: 4px; right: 6px; padding: 0; margin: 0; }
.contents .pages-nav p, .right-box .pages-nav p { position: absolute; top: 4px; left: 240px; padding: 0; margin: 0; }

.right-box .product-preview { float: left; width: 326px; height: 125px; margin-bottom: 4px; margin-left: 8px; position: relative; }
.right-box .product-preview div { background-color: #fff; width: 110px; height: 112px; position: absolute; top: 3px; left: 0px; text-align: center; }
.right-box .product-preview div img.okienko { position: absolute; top: 0px; left: 0px; z-index: 2; width: 110px; height: 112px; }
.right-box .product-preview div img { position: relative; margin: auto auto; z-index: 1; }

.right-box ul, .right-box ol { margin-top: 6px; margin-bottom: 10px; list-style-position: inside; margin-left: 10px; } 
.right-box ul.error { color: #df0007; }

.product-preview h1, .product-preview h2, .product-preview h3 { position: absolute; left: 123px; top: 2px; font-weight: bold; font-size: 12px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #bb0006; }
.product-preview h4, .product-preview h5, .product-preview h6 { position: absolute; left: 123px; top: 18px; font-weight: normal; font-size: 10px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #8c1f1f; }
.product-preview h4 strong, .product-preview h5 strong, .product-preview h6 strong { font-weight: normal; color: #510606; }
.product-preview p.price, .product-preview p.new-price { position: absolute; left: 124px; top: 34px; font-weight: bold; font-size: 20px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #510606; }
.product-preview p.price b, .product-preview p.new-price b { color: #ac070e; }
.product-preview a.add-cart { position: absolute; left: 223px; top: 36px; width: 62px; height: 24px; line-height: 24px; padding-left: 30px; overflow: hidden; background: url('../images/do-koszyka.jpg') no-repeat; display: block; font-weight: normal; font-size: 10px; font-family: Tahoma, Arial, Verdana, sans-serif; color: #fff; text-decoration: none; cursor: pointer; }
.product-preview a.add-cart:hover { color: #faa503;  }
.product-preview p.short-desc { position: absolute; left: 124px; top: 68px; margin: 0; padding: 0; }
.product-preview p.new-price { top: 60px; font-size: 24px; }
.product-preview p.promotion { position: absolute; left: 124px; top: 95px; color: #fff600; font-size: 14px; margin: 0; padding: 0; font-weight: bold; }

#contents #right .right-box .margin { margin: 0px 20px 10px 20px; }

.product-info { width: 639px; min-height: 140px; height: auto !important; height: 140px; margin-bottom: 4px; position: relative; }
.product-preview img {  position: absolute; left: 0px; top: 0px; }
.product-info h1, .product-info h2, .product-info h3 { position: absolute; left: 133px; top: 2px; font-weight: bold; font-size: 12px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #bb0006; }
.product-info h4, .product-info h5, .product-info h6 { position: absolute; left: 133px; top: 18px; font-weight: normal; font-size: 10px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #8c1f1f; }
.product-info h4 strong, .product-info h5 strong, .product-info h6 strong { font-weight: normal; color: #510606; }
.product-info p.price, .product-info p.new-price { position: absolute; left: 134px; top: 34px; font-weight: bold; font-size: 20px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #510606; }
.product-info p.price b, .product-preview p.new-price b { color: #ac070e; }
.product-info p.mesure { position: absolute; left: 137px; top: 58px; font-size: 12px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #510606; }
.product-info p.ref { position: absolute; right: 10px; top: 2px; font-size: 12px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #510606; }
.product-info p.unavailable { position: absolute; left: 242px; top: 92px; font-size: 11px; font-family: Arial, Tahoma, Verdana, sans-serif; color: #bb0006; }
.product-info a.add-cart { position: absolute; left: 133px; top: 85px; width: 62px; height: 24px; line-height: 24px; padding-left: 30px; overflow: hidden; background: url('../images/do-koszyka.jpg') no-repeat; display: block; font-weight: normal; font-size: 10px; font-family: Tahoma, Arial, Verdana, sans-serif; color: #fff; text-decoration: none; cursor: pointer; }
.product-info a.add-cart:hover { color: #faa503;  }

#right .gallery { width: 639px; overflow: hidden; margin-top: 20px; padding-bottom: 20px; clear: both; }
#right .gallery div { float: left; width: 118px; height: 118px; margin-top: 10px; margin-right: 6px; }

#right #producer-img { position: absolute; top: 25px; right: 10px; border: none; }

#footer #footer-contents { width: 1000px; height: 178px; background: url('../images/footer.jpg') no-repeat top right; position: relative; margin: 0 auto; text-align: left; }
#footer #footer-contents #footer-pieski { width: 388px; height: 347px; background: url('../images/footer-pieski.png'); position: absolute; top: -169px; left: 0px;  }
#footer-contents #logo-small { width: 201px; height: 38px; position: absolute; top: 37px; right: 22px; display: block; }
#footer-contents p { position: absolute;  left: 405px; top: 57px; line-height: 19px; color: #fff; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; }
#footer-contents p span { color: #feaf4e; }
#footer-contents a { color: #fff; text-decoration: none; font-weight: bold; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; }
#footer-contents a:hover { text-decoration: underline; }
#footer-contents ul { list-style: none; position: absolute; left: 405px; top: 37px; }
#footer-contents ul li { display: inline; float: left; margin-right: 20px; }
#footer-contents ul li a { font-weight: normal; color: #fff; text-decoration: underline; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; }
#footer-contents ul li a:hover { text-decoration: none; }
#footer-contents small { position: absolute;  left: 404px; top: 95px; font-family: Tahoma, Arial, Verdana, sans-serif;  }
#footer-contents small a { color: #feaf4e; font-weight: bold; font-size: 10px; }

#right .lime { color: lime; font-weight: bold; }
#right .red { color: #bb0006; font-weight: bold; }
#right .green { color: green; font-weight: bold; }

/* FORMS */
#right form { width: 649px; margin-left: 30px; margin-top: 0px; margin-bottom: 14px; }
#right form fieldset { margin: 0; border: none; }
#right form legend { font-weight: bold; font-family: Arial, Tahoma, Verdana, sans-serif; padding: 10px 0px; font-size: 14px; color: #bb0006; font-style: italic; }
#right form legend.first-child { padding-top: 0px; }
#right form fieldset div { clear: both; overflow: hidden; margin-top: 6px; }
#right form fieldset div p { padding: 6px 0px 6px 160px; width: 350px; }
#right form label { width: 160px; float: left; padding-top: 3px; text-align: right; }
#right form label span { margin-right: 10px; }
#right form label span strong, #right form fieldset div p strong { color: #b0006; }
#right form fieldset div span.req { float: left; margin-left: 4px; color: #bb0006; }
#right form fieldset div span.lab { float: left; padding-top: 4px; }
#right form input, #right form select, #right form textarea { width: 350px; padding-top: 2px; height: 18px; float: left; background-color: #ffeebb; border: 2px solid #f37b0d; font-size: 11px; }
#right form textarea { height: 80px; }
#right form input:hover { background-color: #fff; }
#right form input.short, #right form select.short, #right form textarea.short { width: 200px; }
#right form input.short250, #right form select.short250, #right form textarea.short250 { width: 250px; }
#right form input.radio, #right form input.check { width: 30px; background: none; border: none; } 
html>body #right form input.radio, html>body #right form input.check { margin-top: 3px; }
#right form input.submit-first, #right form input.submit { display: inline; margin-top: 6px; width: 107px; height: 29px; border: none; background-image: url('../images/button-bg.jpg'); font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; cursor: pointer; font-weight: bold; color: #fff; }
#right form input.submit-first { margin-left: 160px; }
#right form input.submit { margin-left: 10px;  }
#right form span.wyr { padding-top: 3px; }   
/* REGISTER FORM */
#osoba-prywatna, #firma { display: none; }	   
#right form#register input, #right form#register select, #right form#register textarea { width: 250px; } 
#right form#register input.radio, #right form#register input.check { width: 30px; }
#right form#register input.submit-first, #right form#register input.submit { display: inline; margin-top: 6px; width: 107px; height: 29px; border: none; background-image: url('../images/button-bg.jpg'); font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; cursor: pointer; font-weight: bold; color: #fff; }
#right form#register input.submit-first { margin-left: 160px; }
#right form#register input.submit { margin-left: 10px;  }

/* SORT BY FORM*/
#right form#sort-by { width: 350px; position: absolute; top: 20px; right: 10px; }
#right form#sort-by label { width: 100px; font-size: 12px; }
#right form#sort-by select { width: 150px; height: 20px; }
#right form#sort-by input.submit { margin-left: 10px; width: 74px; margin-top: 0px; height: 20px; background-image: url('../images/button-bg2.jpg'); }

/* CART */
#right form#table-cart { width: 649px; margin-left: 0px; }
#right form#table-cart input { width: 40px; float: none; padding: 0; margin: 0; }
#right form#table-cart input.submit { display: inline; float: none; margin-top: 6px; width: 107px; height: 29px; border: none; background-image: url('../images/button-bg.jpg'); font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; cursor: pointer; font-weight: bold; color: #fff; }

#right #contact-form { margin-left: 0px; width: 400px; }
#right #contact-form label { width: 80px; }
#right #contact-form input, #right #contact-form textarea { width: 200px; }
#right #contact-form input.submit-first { margin-left: 80px; width: 107px; }

#right #contact-map-box { position: relative; width: 100%; height: 320px; margin-top: 40px; }
#right #contact-map-box #google-map { position: absolute; top: 50px; right: 10px;}

#right a.button { display: block; width: 107px; height: 29px; line-height: 29px; border: none; 
background-image: url('../images/button-bg.jpg'); text-align: center; text-decoration: none; font-family: Tahoma, Arial, Verdana, sans-serif; 
font-size: 11px; cursor: pointer; font-weight: bold; color: #fff; }


.hidden { display: none; }

table, tr, td { border-spacing: 0; border-collapse: collapse; border: none; }
table { width: 600px; margin: 2px 20px 30px 20px; }
table thead tr { height: 30px; background: #faa503;  }
table thead td { width: auto; text-align: center; color: #bb0006; font-weight: bold; padding: 0px 4px 0px 4px; } 
table tbody tr { background: #f28702;  }
table tbody tr.alt { background: #f27704; }
table tbody tr td { padding: 8px 8px; text-align: center; }
table tbody tr td.small { font-size: 10px; }
table tfoot tr { background-color: #f98a00;  } 
table tfoot tr td { padding: 8px 0px; }

table#cart { width: 649px; margin: 10px 0px 10px 0px; }
#right form#do-order { margin-left: 0px; }