/* CSS Document */
*{ padding:0px; margin:0px;}

body{
    font-family:Verdana;
    font-size:12px;
    background:#ffffff;}

#container{
    margin:0 auto;
    width:1000px;
    background:none;
}

#header{	
    position:relative;
    float:left;
    width:1000px;
    height:252px;
    margin-top:8px;
    margin-bottom:0px;
    background:url(images/header.jpg) no-repeat;}
.langs{
    position:absolute; right:15px; top:14px; width:180px; height:20px; z-index: 10;
    line-height:20px;
    color:white;
}
.langs a{
    color:white; text-decoration: none;
    margin-left:10px;
    line-height:20px;
}
.langs a:hover{
    text-decoration: underline;
}
#hmenu{
    position:relative; float:left;
    background:#f77b09;
    width:694px;
    height:28px;
    line-height:29px;
    text-align:center;
    font-size:14px;
    padding-left:5px; padding-right:5px;
}
#hmenu a{
    display:block;
    float:left;
    line-height:29px;
    padding-left:32px;
    padding-right:32px;
    margin-right:3px;
    font-size:13px;
    text-decoration:none;
    height:29px;
    color:black;
    font-weight:bold; }
#hmenu a:hover{
    background:url(images/hmenubg.jpg) repeat-x;
    color:#fff;}
#hmenu a.sel{
    background:url(images/hmenubg.jpg) repeat-x;
    color:#fff;
}
#content{
    width:1000px;
    position:relative; float:left;}

#lcolumn{
    position:relative;
    float:left;
    width:282px;
    margin-top:10px;}
.vmenu{
    position:relative;
    float:left;
    width:282px;
    margin-bottom:15px;}

.vmenu a.main{
    display:block;
    float:left;
    width:272px;
    height:29px;
    background:#f77b09;
    color:black;
    text-decoration: none;
    font-weight:bold;
    font-size:14px;
    line-height:29px;
    text-indent: 20px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:4px;
}
.vmenu a.main:hover{
    text-decoration: underline;
}
.vmenu a.sel{
  background:url(images/hmenubg.jpg) repeat-x;
    color:#fff;
}
.vmenu a.selsec{
  text-decoration: underline;
}
.vmenu a{
    display:block;
    float:left;
    width:272px;
    height:29px;
    background:#afc3c2;
    color:black;
    text-decoration: none;
    font-size:14px;
    line-height:29px;
    text-indent: 20px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:4px;
}
.vmenu a:hover{
    text-decoration: underline;
}


#rcolumn{
    width:704px;
    position:relative;
    float:right;
    margin-top:10px;}
#contentbg{
  width:702px;
  position:relative; float:left;border:1px solid #afc3c2;
  margin-top:4px;
}
#rcolumn h1{
    position:relative;
    float:left;
    display:block;
    width:650px;
    height:34px;
    
    color:black;
    font-size:14px;
    font-weight:bold;
    line-height:34px;
    margin-bottom:10px;
    padding-left:20px;
    margin-left:0px;
    margin-top:5px;}

#box{
    width:660px;
    position:relative;
    float:left;
    background:url(images/rightboxbg.gif) no-repeat bottom left;
    color:black;
    font-size:14px;
    padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:10px;
    margin-bottom:10px;}
#box img{
    
}

.categories{
    position:relative;
    float:left;
    width:100%;}
.category{
    position:relative;
    float:left;
    width:160px;
    margin-bottom:10px; margin-right:5px; }
.ci{
    width:130px; height:100px; margin-left:10px;
    position:relative; float:left;
    padding:1px;
    border:3px solid #abbfbe;}

.cn{
    width:150px;
    height:40px;
    line-height:20px;
    position:relative;
    float:left;
    margin-top:10px;
    color:black;
text-align: center;}

.cn a{
    display:block;
    width:150px;
    color:black;
    font-size:14px;
    padding-left:5px;
    text-align: center;
    text-decoration:underline;}

.cn a:hover{
    text-decoration:underline;}



.products{
    position:relative;
    float:left;
    width:100%;}
.product{
    position:relative;
    float:left;
    width:160px;
    margin-bottom:10px; margin-right:5px; }
.pi{
    width:130px; height:100px; margin-left:10px;
    position:relative; float:left;
    padding:5px;
    border:3px solid #abbfbe;}

.pn{
    width:150px;
    height:40px;
    line-height:20px;
    position:relative;
    float:left;
    margin-top:10px;
    text-align: center;
    color:black;}

.pn a{
    display:block;
    width:150px;
    color:black;
    font-size:14px;
    padding-left:5px;
    text-align:center;
    text-decoration:underline;}

.pn a:hover{
    text-decoration:underline;}
.pages{
    width:600px; clear:both; position:relative; float:left; height:25px; margin-top:30px; margin-left:8px;}
.pages a{
    float:left;
    height:25px; line-height:25px;
    color:black;
    background:#afc3c2;
    margin-left:3px;
    font-weight: bold;
    padding-left:8px; padding-right:8px;
    text-decoration:none;}
.pages a:hover{

    background:#f77b09;
    color:white;}
.pages a.sel{

    background:#f77b09;
    color:white;}

#footer{
    position:relative;
    float:left;
    width:1000px;
    margin-top:2px;
    height:34px;
    color:black;
    margin-bottom:2px;
    background:#afc3c2;
    margin-top:15px;}
#footer .left{
    position:absolute;
    left:0px;
    width:5px;
    height:34px;
    
}
#footer .right{
    position:absolute;
    right:0px;
    width:5px;
    height:34px;
    
}

.cart{
    position:relative; float:left; display:block; width:63px; height:73px;
    background:url(images/cart.png) no-repeat;}
.cart:hover{background:url(images/cart_.png) no-repeat;}

.ucount{
    position:relative; float:left;
    width:40px;
    border:1px solid gray;
}
.savebtn{
    position:relative; float:left;
}


.webdesign_logo{

}
.webdesign_text{
    position: absolute;
    left:50px;
    bottom:0px;
    font-size:9px;
    color:#fff;
    text-decoration: none;
    width:128px;
    text-align: left;
}
.webdesign_text:hover{
    color:red;
    text-decoration:none;
}