/*
   watch.cz layout
   (c) 2009 Adam Bísek. All rights reserved.
   http://www.watch.cz
*/

/**************** WRAPPERS AND CONTAINERS ****************
 * 
 *********************************************************/


/************ THUMB HOVER ENGINE ************/   
#ThumbHover-PopupImage{
      border: 1px solid gray !important;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 1px 1px 5px #56656D;          
      -webkit-box-shadow: 1px 1px 5px #56656D;          
      -moz-box-shadow: 1px 1px 5px #56656D;
      padding: 12px;  
}
      .thumbHover-loading{
            background-image: url(../gfx/loadingSpinner-mini.gif); /** 16 x 16px */   
            background-repeat: no-repeat;
            background-position: center center;
            width: 40px;
            height: 40px;
            overflow: hidden;
            border: 0;
      }
            .thumbHover-loading span{
                  display: none;
            }

          
/************ UI DIALOG ************/    
.dialog{
      text-align: left;
}

/************ INFO MSG ************/    
.info{
      background:url('../gfx/infoIcon-big.png') no-repeat;
      /*min-height: 56px;*/
      margin: 6px 0;
      padding-left: 60px;
      font-size: 110%;
}
      .info .small{
            font-size: 80%;
      }

.discountedPrice{
      color: red;
}
.standartPrice{ 
      text-decoration: line-through;
}

.registrationForm form th{
      width: 135px;
}
 
#MainWrapper{
      width:850px;
      margin:0 auto;
      border: 1px solid #9A9A9A;
}

  /************ HEADER WRAPPER ************
   ****************************************/
      #MainWrapper #HeaderWrapper{
            padding:0px;                                                    
            margin:0 auto;
            text-align:center;
            height: auto;
            box-shadow: 1px 1px 10px #56656D;  
      } 
    
            #MainWrapper #HeaderWrapper #Logo{
                  position:absolute;
                  top:60px;
                  left:10px;
                  display:block;
                  width:185px;
                  height:60px;
            }
                  #MainWrapper #HeaderWrapper #Logo span{
                        display:none;
                  }
      
            #MainWrapper #HeaderWrapper #TopMenuContainer{
                  position: relative;
                  background: url(../gfx/tile_back.gif);
                  display: block;
                  height: 40px; 
                  padding-top: 5px; 
                  padding-left: 6px;
                  padding-right: 4px;
            } 
                  #MainWrapper #HeaderWrapper #TopMenuContainer a{
                        float:left;
                        display:block;
                        height:33px;
                        line-height:33px;
                        vertical-align:middle;
                        padding:0;
                        margin:0;
                        margin-right:6px;
                        text-decoration:none;
                        color: black;
                        padding: 3px 20px;
                        font-weight: bold;
                  }
                  #MainWrapper #HeaderWrapper #TopMenuContainer a:hover{
                        color: #D7012E;
                  }
          

/************ CONTENT WRAPPER ************
 ****************************************/
      #MainWrapper #ContentWrapper{
              padding:0px;
              padding-top:6px; 
              padding-bottom:14px;
              padding-left: 5px;
              padding-right: 5px; 
              background-color: white;  
              box-shadow: 1px 1px 10px #56656D;    
      }
  
      /************** COLUMNS **************/
      #MainWrapper #ContentWrapper .column{
            min-height:500px;
      }
    
            #MainWrapper #ContentWrapper .leftColumn{
                  float:left;
                  width:22%;
                  /*border-right:1px solid gray;*/ 
            } 
            #MainWrapper #ContentWrapper .rightColumn{
                  float:right;
                  width:20%
                  /*border-left:1px solid gray;*/ 
            }
            
                  /************** SIDEBOXES **************/
                  #MainWrapper #ContentWrapper .column .sideBox{
                        border: 1px solid #CFCFCF; 
                        border-radius: 3px;
                        -moz-border-radius: 3px;
                        -webkit-border-radius: 3px;
                        margin-bottom: 10px;
                  }
                        #MainWrapper #ContentWrapper .column .sideBox .sideBoxHeading{
                              height: 25px;
                              line-height: 25px;
                              vertical-align:middle;
                              background: #8D8D83 url(../gfx/sideBox-Heading.gif) repeat-x left top;
                              color: black;
                              font-weight: bold;
                              text-align: left;
                              padding-left: 15px;
                              font-size: 110%;
                        }
                        #MainWrapper #ContentWrapper .column .sideBox .sideBoxContent{
                              background: #F7F7F7;
                              padding:3px;
                        }
        
                        #MainWrapper #ContentWrapper .leftColumn .sideBox .sideBoxHeading{
                        }
                        #MainWrapper #ContentWrapper .leftColumn .sideBox .sideBoxContent{
                        }
        
                        /** Sideboxes elements styling */
                        #MainWrapper #ContentWrapper .sideBox .sideBoxContent ol{
                              margin:0;
                              margin-left:27px;
                              padding:0;  
                        }
                        #MainWrapper #ContentWrapper .sideBox .sideBoxContent ol li{
                              list-style-type:decimal;
                              padding:0;
                              margin:0.3em 0;
                        }
                        #MainWrapper #ContentWrapper .sideBox form table tr th{
					margin: 0 !important;
					padding: 0 !important;
                        }
                        #MainWrapper #ContentWrapper .sideBox input[type=text]{
					width: 115px;
                        }
                        #MainWrapper #ContentWrapper .sideBox.sideboxlogin .sideBoxContent td input[type=text],
                        #MainWrapper #ContentWrapper .sideBox.sideboxlogin .sideBoxContent td input[type=password]{
                              width: 100px;
                        }

                  /************** SIDEBOXES **************/
                  #MainWrapper #ContentWrapper .column .sideBox .productsImages .item{
                        text-align: center;
                        margin-bottom: 10px;
                  }
                        #MainWrapper #ContentWrapper .column .sideBox .productsImages .item .image img{ 
                              border: 1px solid #C1C1C1;
                        }
                        #MainWrapper #ContentWrapper .column .sideBox .productsImages .item .desc{   
                              display: block;
                              margin-top: 4px;
                        }
                  
                  
                          
/*************** CONTENT ****************
 ****************************************/
      #MainWrapper #ContentWrapper .centerColumn{
            margin-left:6px;
            margin-right:6px;
            float:left;
            display:block;
            width:56.5%;
            text-align:left;
            /*background:gray;*/  
      }
     
     
      /************** Product **************/
      #MainWrapper #ContentWrapper .productInfo{
      }
            #MainWrapper #ContentWrapper .productInfo .mainImage{
                  margin-right: 10px;
                  padding-right: 6px;
                  background: white;
                  text-align: center;
                  width: 250px;
            }
            #MainWrapper #ContentWrapper .productInfo .attrs{
                  border-top: 3px solid #8D8D83;
                  border-left: 1px solid #8D8D83;  
                  background: url(../gfx/BottomStrip.png) repeat-x left bottom;
                  min-height: 100px;
                  padding: 5px;
                  border-radius: 5px;
                  -moz-border-radius: 5px;
                  -webkit-border-radius: 5px;
            }

            #MainWrapper #ContentWrapper .productInfo .price{
                  font-size:120%;
            }
            #MainWrapper #ContentWrapper .productInfo .discountedPrice{
                  font-size: 150%;
            }

            #MainWrapper #ContentWrapper .productInfo .description{
                  padding: 1em;
                  position:relative;
                  top:6px;
                  padding-top:10px;
                  background: url(../gfx/BottomStrip.png) repeat-x left bottom;  
                  border: 1px solid #8D8D83;
                  border-radius: 5px;
                  -moz-border-radius: 5px;
                  -webkit-border-radius: 5px;  
            }

        
      /************** Product List **************/
      #MainWrapper #ContentWrapper .productList{
      	font-family: Arial;
      }
            #MainWrapper #ContentWrapper .productList .topMenu{
                  min-height: 32px;
                  line-height: 32px;
                  vertical-align: middle;
                  font-size: 90%;
                  padding: 0 4px;
            }
            #MainWrapper #ContentWrapper .productList .topMenu input,
            #MainWrapper #ContentWrapper .productList .topMenu select{
                  font-size: 90%;
            }

            #MainWrapper #ContentWrapper .productList table{
                  border: 1px solid #CFCFCF;
                  padding: 0;
                  border-spacing: 0;
                  border-collapse: collapse;
                  table-layout: fixed;
            }
            #MainWrapper #ContentWrapper .productList table tr{
                  border: 0;
                  padding: 0;
            }
            #MainWrapper #ContentWrapper .productList table tr td{
                  border: 1px solid #CFCFCF;
                  padding: 3px;
                  background: url(../gfx/BottomStrip.png) repeat-x left bottom;
                  vertical-align: top;     
            }  
            #MainWrapper #ContentWrapper .productList table tr td a{
                  text-decoration: none;
                  color: black;
            }
            #MainWrapper #ContentWrapper .productList table tr td .image{
                  float: left;
                  margin-right: 6px;
                  width: 100px;
                  text-align: center;
                  height: 130px;
                  overflow: hidden;
                  background-image: url(../gfx/loading-mini.gif);
                  background-position: center top;
                  background-repeat: no-repeat;
            } 
                  
            #MainWrapper #ContentWrapper .productList table tr td .name a{
                  color: #C27510;
                  font-size: 105%;
            }
            #MainWrapper #ContentWrapper .productList table tr td .name a:hover{
                  text-decoration: underline;
            }   
            #MainWrapper #ContentWrapper .productList table tr td .description{
                  margin-top: 5px;
                  line-height: 130%;
            }
            #MainWrapper #ContentWrapper .productList table tr td .price{
                  font-weight: bold;
            }

            #MainWrapper #ContentWrapper .productList .bottomBar{
                  height: 32px;
                  line-height: 32px;
                  vertical-align: middle;
                  text-align: center;
                  font-size: 90%;
            }
            #MainWrapper #ContentWrapper .productList .bottomBar .selected{
                  color: red;
                  background: #BFBFBF;
                  padding: 1px 2px;
                  border: 1px solid #BFBFBF;
                  border-radius: 5px;
                  -moz-border-radius: 5px;
                  -webkit-border-radius: 5px;
                  font-weight: bold; 
            }
      
      /***************** Cart *******************/
      #MainWrapper #ContentWrapper .cartContainer table tr td.center{
            text-align:center;
      }
      #MainWrapper #ContentWrapper .cartContainer table tr td.description{
            width:35%;
      }
      #MainWrapper #ContentWrapper .cartContainer table tr td.image{
            background:none;
            text-align:center;
      }
      #MainWrapper #ContentWrapper .cartContainer table tr td .price{
      }
      
      /************** Rounded table ************/
      #MainWrapper #ContentWrapper .roundedTable{
            border: 1px solid #CFCFCF; 
            padding: 1px; 
            background: #CFCFCF; 
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
      }
            #MainWrapper #ContentWrapper .roundedTable table{
                  padding: 0;
                  border-spacing: 0;
                  border-collapse: collapse;
                  table-layout: fixed;
                  background: white;
            }
            #MainWrapper #ContentWrapper .roundedTable table tr{
                  border:0;
                  padding:0;
            }
            #MainWrapper #ContentWrapper .roundedTable table tr td,
            #MainWrapper #ContentWrapper .roundedTable table tr th{
                  border:1px solid #CFCFCF;
                  padding:3px;
                  background:url(../gfx/BottomStrip.png) repeat-x left bottom;
                  font-size:90%;
                  vertical-align:top;
            }
      
      
      /************** ShowBox **************/
      #MainWrapper #ContentWrapper .showBox{
            background: #F7F7F7;
            border:1px solid #BFBFBF;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            padding:1em;
            margin-bottom:1em;
      }
      #MainWrapper #ContentWrapper .showBox.loginBox input{
		width: 130px;
      }
      
      
      
      /************** Products gallery **************/
    #MainWrapper #ContentWrapper .productsGallery{
            margin-bottom: 10px;
            border: 1px solid #CFCFCF; 
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
      }
      #MainWrapper #ContentWrapper .productsGallery h2{
            margin:0;
            padding:0;
            background: #8D8D83 url(../gfx/tile_back.gif) repeat-x left top; 
            color:black;
            text-align:center;
            font-size:115%;
            height:30px;
            line-height:30px;
            vertical-align:middle;
      }
      #MainWrapper #ContentWrapper .productsGallery table{
            background: white;
            margin: 3px 0;
      }
      #MainWrapper #ContentWrapper .productsGallery table tr{
            border:0;
            padding:0;
      }
      #MainWrapper #ContentWrapper .productsGallery table tr td{
            border:0;
            padding:3px;
            border:0;
            vertical-align:middle;
            text-align:center;
      }
      #MainWrapper #ContentWrapper .productsGallery table tr td div.item{
            border: 1px solid #AFAFAF;
            webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: url(../gfx/BottomStrip.png) repeat-x left bottom;
            padding: 3px 0;
      }
            #MainWrapper #ContentWrapper .productsGallery table tr td div.item .image{
                  vertical-align: middle;
            }
            #MainWrapper #ContentWrapper .productsGallery table tr td div.item .name{
                  height: 30px;
                  line-height: 15px;
            }
      #MainWrapper #ContentWrapper .productsGallery table tr td a{
            text-decoration:none;
            color:black;
      }
     
        
     /************ FOOTER WRAPPER ************
      ****************************************/
      #MainWrapper #FooterWrapper{
            height: 1px;
            background: red;
      }
      

      #MainWrapper #FooterMenu{
            padding-top:4px;
            padding-bottom:6px;
            padding-left:70px;
      }
            #MainWrapper #FooterMenu .navBox{
                  text-align:left;
                  float:left;
                  margin:0;
                  padding-left:10px;
                  padding-right:40px;
                  border-left:1px solid #BFBFBF;
            }
                  #MainWrapper #FooterMenu .navBox h3{
                        margin:0;
                        padding:0;
                  }
                  #MainWrapper #FooterMenu .navBox p{
                        margin: 0;
                        padding: 0;
                  }
            #MainWrapper #FooterMenu .navBoxCopyright{
                  width: 220px;
                  text-align:left;
                  float:right;
                  margin:0;
                  padding-left:10px;
                  padding-right:40px;
                  border-left:1px solid #BFBFBF;
            }
            
      
/************ CATALOG ************/
ul.Categories,
ul.Categories ul{
      margin:0px;
      padding:0px;
      border:none;
}
      /** All levels li **/
      ul.Categories li{
            list-style:none;
            text-align:left; 
            margin:0px;
            padding:0px;
            border:none;
            background-image:url(../gfx/dot.gif);
            background-repeat:repeat-x;
            background-position:left bottom;
            font-size:105%;
      }
            ul.Categories li a{
                  display:block;
                  text-decoration:none !important;
                  padding:3px 0 3px 6px;
                  color:#27547F; 
            }
            ul.Categories li a.selected{
                  background-color: #8D8D83;
                  font-weight: bold;
                  color: white;
            }
            ul.Categories li a:hover{
                  background-color: #D7012E;
                  color:white;
            }
  
/** 2nd level **/ 
ul.Categories ul{
}    
      ul.Categories ul li{
            text-transform:none;
            font-size:100%;  
      }
      ul.Categories ul li a{
            background-image:url(../gfx/SubcatSeparator.gif);
            background-repeat:no-repeat;
            background-position:left center;
            padding:1px 0 1px 22px;
            color: #636363; 
      }
      ul.Categories ul li a:hover{
      }
      ul.Categories ul li a.selected{
            background: #848484; 
      }
      
/************* Catalog ************/
ul.Catalogue{ 
      margin:0px;
      padding:0px;
      border:none;
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid gray;
}    
      ul.Catalogue li{
             list-style:none;
            text-align:left; 
            margin:0px;
            padding:0px;
            border:none;
            background-image:url(../gfx/dot.gif);
            background-repeat:repeat-x;
            background-position:left top;
            font-size:105%;
      }
            ul.Catalogue li a{
                  display:block;
                  text-decoration:none !important;
                  padding:3px 0 3px 6px;
                  color:#27547F; 
            }
            
      
/************ Conditions ************/      
#MainWrapper #ContentWrapper .conditions ol{
      margin-left: 20px;
      padding-left: 0;
}  


/************ Specific ***************/   
/************ ******** ***************/        
#MainWrapper #ContentWrapper .Front-User-login .showBox{
      height: 168px;      
}     
#LoginPage-RegistrationButton{
      background-image: none;
      background-color: #9C1F22;
} 
#MainWrapper #ContentWrapper .Front-User-login #frmloginForm-submit_{
      background-image: none;
      background-color: #9C1F22;
      /*padding-left: 0.5em;*/
      /*padding-right: 0.5em;*/
}