@charset "utf-8";

/******************************************************
 * project   pedigree brandsite
 * date      11-2-2010
 * author    netpositive[worbyd]
 ******************************************************/

/* product type */
.box_product_type {
  float: left;
  width: 168px;
  color: #73560c;
}

.box_product_type .boxhead {
  width: 168px;
  height: 41px;
  background: url('../images/brand/boxhead_product_type.jpg') no-repeat 0 0;
  text-indent: -10000px;
}

.box_product_type .boxbody {
  width: 168px;
  height: 117px;
  background: url('../images/brand/box_product_type.gif') repeat-y 0 0;
}

.box_product_type .boxbody_inlay {
  padding: 15px 20px;
}

.box_product_type .boxfoot {
  width: 168px;
  height: 7px;
  background: url('../images/brand/boxfoot_product_type.gif') no-repeat 0 0;
}

.box_product_type label {
  position: relative;
  display: block;
  margin: 0 0 6px 0;
  padding: 3px 0 0 25px;
  height: 16px;
  overflow: hidden;
  cursor: pointer;
  background-image: url('../images/brand/icon_checkbox.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
}

.box_product_type label.checked {
  background-position: 0 -19px;
}

.box_product_type label input {
  position: absolute;
  top: 0;
  left: -1000px;
}


/* product narrow */
.box_product_narrow {
  float: left;
  margin: 0 0 0 6px;
  width: 694px;
  color: #73560c;
}

.box_product_narrow .boxhead {
  width: 694px;
  height: 41px;
  background: url('../images/brand/boxhead_product_narrow.jpg') no-repeat 0 0;
  text-indent: -10000px;
}

.box_product_narrow .boxbody {
  width: 694px;
  height: 117px;
  background: url('../images/brand/box_product_narrow.gif') repeat-y 0 0;
}

.box_product_narrow .boxbody_inlay {
  padding: 5px;
}

.box_product_narrow .boxfoot {
  width: 694px;
  height: 7px;
  background: url('../images/brand/boxfoot_product_narrow.gif') no-repeat 0 0;
}

.box_product_narrow label {
  float: left;
  margin: 0 6px 4px 6px;
  width: 54px;
  color: #c8b993;
  font-size: 11px;
}

.box_product_narrow input {
  float: left;
  margin: 0 6px 0 0;
  padding: 5px 10px;
  width: 40px;
  height: 19px;
  background: url('../images/brand/input_60x29.gif') no-repeat 0 0;
  border: 0 none;
  color: #73560c;
  font-size: 12px;
  text-align: right;
}

.box_product_narrow h3 {
  padding: 20px 0 10px 0;
  font-size: 12px;
  font-weight: normal;
}


/* dog age */
.box_product_narrow div.dogage {
  float: left;
  width: 200px;
}

.box_product_narrow div.dogage h3 {
  padding: 20px 0 15px 0;
}


/* dog size */
.box_product_narrow div.dogsize {
  float: left;
  padding: 0 0 0 35px;
  width: 255px;
}

.box_product_narrow div.dogsize label {
  position: relative;
  display: block;
  margin: 0 35px 0 0;
  height: 65px;
  overflow: hidden;
  cursor: pointer;
  background-image: url('../images/brand/icons_dogsize.gif');
  background-repeat: no-repeat;
  text-align: center;
}

.box_product_narrow div.dogsize label.small {
  width: 27px;
  background-position: 0 0;
}
.box_product_narrow div.dogsize label.small.selected {
  background-position: 0 -65px;
}

.box_product_narrow div.dogsize label.medium {
  padding: 0 7px;
  width: 38px;
  background-position: -58px 0;
}
.box_product_narrow div.dogsize label.medium.selected {
  background-position: -58px -65px;
}

.box_product_narrow div.dogsize label.big {
  margin: 0;
  width: 51px;
  background-position: -137px 0;
}
.box_product_narrow div.dogsize label.big.selected {
  background-position: -137px -65px;
}
.box_product_narrow div.dogsize label.big span {
  left: 7px;
}

.box_product_narrow div.dogsize label input {
  position: absolute;
  top: 0;
  left: -1000px;
}

.box_product_narrow div.dogsize label span {
  display: block;
  position: absolute;
  bottom: 4px;
  left: 0;
}


/* button */
.button_search_wrap {
  float: left;
  margin: 50px 0 0 0;
  width: 142px;
  height: 48px;
  background: url('../images/brand/button_kereses_bg.jpg') no-repeat 0 0;
}
#products_all {
  width: 173px;
  background: url('../images/brand/button_osszestermek.jpg') no-repeat 0 0;
}


.button_search_wrap button {
  *float: left;
  margin: 8px 0 0 7px;
  padding: 0;
  width: 128px;
  height: 33px;
  cursor: pointer;
  background: none;
  border: 0 none;
  text-indent: -10000px;
}
#products_all button {
  width: 158px;
}

/* product cards */
#products_wrap {
  position: relative;
  padding: 20px 0 0 0;
}

#products_wrap h2 {
  padding: 0 0 12px 0;
  width: 304px;
  height: 20px;
  background: url('../images/brand/title_szukitesnek_megfelelo_termekek.gif') no-repeat 0 0;
  text-indent: -10000px;
}

#products_wrap #content {
  padding: 0 0 30px 0;
  overflow: hidden;
}

#products_wrap #content .page1,
#products_wrap #content .page2,
#products_wrap #content .page3,
#products_wrap #content .page4,
#products_wrap #content .page5,
#products_wrap #content .page6 {
  display: none;
}

#products_wrap .page1 .page1,
#products_wrap .page2 .page2,
#products_wrap .page3 .page3,
#products_wrap .page4 .page4,
#products_wrap .page5 .page5,
#products_wrap .page6 .page6 {
  display: block!important;
}

/* pager */
.yui-pg-container {
  position: absolute;
  bottom: 0;
  right: 73px;
}

.yui-pg-first,
.yui-pg-pages,
.yui-pg-last {
  display: none;
}

.yui-pg-next,
.yui-pg-previous {
  float: left;
  display: block;
  margin: 0 0 0 5px;
  width: 19px;
  height: 19px;
  background-image: url('../images/brand/icons_pager.gif');
  background-repeat: no-repeat;
  text-indent: -10000px;
}

.yui-pg-next {
  background-position: -19px 0;
}
.yui-pg-previous {
  background-position: 0 0;
}

/* product box */
#products_wrap .box_product {
  float: left;
  display: block;
  margin: 0 5px 5px 0;
  padding: 0 10px 0 10px;
  width: 150px;
  height: 207px;
  overflow: hidden;
  cursor: pointer;
  background: url('../images/brand/box_product.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
  text-align: center;
}

#products_wrap .box_product:hover {
  background-position: -170px 0;
}

#products_wrap .box_product img {
  padding: 20px 0 10px 0;
  height: 120px;
}

#products_wrap .box_product span {
  display: block;
  line-height: 13px;
  color: #333333;
  font-size: 11px;
}

/* special product boxes */
/*
#products_wrap .pedigree-sup-sup-junior-marhahussal {
	background: #FDBB29 url('/images/brand/pedigree-sup-sup-junior-marhahussal.jpg') no-repeat left top !important;
}
#products_wrap .pedigree-sup-sup-junior-bonuspack-2x100g-csirkehussal-es-2x100g-pulykahussal {
	background: #FDBB29 url('/images/brand/pedigree-sup-sup-junior-bonuspack-2x100g-csirkehussal-es-2x100g-pulykahussal.jpg') no-repeat left top !important;
}
#products_wrap .pedigree-sup-sup-junior-baromfihussal-es-rizzsel-3-kg {
	background: #FDBB29 url('/images/brand/pedigree-sup-sup-junior-baromfihussal-es-rizzsel-3-kg.jpg') no-repeat left top !important;
}
#products_wrap .pedigree-sup-sup-junior-milky-pockets-sup-sup-70g {
	background: #FDBB29 url('/images/brand/pedigree-sup-sup-junior-milky-pockets-sup-sup-70g.jpg') no-repeat left top !important;
}
#products_wrap .pedigree-sup-sup-junior-tubos-sup-sup-72g {
	background: #FDBB29 url('/images/brand/pedigree-sup-sup-junior-tubos-sup-sup-72g.jpg') no-repeat left top !important;
}



  #products_wrap .pedigree-sup-sup-junior-marhahussal *,
  #products_wrap .pedigree-sup-sup-junior-bonuspack-2x100g-csirkehussal-es-2x100g-pulykahussal *,
  #products_wrap .pedigree-sup-sup-junior-baromfihussal-es-rizzsel-3-kg *,
  #products_wrap .pedigree-sup-sup-junior-milky-pockets-sup-sup-70g *,
  #products_wrap .pedigree-sup-sup-junior-tubos-sup-sup-72g * {
    visibility: hidden !important;
  }
*/

/* yui panel */
#yuipanel_mask {
  background: #000000;
	filter:alpha(opacity=34);
	-moz-opacity:0.34;
	-khtml-opacity: 0.34;
	opacity: 0.34;
}

#yuipanel {
  background: none;
  border: 0 none;
}

#yuipanel .hd {
  padding: 0;
  height: 13px;
  width: 508px;
  background: url('../images/brand/productpanel_hd.png') no-repeat 0 0;
  border: 0 none;
}

#yuipanel .bd {
  padding: 20px 40px 20px 0;
  width: 468px;
  height: 310px!important;
  background: url('../images/brand/productpanel_bd.gif') repeat-y 0 0;
}

#yuipanel .ft {
  padding: 0;
  height: 13px;
  width: 508px;
  background: url('../images/brand/productpanel_ft.png') no-repeat 0 0;
}

#yuipanel .container-close {
  top: 26px;
  right: 27px;
  width: 12px;
  height: 9px;
  background: url('../images/brand/icon_close.gif') no-repeat 0 0;
}

#yuipanel_c .underlay { display: none; }

#yuipanel .bd h2 {
  padding: 0 0 15px 40px;
  color: #c2291c;
  font-size: 18px;
}

#yuipanel .bd .imgwrap {
  float: left;
  margin: 0 9px 0 6px;
  width: 230px;
  height: 300px;
  text-align: center;
}

#yuipanel .bd .description {
  float: left;
  width: 220px;
  line-height: 18px;
  color: #5e4c07;
}