﻿#container .main .right .geninfo {width: 730px; margin:0px 0px 10px 0px; padding:0px; float:left; display:block; height: 30px;}
#container .main .right .geninfo .pageing {margin:0px; padding:4px 0px 0px 0px; float:right; display:block; width: 280px; height:26px;}
#container .main .right .geninfo .pageing .btn {margin:0px; padding:0px; float:left; width:70px; height:28px; }
#container .main .right .geninfo .pageing .btn input {width:70px; font:normal 10px/14px "Arial"; color:#000; background:#e8e8e8; border:1px solid #e0e0e0;}
#container .main .right .geninfo .pageing .pages {margin:0px; text-align:center; padding:2px 0px 0px 0px ; float:left; display:block; width: 140px; height:28px; font:normal 11px/14px "Trebuchet MS"; color:#000;}

#container .main .right .geninfo .sorting {margin:0px; padding:2px 0px 0px 0px; float:left; display:block; width:245px; height:28px;}

#container .main .right .geninfo .prod_num {text-align:center; font:normal 11px/14px "Arial"; color:#e4e4e4; margin:0px; padding:0px; float:left; display:block; width:200px; height:30px;}
#container .main .right .geninfo .prod_num input {margin: 0px 2px 0px 0px; float:left; padding:0px; display:block;}
#container .main .right .geninfo .prod_num img {margin:0px 5px 0px 0px; padding:0px; float:left; display:block;}

/*class pou vazei to rate*/
#container .main .right .demoarea {float:left; display:block; margin:0px; padding:0px; color:#000; font:normal 11px/14px "Arial";}



/*PRODUCTS 10*/
#container .main .right .prod10 {margin:0px auto; margin-bottom:20px;  padding:0px; float:left; display:block; width: 730px;  margin-top: 20px;}
#container .main .right .prod10 ul{margin:0px; padding:0px;}
#container .main .right .prod10 li {list-style-type:none; margin:0px 5px 10px 0px ; padding:5px; float:left; display:block; width: 350px; height: 187px; background: url(imgs/pro_10bgr.jpg) no-repeat 0px 0px;}
#container .main .right .prod10 li .image {text-align:center; margin:0px; padding:0px; float:left; display:block; width:183px;  height: 187px; border-right: 1px dotted #dedede;}
#container .main .right .prod10 li .image input {margin:0px; padding:0px;}

#container .main .right .prod10 li .product {margin:0px; padding:5px; float:left; display:block; width:155px; height:177px;}
#container .main .right .prod10 li .product h1 {margin:0px; padding:0px 0px 0px 20px; float:left; display:block;  height:77px; width: 135px; font:normal 11px/15px "Trebuchet MS"; background: url(imgs/bullet_4.jpg) no-repeat 0px 0px;} 
#container .main .right .prod10 li .product h1 a {margin:0px; padding:0px; font:normal 11px/15px "Trebuchet MS"; color:#000; text-decoration:underline;}
#container .main .right .prod10 li .product h1 a:hover {margin:0px; padding:0px; font:normal 11px/15px "Trebuchet MS"; color:#000; text-decoration:none;}
#container .main .right .prod10 li .product .icons {width: 155px; margin:0px auto;  margin-top:5px; padding:0px; float:left; display:block; height: 35px;}
#container .main .right .prod10 li .product .prices {margin:5px 0px 0px 0px; padding:5px 0px 0px 0px; float:left; display:block; width:155px; height:55px; display:block; font:normal 12px/14px "Trebuchet MS"; color:#000;}
#container .main .right .prod10 li .product .prices .price {margin:0px; padding:0px; float:left; display:block; width:155px;}
#container .main .right .prod10 li .product .prices .bfprice {margin:0px; padding:0px 0px 10px 0px; float:left; display:block; width:155px; background: url(imgs/bflogo.gif) no-repeat left bottom;}


/*PRODUCTS 20*/
#container .main .right .prod21 {margin:0px auto; margin-bottom:20px;  padding:0px; float:left; display:block; width: 730px;  margin-top: 20px;}
#container .main .right .prod21 ul{margin:0px; padding:0px;}
#container .main .right .prod21 li {list-style-type:none; margin:0px 2px 2px 0px ; padding:5px; float:left; display:block; width: 230px; height: 315px; background: url(imgs/pro_20bgr.jpg) no-repeat 0px 0px;}
#container .main .right .prod21 li .image {text-align:center; margin:0px; padding:0px 0px 5px 0px; float:left; display:block; width:230px; height:150px;}
#container .main .right .prod21 li .image input {margin:0px; padding:0px auto;}
#container .main .right .prod21 li .product {margin:0px; padding:5px; float:left; display:block; width:220px;}
#container .main .right .prod21 li .product h1 {text-align:center; width: 220px; height: 60px; margin:0px auto; padding:0px; float:left; display:block; font:normal 11px/15px "Trebuchet MS"; } 

#container .main .right .prod21 li .product h1 a {text-align:center; font:normal 11px/15px "Trebuchet MS"; color:#000; text-decoration:underline; margin:0px auto; padding: 0px 0px 0px 20px; background: url(imgs/bullet_4.jpg) no-repeat 0px 0px;}
#container .main .right .prod21 li .product h1 a:hover {text-align:center; font:normal 11px/15px "Trebuchet MS"; color:#000; text-decoration:none; margin:0px auto; padding: 0px 0px 0px 20px;  background: url(imgs/bullet_4.jpg) no-repeat 0px 0px;}

#container .main .right .prod21 li .product .icons {text-align:center; width: 220px; margin:0px auto;  margin-top:5px; padding:0px; float:left; display:block; height: 35px;}

#container .main .right .prod21 li .product .prices {margin:5px 0px 0px 0px; padding:0px; float:left; display:block; width:220px; height:55px; display:block; font:normal 12px/14px "Trebuchet MS"; color:#000;}
#container .main .right .prod21 li .product .prices .price {text-align:center; margin:0px; padding:0px; float:left; display:block; width:220px;}
#container .main .right .prod21 li .product .prices .bfprice {text-align:center;  margin:0px; padding:0px 0px 10px 0px; float:left; display:block; width:220px; background: url(imgs/bflogo.gif) no-repeat center bottom;}


/*PRODUCTS 30*/

#container .main .right .prod32 {margin:0px auto; margin-bottom:20px;  padding:0px; float:left; display:block; width: 730px;  margin-top: 20px;}
#container .main .right .prod32 ul{margin:0px; padding:0px;}
#container .main .right .prod32 li {list-style-type:none; margin:0px 2px 2px 0px ; padding:5px; float:left; display:block; width: 170px; background: url(imgs/pro_30bgr.jpg) no-repeat 0px 0px;}
#container .main .right .prod32 li .image {text-align:center; margin:0px; padding:0px 0px 5px 0px; float:left; display:block; width: 170px; height:110px;}
#container .main .right .prod32 li .image input {margin:0px; padding:0px; width:90px;}
#container .main .right .prod32 li .product {margin:0px; padding:5px; float:left; display:block; width:160px;}
#container .main .right .prod32 li .product h1 {text-align:center; width: 160px; height: 60px; margin:0px auto; padding:0px; float:left; display:block; font:normal 11px/15px "Trebuchet MS"; } 

#container .main .right .prod32 li .product h1 a {text-align:center; font:normal 11px/15px "Trebuchet MS"; color:#000; text-decoration:underline; margin:0px auto; padding: 0px 0px 0px 20px; background: url(imgs/bullet_4.jpg) no-repeat 0px 0px;}
#container .main .right .prod32 li .product h1 a:hover {text-align:center; font:normal 11px/15px "Trebuchet MS"; color:#000; text-decoration:none; margin:0px auto; padding: 0px 0px 0px 20px;  background: url(imgs/bullet_4.jpg) no-repeat 0px 0px;}

#container .main .right .prod32 li .product .icons {text-align:center; width: 160px; margin:0px auto;  margin-top:5px; padding:0px; float:left; display:block; height: 35px;}

#container .main .right .prod32 li .product .prices {margin:5px 0px 0px 0px; padding:0px; float:left; display:block; width:160px; height:55px; display:block; font:normal 12px/14px "Trebuchet MS"; color:#000;}
#container .main .right .prod32 li .product .prices .price {text-align:center; margin:0px; padding:0px; float:left; display:block; width:160px;}
#container .main .right .prod32 li .product .prices .bfprice {text-align:center;  margin:0px; padding:0px 0px 10px 0px; float:left; display:block; width:160px; background: url(imgs/bflogo.gif) no-repeat center bottom;}



/*KARTELA PROIONTON*/

#container .main .right .mainprodinfo {width: 730px; margin:0px; padding:0px; float:left; display:block; }

#container .main .right .mainprodinfo .bigimg {margin:0px; padding:0px; float:left; display:block; width: 325px;}
#container .main .right .mainprodinfo .bigimg img {margin:0px auto; padding:0px; width:325px;}

#container .main .right .mainprodinfo .mainprodetails {margin:0px; padding:0px; float:right;  display:block; width:400px; }
#container .main .right .mainprodinfo .mainprodetails .prodlogo {width:0px; padding:0px; float:left; display:block; width: 400px; height: 60px; margin: 0px 0px 10px 0px;}
#container .main .right .mainprodinfo .mainprodetails .prodlogo img {margin:0px; padding:0px;}
#container .main .right .mainprodinfo .mainprodetails .prodicons {float:left; display:block; width: 400px; height:40px; margin:0px; padding:0px;}
#container .main .right .mainprodinfo .mainprodetails .texttitle {float:left; display:block; margin:10px 0px 0px 0px; padding:0px 0px 0px 20px; width: 380px; font:normal 14px/18px "Trebuchet MS"; background: url(imgs/bullet_4.jpg) no-repeat 0px 2px; }
#container .main .right .mainprodinfo .mainprodetails .textdetails {float:left; display:block;  width: 400px; font:normal 12px/16px "Trebuchet MS"; margin:10px 0px 10px 0px; padding:0px;}
#container .main .right .mainprodinfo .mainprodetails .textdetails .attributes {width: 400px; font:normal 12px/16px "Trebuchet MS"; float:left; display:block; margin:0px; padding:0px;}
#container .main .right .mainprodinfo .mainprodetails .textdetails .attributes h3 {margin:0px 0px 10px 0px; padding:0px; float:left; display:block; width:400px; font:bold 12px/16px "Trebuchet MS"; color:#e320af; border-bottom:1px dotted #e320af;}
#container .main .right .mainprodinfo .mainprodetails .textdetails .attributes ul {margin:0px 0px 10px 0px; padding:0px; float:left; width:400px;}
#container .main .right .mainprodinfo .mainprodetails .textdetails .attributes li {margin:0px; padding:0px 0px 0px 15px; float:left; width:385px; list-style-type:none; background: url(imgs/bullet_2.jpg) no-repeat 0px 5px;}
#container .main .right .mainprodinfo .mainprodetails .textdetails .attributes img{margin:0px 0px 10px 0px; padding:0px;}

#container .main .right .prodtable { border-bottom:4px solid #dedede; width:725px; margin:0px auto; padding:20px 0px 20px 0px; float:left; display:block; }
#container .main .right .prodtable .pricelist {margin:0px; padding:0px; width:100%; display:block;  border:1px solid #c7d0da;}
#container .main .right .prodtable .pricelist td {margin:0px; padding:2px; border-right:0px solid #c7d0da; border-bottom:1px solid #c7d0da;}
#container .main .right .prodtable .pricelist td .quantity {margin:0px; padding:0px;  font:normal 12px/25px "Trebuchet MS"; display:block; width: 25px; height:25px; border:1px solid #c7d0da; }
#container .main .right .prodtable .pricelist .gray {background:#eeeeee; color:#000; margin:0px; padding:0px; font: bold 14px/16px "Trebuchet MS";}
#container .main .right .prodtable table {width:100%;}
#container .main .right .prodtable .pricelist input {margin:0px 5px 0px 0px;}



#container .main .basket_container2 {position:fixed;z-index:6000;display:block; top:50%; left:50%; margin:-50px 0px 0px -65px; padding:0px 0px 0px 0px; background:#fff; border:1px dotted #dedede; width:250px; text-align:center;}
#container .main .all .main .basket_loader {border:1px solid #ccc; background-color:#fff;text-align:center; color:#000; position:relative; z-index:8000; margin:0px; padding:0px; width:180px; height:70px; top:0; left:0;}
#container .main .all .main .basket_loader ul{ margin:0px; padding:10px 0px 0px 0px; text-align:center}



/*///ALIKE PRODS///*/

#container .main .right .alike {font:normal 12px/14px "Trebuchet MS"; color:#000; width:730px; margin:10px 0px 10px 0px; padding:0px; float:left; display:block;}
#container .main .right .alike strong {font:bold 12px/14px "Trebuchet MS"; color:#000;}
#container .main .right .alike .prdtitle {font:normal 12px/18px "Trebuchet MS"; background: url(imgs/bullet_4.jpg) no-repeat 0px 2px; margin:0px; padding:0px 0px 0px 20px; color:#000; }
#container .main .right .alike .prdtitle a {font:normal 12px/18px "Trebuchet MS"; color:#000; text-decoration:underline;}
#container .main .right .alike .prdtitle a:hover {font:normal 12px/18px "Trebuchet MS"; color:#000; text-decoration:none;}
#container .main .right .alike .smallprd {margin:0px; padding:0px; width:70px; text-align:left;} 
/*#container .main .right .alike .smallprd img {width:50px; height:50px;}*/

#container .main .right .alike .bfprice {font:bold 12px/14px "Trebuchet MS"; color:#e320af;}
