﻿HTML, BODY{
  width: 100%;
  padding: 0px;
  margin: 0px;
  background: url(bg_all.jpg) top center #9d5e2e no-repeat;
  text-align: center;
  font-family: Tahoma;
  font-size: 12px;
}

a img{
  border: 0px;
}

a:link, a:active, a:visited{
  color: Black;
  text-decoration: none;
}

a:hover{
  color: #ff0000;
}

.cl{
  clear: both;
  height: 1px;
}

.back{
  border: 1px solid #BCBCBC;
  color: #006699;
  padding: 0px 5px 0px 5px;
  font-size: 10px;
}


#container{
  position: relative;
  width: 724px;
  height: 800px;
  padding: 0px;
  margin: 0px auto;
  left: 50px;
}

#main_container{
  position: relative;
  width: 933px;
  height: 896px;
  padding: 0px;
  margin: 0px auto;
}

/****** SIDES ******/

#left_side{
  position: absolute;
  width: 288px;
  height: 896px;
  left: 0px;
  top: 0px;
  background: url(left_side.png) top no-repeat;
}

#header{
  position: absolute;
  width: 578px;
  height: 116px;
  left: 288px;
  background: url(top_side.png) top no-repeat;
  text-align: right;
}

#center{
  position: absolute;
  width: 578px;
  height: 646px;
  left: 288px;
  top: 116px;
  background: url(center_bg.png) top left repeat-y White;
  overflow: auto;
}

#right_side{
  position: absolute;
  width: 67px;
  height: 874px;
  right: 0px;
  top: 0px;
  background: url(right_side.png) top no-repeat;
}

#footer{
  position: absolute;
  width: 578px;
  height: 137px;
  bottom: 0px;
  left: 288px;
  background: url(down_side.png) bottom no-repeat;
}


/****** MENU *******/

#menu{
  position: absolute;
  width: 300px;
  height: 25px;
  right: 0px;
  bottom: 15px;
}

#menu ul{
  position: relative;
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: right;
  height: 15px;
}

#menu li{
  position: relative;
  float: left;
  padding: 0px 5px;
  height: 15px;
}

#menu li a{
  font-weight: bold;
  color: #BD2A26;
  text-decoration: none;
}

#menu li a:hover{
  color: #d6d6d6;
}


/****** MAIN ******/

#search{
  position: absolute;
  width: 300px;
  height: 25px;
  right: 0px;
  top: 25px;
}

.search-input{
  width: 106px;
  height: 17px;
  background: url(search_left.png) left no-repeat;
  padding-left: 30px;
  padding-top: 4px;
  border: 0px solid #989898;
  margin: 0px;
}

.search-button{
  width: 35px;
  height: 21px;
  background: url(search_submit.png) left no-repeat;
  border: 0px solid #989898;
  margin: 0px;
}

.for_search{
  height: 21px;
}


#content{
  position: relative;
  width: 100%;
  height: 630px;
  text-align: left;
  overflow: auto;
}

#nav_link{
  position: relative;
  width: 100%;
  height: 15px;
  text-align: center;
  border-top: 1px solid #989898;
}

#footer_c{
  position: absolute;
  width: 335px;
  height: 126px;
  right: 0px;
  top: 15px;
}

/*** USER LOGIN  ***/

#login{
  position: absolute;
  width: 140px;
  height: 159px;
  top: 20px;
  right: 10px;
  background: url(login_bg.png) top no-repeat;
  padding: 2px 26px 40px 25px;
  border: 0px solid;
}

#login input{
  font-size: 10px;
}

#login p{
  padding: 0px;
}


/************* PRODUCTS ***************/

#products{
  position: relative;
  width: 480px;
  margin: 0px auto;
}


.hie{
  position: relative;
  width: 219px;
  height: 204px;
  float: left;
  margin: 2px 10px;
}


.prod_block{
  position: relative;
  float: left;
  width: 170px;
  height: 170px;
  padding: 0px 5px;
  background: url(prod_bg.gif) top no-repeat;
  margin-bottom: 20px;
  margin-right: 5px;
}

.prod_name{
  position: relative;
  height: 30px;
  font-weight: bold;
  /*background: #D6D6D6; */
  vertical-align: middle;
}

.prod_image{
  position: relative;
  width: 150px;
  height: 115px;
  padding: 5px 15px;
  overflow: hidden;
  text-align: center;
}

.prod_price{
  position: relative;
  height: 12px;
  font-size: 10px;
}

.prod_full_name{
  position: relative;
  font-size: 15px;
  font-weight: bold;
}

.prod_full_price{
  position: relative;
  color: #db7a71;
}

.prod_full_image{
  position: relative;
  float: left;
  width: 150px;
  height: 150px;
  padding: 20px;
}

.prod_so{
  position: absolute;
  width: 130px;
  height: 125px;
  top: 30px;
  left: 20px;
  margin: 0px auto;
}

