/* ----------Rahmen außen */

  .GeneralLayout {
      border: 1px solid  #68676B ;
  }


/* ----------Hintergrundfarbe Cross-Sellingbereich *                    

  .HotDeal .ImageArea {
      background: #fffbda;
  }

  .SlimHotDeal .ImageArea {
      background: #fffbda;
  }

  .ProductListImageBox div.ImageArea,
  div.CrossellingImageArea,
  div.BundledProductsImageArea {
      background: #FFFBDA;
      color: #FFFBDA;
  }

  div.ImageBroad div.ImageArea div.ImageAreaPropertyContainer div {
      background: #FFFBDA;
      color: #FFFBDA;
  }

  #PreviewArea {                       
      background: #FFFBDA;
      color: #FFFBDA;
  }


/* ----------Schriftgröße Contentbereich */

  .ContentArea .GrauDescription {
      line-height: 140% !important;
  }
 
/* ----------Umrandung bei Variations-Auswahlboxen entfernen (IE6 und FF) ---------------------*/

  table.SelectVariation {
      border: 0px;
  }

  table.SelectVariation tr th,
  table.SelectVariation tr td {
      border: 0px;
  }

  table.MiniBasket {
      border: 0px;
  }

  table.Basket {
      border: 0px;
  }

  table.Basket th {
      border: 0px;
  }

  table.Basket td,
  table.MiniBasket td {
      border: 0px;
  }


/* ---------- Graue Trennlinie ---------------------*/

  .GrauTrennlinie {
		width: 100%;
		color: #68676B;
		background-color: #68676B;
		height:1px;
		border:1px #68676B;
	}

/* ---------- Graue Trennlinie ---------------------*/

  .ListItemProduct .ArtikelNr {
      text-align: left;
      font-size: 9px;
  }

/* ----------Rahmen außen */

.button_gelb  {
  background: #FFFE3F;
}
.button_ergaenzung {
  background: #2E1C86;
}
.button_zubehoer {
  background: #EA5A00;
}
.button_nahrung {
  background: #9F0002;
}
.button_pflege {
  background: #691284;
}
.button_weitere {
  background: #E73300;
}
.button_service {
  background: #007B2A;
}



/* ----------Kategorie links */

.left-cat {
  width: 187px;
  height: 35px;
  border: 0px;
  overflow: hidden;
}
.left-cat_gelb {
  background: #FFEF3F;
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftcat_gelb.png) no-repeat;
}
.left-cat_ergaenzung {
  background: #2E1C86;
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftcat_ergaenzung.png) no-repeat;
}
.left-cat_zubehoer {
  background: #EA5A00;
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftcat_zubehoer.png) no-repeat;
}
.left-cat_nahrung {
  background: #9F0002;
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftcat_nahrung.png) no-repeat;
}
.left-cat_pflege {
  background: #691284;
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftcat_pflege.png) no-repeat;
}
.left-cat_weitere {
  background: #E73300;
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftcat_weitere.png) no-repeat;
}
.left-cat_service {
  background: #007B2A;
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftcat_service.png) no-repeat;
}


.left-cat .left-cat-text {
  width: 187px;
  height: 35px;
  border: 0px;
  padding: 10px;
  font-weight: bold !important;
  text-align: left;
  vertial-align: middle;
}
.left-cat .left-cat-text_gelb  {
  color: #2E1C86;
}
.left-cat .left-cat-text_ergaenzung,
.left-cat .left-cat-text_nahrung,
.left-cat .left-cat-text_pflege, 
.left-cat .left-cat-text_zubehoer,
.left-cat .left-cat-text_weitere,
.left-cat .left-cat-text_service  {
  color: #FFFFFF;
}


/* ----------Navigation links */

#left-nav {
  height: 100%;
}

.left-nav {
  width: 200px;
  border: 0px;
  overflow: hidden;
  background: #FFFBDA;
}

.left-nav_gelb {
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftnav_gelb.gif) repeat;
}
.left-nav_grau {
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftnav_grau.gif) repeat;
}
.left-nav_ergaenzung {
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftnav_ergaenzung.gif) repeat;
}
.left-nav_nahrung {
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftnav_nahrung.gif) repeat;
}
.left-nav_pflege {
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftnav_pflege.gif) repeat;
}
.left-nav_zubehoer {
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftnav_zubehoer.gif) repeat;
}
.left-nav_weitere {
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftnav_weitere.gif) repeat;
}
.left-nav_service {
  background: url(/WebRoot/Grau/Grau/left-nav/bgr_leftnav_service.gif) repeat;
}



.left-nav-picture {
  width: 190px;
  height: 540px;
	max-height: 5000px;
  border: 0px;
  overflow: hidden;
  padding-top: 5px;
  padding-left: 10px;
}
.left-nav-picture_gelb {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_grau.jpg) no-repeat;
}
.left-nav-picture_hund {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_hund.jpg) no-repeat;
}
.left-nav-picture_hund_ergaenzung {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_hund_ergaenzung.jpg) no-repeat;
}
.left-nav-picture_hund_nahrung {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_hund_nahrung.jpg) no-repeat;
}
.left-nav-picture_hund_pflege {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_hund_pflege.jpg) no-repeat;
}
.left-nav-picture_hund_zubehoer {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_hund_zubehoer.jpg) no-repeat;
}
.left-nav-picture_katze {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_katze.jpg) no-repeat;
}
.left-nav-picture_katze_ergaenzung {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_katze_ergaenzung.jpg) no-repeat;
}
.left-nav-picture_katze_nahrung {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_katze_nahrung.jpg) no-repeat;
}
.left-nav-picture_katze_pflege {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_katze_pflege.jpg) no-repeat;
}
.left-nav-picture_katze_zubehoer {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_katze_zubehoer.jpg) no-repeat;
}
.left-nav-picture_kleintier {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_kleintier.jpg) no-repeat;
}
.left-nav-picture_kleintier_ergaenzung {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_kleintier_ergaenzung.jpg) no-repeat;
}
.left-nav-picture_kleintier_nahrung {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_kleintier_nahrung.jpg) no-repeat;
}
.left-nav-picture_kleintier_pflege {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_kleintier_pflege.jpg) no-repeat;
}
.left-nav-picture_kleintier_zubehoer {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_kleintier_zubehoer.jpg) no-repeat;
}
.left-nav-picture_kleintier_weitere {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_kleintier_weitere.jpg) no-repeat;
}
.left-nav-picture_weitere {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_weitere.jpg) no-repeat;
}
.left-nav-picture_service {
  background: url(/WebRoot/Grau/Grau/left-nav/pic_service.jpg) no-repeat;
}


/* ----------Navigation oben */

.top-nav {
  width: 617px;
  height: 35px;
  border: 0px;
  overflow: hidden;
  background: #FFF594;
  padding: 0px;
}
.top-nav table {
      margin: 0;
      border-collapse: collapse;
      border-width: 0;
} 


.top-nav .top-nav-button {
  width: 196px;
  height: 16px;
  border: 0px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 3px;
}
.top-nav .top-nav-button a,
.top-nav .top-nav-button a:hover  {
  font-size: 11px;
  font-weight: bold !important;
  color: #FFFFFF;
  text-align: left;
  vertial-align: middle;
  text-decoration: none;
}
.top-nav .top-nav-button a:hover  {
  text-decoration: underline;
}


/* ----------Navigation oben STARTSEITE*/

.top-nav-start {
  width: 617px;
  height: 35px;
  border: 0px;
  overflow: hidden;
  background: #FFF594;
  padding: 0px;
}
.top-nav-start table {
      margin: 0;
      border-collapse: collapse;
      border-width: 0;
		  vertial-align: middle;
} 

.top-nav-start .top-nav-start-button {
  width: 196px;
  height: 32px;
  border: 0px;
  overflow: hidden;
  margin-right: 10px;
  margin-top: 9px;
  margin-bottom: 3px;
}

.top-nav-start .top-nav-start-button a,
.top-nav-start .top-nav-start-button a:hover  {
  font-size: 11px;
  font-weight: bold !important;
  color: #68676B;
  text-align: left;
  vertial-align: middle;
  text-decoration: none;
}
.top-nav-start .top-nav-start-button a:hover  {
  text-decoration: underline;
}



/* ----------Logo Kopf */

#left-logo {
  width: 200px;
  height: 86px;
  border: 0px;
  overflow: hidden;
  background: url(/WebRoot/Grau/Grau/head/grau_logo_200x86.png) no-repeat;
}



/* ----------Menü Kopf */

#head-menu #hund-ico {
  border: 0px;
  position: relative;
  left: 47px;
  top: -2px; 
}
#hund-ico a {
  width: 217px;
  height: 86px;
  line-height: 86px;
  display: block;
  background: url(/WebRoot/Grau/Grau/head-menu/hund_ico.png) no-repeat;
}
#hund-ico a.active, #hund-ico a:hover {
  width: 217px;
  height: 86px;
  line-height: 86px;
  display: block;
  background: url(/WebRoot/Grau/Grau/head-menu/hund_ico_active.png) no-repeat;
}
 

#head-menu #katze-ico {
  border: 0px; 
  position: relative;
  left: 7px;
  top: -2px;
}
#katze-ico a {
  width: 133px;
  height: 86px;
  line-height: 86px;
  display: block;
  background: url(/WebRoot/Grau/Grau/head-menu/katze_ico.png) no-repeat;
}
#katze-ico a.active, #katze-ico a:hover {
  background: url(/WebRoot/Grau/Grau/head-menu/katze_ico_active.png) no-repeat;
}


#head-menu #kleintier-ico {
  border: 0px; 
  position: relative;
  left: 2px;
  top: -2px;
}
#kleintier-ico a {
  width: 230px;
  height: 86px;
  line-height: 86px;
  display: block;
  background: url(/WebRoot/Grau/Grau/head-menu/kleintier_ico.png) no-repeat;
}
#kleintier-ico a.active, #kleintier-ico a:hover {
  background: url(/WebRoot/Grau/Grau/head-menu/kleintier_ico_active.png) no-repeat;
}


/* ----------Produkt-Detailseite */

  div.ImageLeft .ImageArea {
      width: 150px;
      min-width: 150px;
      min-height: 150px;
      text-align: left;
  }


  #PreviewArea {
      width: 150px;
      height: 150px;
      background: #fffbda;
  }

  .OuterPreviewArea {
      height: 150px;
      width: 150px;
  }

/* ----------Kontakt-Formulare */

  .GrauCFTableHead {
      clear: both;
      width: auto;
      margin: 10px 0 0 0;
      padding: 0; 
      line-height: 20px;
      overflow: hidden;
  
      height: 20px;
      background: #e5e5e6;
   
  }   
  
  .GrauCFTableHead div {
      line-height: 20px;
      padding: 0;
      margin: 0 0 0 15px;
      overflow: hidden;
  
      height: 20px;
      background: #e5e5e6;

      font-weight: bold;
      color: #003988;
      font-weight: bold;
      font-style: normal;
  }
 
  .GrauCFDialogError,
  .GrauCFDialogError .InputLabelling,
  .GrauCFDialogError .InputText,
  td.GrauCFDialogError {
     color: #E61818;
     font-weight: bold;
  }

  input.GrauCFDialogError,
  select.GrauCFDialogError,
  textarea.GrauCFDialogError,
  .GrauCFDialogError input,
  .GrauCFDialogError select,
  .GrauCFDialogError textarea {
     border: 2px solid #E61818;
     background: #ffdddd;
  }

  option.GrauCFDialogError,
  .DialogError option{
       background: #ffdddd;
  }

  .GrauCFDialog {
      position: relative;
      height: auto;
      overflow: visible;
      margin: 0 0 10px 0 !important;
      padding: 3px 6px 6px 6px;
      background: #ffffff !important;
      border-top: 0px;
      border-left: 1px solid #E5E5E6;
      border-right: 1px solid #E5E5E6;
      border-bottom: 1px solid #E5E5E6;
  }

  .ContentArea table.GrauCFDialog {
      width: 100%;
      border-spacing: 0;
      border-collapse: collapse;
      padding: 0;
      margin: 0;
      border-top: 0px;
      border-left: 1px solid #E5E5E6;
      border-right: 1px solid #E5E5E6;
      border-bottom: 1px solid #E5E5E6;
      background: #ffffff !important;
  }

  .GrauCFDialog div.LeftHalf,
  .GrauCFDialog td.LeftHalf {
      margin:0 !important;
      border:0 !important;
      padding: 2px 6px 2px 6px;
      width: 270px;
      vertical-align: top;
      float: left;
      background: #ffffff !important;
  }

  .GrauCFDialog div.RightHalf,
  .GrauCFDialog td.RightHalf {
      margin:0 !important;
      border:0 !important;
      padding: 2px 6px 2px 6px;
      width: 270px;
      vertical-align: top;
      float: left;
      background: #ffffff !important;
  }

  .GrauCFDialog div.FullWidth,
  .GrauCFDialog td.FullWidth {
      margin:0 !important;
      border:0 !important;
      padding: 2px 6px 2px 6px;
      width: 550px;
      vertical-align: top;
      float: left;
      background: #ffffff !important;
  }
      
  .GrauCFDialog div.InputLabelling,
  .GrauCFDialog td.InputLabelling {
      padding: 2px 6px 2px 6px;
      width: 100px;
      vertical-align: top;
      float: left;
      background: #ffffff !important;
  }

  .GrauCFDialog div.InputField,
  .GrauCFDialog td.InputField {
      padding: 2px 6px 2px 6px;
      vertical-align: top;
      float: left;
      background: #ffffff !important;
  }

  .GrauCFDialog td.InputLabelling {
      padding: 2px 6px 2px 14px;
  }

  .GrauCFDialog div.InputBlock,
  .GrauCFDialog tr.InputBlock {
      clear: both;
      background: #ffffff !important;
  }

  .GrauCFDialog div.TextBlock{
      clear: both;
      padding: 2px 6px 2px 6px;
      background: #ffffff !important;
  }

  .GrauCFDialog div.IllustratedLink {
      margin: 16px 0 16px 0;
      background: #ffffff !important;
  }

  .GrauCFDialog div.IllustratedLink img {
      margin: 0 12px 0 0;
  }

  .GrauCFDialogButtonbar {
      clear: both;
  }

  .GrauCFMandatory{
    padding: 6px;
    border: 1px solid #C8C8C8;
  }

/* ----------Startseite - Produktboxen*/

  .HotDeal {
    margin: 6px 10px 0 8px;
    width: 175px;
  }

  .HotDealTopFloatin {
      width: 163px;
  }

  .HotDeal .ImageArea {
      width: 163px;
      height: 150px;
      background: #FFFBDA;
  }

  .HotDealFootFloatin {
      width: 163px;
      _width: 163px;
  }

  .HotDealFoot .InfoArea {
      width: 151px;
  }