@charset "utf-8";
/*-------------------------------------
*	CHUCHILADE.CH
*	Standard.css
*	Dienstag, 21. Juli 2009
*--------------------------------------
*	(C) rcky.ch	
*	
*	Farbpalette:
*	blau: #42A6D0
*	anthrazit: #444444
*	grün: #81CC19
*	hellgrau: #999999
*------------------------------------*/
.clear {
    display:block !important;
    clear:both !important;
    position:relative !important;
    float:none !important;
    padding:0 !important;
    margin:0 !important;
    height:0px !important;
    font-size:0;
    line-height:0;
}
.hr {
    position:relative;
    display:block;
    border:none;
    clear:both;
    background:none;
    background:url("../images/layout/hr.gif") top left repeat-x;
    height:1px;
    font-size:0;
    line-height:0;
}
/*-------------- BASIC STRUCTURES-----------------------------------------------------------**/
body			{}
body, html 		{height:100%; }
.left-half{
  position:relative;
  width:50%;
  float:left;
}
.right-half{
  position:relative;
  width:50%;
  float:right;
}
#tel { display:inline-block; background:url(../images/layout/chuchilade_telicon.png) top left no-repeat; text-indent:-99999px; height:25px;}
#fax { display:inline-block; background:url(../images/layout/chuchilade_faxicon.png) top left no-repeat; text-indent:-99999px; height:25px;}
/*-------------- BASIC STRUCTURES-----------------------------------------------------------**/
img#preloader { position:absolute;top:50%;left:50%;margin-left:-17px;margin-top:-17px;padding:5px; background-color:#000; }
#header {}
#header .mainlogo {
  display:block;
  margin:10px 20px;
  float:left;
}
#header .mainnavigation {
  float:right;
  width:25%;
}
div.footer {
  margin:20px 0px;
}
div.footer address {
  float:left;
  margin:15px;
}
div.footer address strong{
  font-style:normal;
  font-size:11pt;
}
div.footer address a{
  display:inline-block;
  font-style:normal;
  border-bottom:1px solid #000;
}
div.footer p {
  float:right;
  margin:10px;
  /**Fix IE7 trouble **/
  padding:5px;
  font-style:italic;
  text-align:right;
}
#wrapper		{ width:980px; margin:0px auto; min-height:100%; padding-top:50px; }
/**
* Shop
**/
.searchbar
    {margin:6px auto; }
    .searchbar input
    {border:none;}
    .searchbar .simpleinput
    {border:none; padding:5px; background-color:#EFEFEF; width:180px; }
    .searchbar button
    {margin-left:6px; border:none; width:auto; cursor:pointer; background:none;}

#navigation
        { float:left; width:245px; }
    #mainlogo
        { position:relative; margin-left:-35px; }
    #mainlogo a
        { }
        
.mainnavigation
        { margin:20px auto; }
    .mainnavigation li
        { display:block; font-size:11pt;}
    .mainnavigation li a
        { display:block; padding:5px; color:#333; }
    .mainnavigation li a:hover
        { background-color:#000; color:#FFF; }
    .mainnavigation li a span
        { font-size:9pt; color:#999; padding-left:5px; }
        
#subnavigation
        { margin:23px 10px 23px 0px; }
    #subnavigation li
        { display:block; font-size:11pt; margin-top:2px; }
    #subnavigation li a
        { display:block; color:#333; padding:3px; padding-left:10px; }
    #subnavigation li a:hover, #subnavigation li a.actual-sub
        { color:#FFF; background-color:#000; }
        #subnavigation ul.sublevel1
        { margin:3px auto; }
        #subnavigation ul.sublevel1 li a
        { display:block; color:#999; padding-left:25px; }
        #subnavigation ul.sublevel1 li a:hover
        { color:#000; background:#EFEFEF; }
            #subnavigation ul.sublevel2
            { margin:3px auto; }
            #subnavigation ul.sublevel2 li a
            { display:block; color:#999; padding-left:50px; }
            #subnavigation ul.sublevel2 li a:hover
            { color:#000; background:#EFEFEF; }

#products
        { float:right; width:735px; overflow:hidden; height:650px; min-height:650px; }
        h3.shoptitle{
            display:block;
        }
        h3.shoptitle span{
            display:inline-block;
            margin:0 0 10px 42px;
            font-size:10pt;
            padding:10px;
            color:#CCC;
            background-color:#000;
        }
        h3.shoptitle span strong{
            color:#FFF;
        }
/*Buttons-----*/
.button-right, .button-left
        { display:block; width:40px; min-height:100%; background:url("../images/layout/chuchilade_nextprev.jpg") top left no-repeat;
        text-indent:-99999px; position:relative; z-index:2;}
.button-left
        { float:left; border-right:2px solid #FFF; }
.button-right
        { float:right; background-position:-225px 0;}
.button-right:hover
        { background-position:-180px 0; }
.button-left:hover
        { background-position:-45px 0; }
.button-left.inactive
        { background-position:-90px 0 !important;}
.button-right.inactive
        { background-position:-135px 0 !important;}

.clipper
    { position:relative; float:left; overflow:hidden; height:650px; width:650px; z-index:0;}
    
.slider
    { position:relative; width:2000px;}
    .matrix
        { position:relative; float:left; width:648px; padding:1px; background-color:#ECECEC; }
    .product
        { float:left; width:216px; height:216px; overflow:hidden; }
    .product a
        { display:block; position:relative; padding:2px; background-color:#ECECEC; width:212px; height:212px; }
    .product a:hover
        /*{ background:url("../images/layout/chuchilade_product_hover.gif") top left no-repeat;}*/
        { background-color:#000; }
    .product span.productdetails
        { display:block; position:absolute; bottom:2px; left:2px; padding:5px; width:202px; min-height:36px; background:url(../images/layout/chuchilade_product_title_background.png) top left;
        color:#FFF; }
    .product span.productdetails strong
        { font-weight:600; font-size:12pt; display:block; }

#startpage
        {}
    #startpage #mainlogo
        { margin:10px; float:left;}
    #startpage #mainnavigation
        { width:auto; margin:10px; float:right; }
    
    #startpage li.smallproduct
        { float:left; padding:3px; }
#shoppingcard
  { position:absolute;
    top:0;
    left:0;
    z-index:1000;
    width:100%;
    background-color:#000;
  }
  #shoppingcard .innerShoppingcard {
    width:960px;
    margin:0px auto;
  }
  #shoppingcard .buttonContainer {
      position:relative;
      margin:0px auto;
      height:40px;
      margin-bottom:-40px;
      background:url(../images/layout/chuchilade_shoppingbag_bg.png) top left repeat-x;
  }
  #shoppingcard .buttonContainer .spacer {
      position:relative;
      width:980px;
      margin:0px auto;
      overflow:hidden;
  }
#shoppingcard a.shoppingcardbutton
  { 
    position:relative;
    float:right;
    height:30px;
    padding-top:10px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:600;
    width:200px;
    background:url(../images/layout/chuchilade_shoppingbag_tab.png) top left no-repeat;
    color:#FFF;
   }