body {background: url(imgs/bgr.jpg) repeat-x 0px 0px; margin: 0px; padding: 0px; height:100%; font: normal 12px/16px Arial;color:#000000;}

.clear {clear: both;}
.red {color: #de1c23;}
.blue { color: #12acdf;}
.date {color: #12acdf; font-weight: bold;}
.grafit {color: #363636;}
.grafitbg {background: #363636; color: #dedede; height:25px; border:0px; padding: 5px; boder:1px solid #363636;}
.grafitbg td{ boder:1px solid #363636;}

.grey {color:#9c9c9d;}
.row1{background: #ececec;}
.row2{background:#fff;}



.back a{color:#fff; text-decoration:underline; background-color: #000; float:right; font: 11px/11px "Trebuchet MS", Arial;}
.back a:hover{color:#fff; text-decoration:none; background-color: #000; float:right; font: 11px/11px "Trebuchet MS", Arial;}
.back input {float:right;}

/*/////BASKET LOADER////*/
.basket_container2 {position:fixed; z-index:6000; display:block; top:50%; left:50%; margin:-35px 0px 0px -90px; padding:0px;}

.basket_loader {border:1px dotted #dedede; background:#FFFFFF; text-align:center; color:#000;
	position:relative;z-index:8000;margin:0px;padding:0px; width:180px; height:70px; top:0; left:0}	
.basket_loader ul{width:180px;height:70px; margin:0px; padding: 0px; display:block; overflow:auto}

.basket_loader ul img {position: relative; z-index:1005; margin:15px 0px 0px 0px; padding:0px; text-align:center; width:32px; height:32px; }




/*///////////// HEADER ///////////*/
#header {height: 59px; width: 760px; margin: 0px auto; display: block;}




#header .toplinksleft {width: 520px; margin: 0px; padding: 0px; height: 59px; display:block; float: left;}

#header .toplinksleft .loginlinks {width: 520px;  margin:0px; padding: 0px 0px 0px 0px; height: 25px; display:block;}
#header .toplinksleft .loginlinks .username {margin: 0px; padding: 0px 0px 0px 30px; display:block; height: 25px; font: normal 11px/20px "Trebuchet MS", Arial; color: #747474; background: url(imgs/user.jpg) no-repeat 5px 2px; float: left; width: 130px;}
#header .toplinksleft .loginlinks ul {margin: 0px; padding: 0px;}
#header .toplinksleft .loginlinks li {list-style-type: none; float: left; padding: 0px 5px 0px 15px; margin: 0px;  background: url(imgs/toplinks_bullet.jpg) no-repeat 0px 5px;}
#header .toplinksleft .loginlinks li a{color: #747474; text-decoration: underline; font-size: 11px; }
#header .toplinksleft .loginlinks li a:hover{color: #747474; text-decoration: none; font-size: 11px; }

#header .toplinksleft .generalsearch {width:160px; height: 20px; margin: 0px; padding: 0px 5px; display: block; float:left; clear:both;}
#header .toplinksleft .generalsearch .input {width: 130px; height: 20px; display: block; float:left; margin: 0px 5px 0px 0px; padding: 0px;}
#header .toplinksleft .generalsearch .input input{border: 1px solid #d0d0d0; width: 125px; height: 18px; font-family:"Trebuchet MS", Arial;  font-size: 11px; color: #000; padding: 2px 0px 0px 5px;}

#header .toplinksleft .generalsearch .img {width: 21px; height: 23px; display: block; float:left; margin: 0px; padding: 0px;}


#header .topright {width: 240px; margin: 0px; padding:0px; display:block; float: right; height: 59px; position:relative; z-index:2;}
#header .topright {width: 240px; margin: 0px; padding:0px; display:block; float: right; height: 59px; position:relative;}
#header .topright .toplinksr {width: 230px; height: 30px; display:block; float: right; padding: 0px 5px; margin: 5px 0px 0px 0px; }
#header .topright .toplinksr ul {padding: 0px; margin: 0px;}
#header .topright .toplinksr li {list-style-type: none; width: 100px; float: left; padding: 0px 0px 0px 15px; margin: 0px;  background: url(imgs/toplinks_bullet.jpg) no-repeat 0px 5px;}
#header .topright .toplinksr li a{color: #747474; text-decoration: underline; font-size: 10px; }
#header .topright .toplinksr li a:hover{color: #747474; text-decoration: none; font-size: 10px; }


#header .toplinksleft .toplinks {height: 25px; display:block; float: left; padding:0px; margin: 0px; }
#header .toplinksleft .toplinks ul {padding: 0px; margin: 0px;}
#header .toplinksleft .toplinks li {list-style-type: none; width: 100px; float: left; height: 20px;  padding: 5px 0px 0px 15px; margin: 0px;  background: url(imgs/toplinks_bullet.jpg) no-repeat 0px 9px;}
#header .toplinksleft .toplinks li a{color: #747474; text-decoration: underline; font-size: 10px; }
#header .toplinksleft .toplinks li a:hover{color: #747474; text-decoration: none; font-size: 10px; }






/*////////////MY BASKET///////////*/
#header .topright .mybasket {width: 198px; margin: 3px 5px 0px 0px; padding: 0px; background:#ededed url(imgs/basketbgr.jpg) repeat-x left top; float: right; display:block; border: 1px solid #cfcfcf; position: absolute; top:0; right: 0;}
#header .topright .mybasket .mytitlebasket {width: 80px; height: 18px; margin: 0px; padding: 0px 0px 0px 3px; float: left; display:block; font: bold 10px/18px "Trebuchet MS", Arial; color: #12acdf; position: relative;}
#header .topright .mybasket .mytitleproduct {width: 63px; height: 18px; margin: 0px; padding: 0px 0px 0px 3px; float: left; display:block; font: normal 11px/18px "Trebuchet MS", Arial; color: #787878; position: relative;}
#header .topright .mybasket .mytitleprice {width: 46px; margin: 0px; padding: 0px 0px 0px 3px; height: 18px; float: left; display:block; font: normal 11px/18px "Trebuchet MS", Arial; color: #333030; text-align:right; position: relative;}



#header .topright .mybasket .btns {width: 193px; height: 25px; margin:0px; padding: 5px 0px 0px 5px; float: left; display:block; position: relative; background: none;}
#header .topright .mybasket .btns .buy  {width: 90px; float: left; display:block; margin: 0px; padding: 0px; position: relative; }
#header .topright .mybasket .btns .purchase {width: 90px; float: left; display:block; margin: 0px; padding: 0px; position: relative; }

/*OTAN ANOIGEI TO KALATHI*/
#header .topright .mybasket .myprodlist {width: 100%; float: left; min-height:100px; display:block; margin: 0px; padding: 0px; position: relative;  border-bottom: 5px solid #12acdf; font: normal 11px/14px "Trebuchet MS", Arial; color:#787878;}
* html #header .topright .mybasket .myprodlist {/* for ie6 */    height: 100px;}
#header .topright .mybasket .myprodlist table{width:100%; border:0px; margin: 4px 0px 0px 0px; padding: 0px; float:left; display:block;}
#header .topright .mybasket .myprodlist table td {border:0px; width:100%; margin:0px; padding: 5px 5px; border-bottom:1px solid #F4F4F4;}
#header .topright .mybasket .myprodlist table td a{color: #12acdf; font: normal 11px/12px "Trebuchet MS", Arial; text-decoration:none;}
#header .topright .mybasket .myprodlist table td a:hover{color: #12acdf; font: normal 11px/12px "Trebuchet MS", Arial; text-decoration:underline;}
#header .topright .mybasket .myprodlist table td input {margin:0px auto; padding:3px 0px 0px 0px; display:block; font: normal 11px/12px "Trebuchet MS"; color:#787878; background: transparent; border:1px solid #787878; text-align:center;}

#header .topright .mybasket .myprodlist .bold {font-weight: bold; font-size: 10px; color: #12acdf;}

#header .topright .mybasket .myprodlist .linkakia {width: 193px; float: left; height:25px;  display:block; margin: 0px; padding: 0px 0px 0px 5px; position: relative;   font: normal 11px/25px "Trebuchet MS", Arial; color:#787878;}
#header .topright .mybasket .myprodlist .linkakia a{color: #12acdf; font: normal 11px/25px "Trebuchet MS", Arial; text-decoration:none;}
#header .topright .mybasket .myprodlist .linkakia a:hover{color: #12acdf; font: normal 11px/25px "Trebuchet MS", Arial; text-decoration:underline;}

/*///////////// TOP ///////////*/
#top { height: 47px; width: 760px; margin: 0px auto; display: block; }
#top .logo {height: 35px; width: 120px; display: block; float: left; background: url(imgs/line.jpg) no-repeat right; padding-top: 10px;}
#top .logo img { display: block;}

#top .topmenu {width: 640px; float: left; height: 47px; display: block;}
#top .topmenu ul {margin: 0px; padding: 0px; }
#top .topmenu li {list-style-type: none;  height: 45px; width: 80px; padding: 0px 0px 0px 0px; margin: 0px; text-align:center; display:block; float: left; background: url(imgs/line.jpg) no-repeat right; font-size: 12px; font-family:"Arial"; color: #737373; }
#top .topmenu li a {width: 78px; height: 32px; display:block; margin: 0px 2px 0px 0px; padding: 15px 0px 0px 0px; text-decoration:none;  color: #737373;}
#top .topmenu li a:hover {background:url(imgs/bgr_over.jpg) repeat-x; width: 78px; height: 32px; display:block; margin: 0px 2px 0px 0px; padding: 15px 0px 0px 0px; text-decoration:none; color: #12acdf;}


#all  {padding: 0px; margin: 0px; }

/*///////////// FLASH BLOCK ///////////*/
#all  .adv_block {padding: 0px; margin: 0px; display:block; background-color:#F3F3F3;}
#all  .adv_block .myflash {width: 760px; height: 240px; padding: 0px; margin: 0px auto; display:block; }


/*///////////// LINE ///////////*/
#all .line { display: block; background-color: #c8cbcd; margin: 0px auto; padding: 0px; height: 5px; overflow:hidden}
#all .line .line_colors {display: block;  width: 760px; margin: 0px auto; padding: 0px; height: 5px;}
#all .line .line_colors .blueline {width: 380px; margin: 0px; padding: 0px; background-color: #12acdf; float: left; display: block; height: 5px;}
#all .line .line_colors .redline {width: 380px;  margin: 0px; padding: 0px; background-color: #de1c23; float: left; display: block; height: 5px;}



/*///////////// GENERAL PRODUCTS ///////////*/
#all .general_products {height: 180px; display: block; margin: 0px auto; padding: 0px;}
#all .general_products .gproducts {width: 760px; margin: 0px auto; padding: 10px 0px 10px 0px; height: 160px; display:block; }
#all .general_products .gproducts ul {margin: 0px; padding: 0px;}
#all .general_products .gproducts li {list-style-type: none; width: 185px; height: 163px; padding: 0px; margin: 0px  0px 0px 4px; display: block; float: left; color: red;}
#all .general_products .gproducts li a {background: url(imgs/gprod.jpg) no-repeat; width: 185px; height: 163px; padding: 0px; margin: 0px; display: block; text-decoration: none;}
#all .general_products .gproducts li a:hover {background: url(imgs/gprod_over.jpg) no-repeat; width: 185px; height: 163px; padding: 0px; margin: 0px; display: block; text-decoration: none;}
#all .general_products .gproducts li .img {cursor: pointer;  width: 175px; padding: 5px 5px 0px 5px; margin: 0px; display: block;}
#all .general_products .gproducts li .mytitle {cursor: pointer; width: 173px; padding: 5px 6px 5px 6px; margin: 0px; height:43px; display: block; font: bold 10px/11px "Verdana"; text-decoration: none; color: #797777;}


/*///////////// TITLES ///////////*/
#all .big_titles {height: 40px; margin:0px; padding: 0px; background:#efefef url(imgs/bgr_title.jpg) repeat-x bottom; display: block;}
#all .big_titles .titles {width: 760px; height: 40px; margin: 0px auto; padding: 0px; display: block; background: url(imgs/line2.jpg) no-repeat center; font: bold 20px/40px "Arial"; color: #8c8c8e;
}
#all .big_titles .titles .lefttitle {width: 375px; height: 40px; display:block; float: left; margin: 0px; padding: 0px 0px 0px 5px;}
#all .big_titles .titles .lefttitle img {}
#all .big_titles .titles .righttitle {width: 375px; height: 40px; display:block; float: right; margin: 0px; padding: 0px 0px 0px 5px;}
#all .big_titles .titles .righttitle img {}


/*///////////// WHATS HOT ///////////*/
#all .whats_hot {width: 760px; margin:0px auto; background: url(imgs/dots.jpg) repeat-y center; display:block;}
#all .whats_hot .hot {width: 380px;  padding: 0px; display:block; float: left; text-decoration: none;}
#all .whats_hot .hot ul{margin: 0px; padding: 0px;}
#all .whats_hot .hot li {list-style-type: none; width: 370px; margin: 0px auto; margin-top: 10px; padding: 0px; height: 52px;  display: block; background:url(imgs/hot_prod.jpg) no-repeat; font: bold 10px/10px "Verdana"; }
#all .whats_hot .hot li a{width: 355px; margin: 0px; padding: 5px 5px 5px 10px; height: 42px;  display: block;  font: bold 10px/10px "Verdana"; text-decoration: none; color: #77767a;}
#all .whats_hot .hot li a:hover{ text-decoration: none; color:#3f3f3f; border: 0px;}
#all .whats_hot .hot li .img {width: 125px; height: 42px; float: left; display:block; margin: 0px; padding: 0px;  cursor: pointer;}
#all .whats_hot .hot li .img img {border: 0px;}
#all .whats_hot .hot li .hotitles {width: 220px; height: 25px; display:block; float: left; margin: 0px auto; padding: 12px 0px 5px 10px;  cursor: pointer;}

#all .whats_hot .hot .buttons {width: 370px; margin: 0px; padding: 10px 5px 10px 5px; height: 40px; display:block; float:left;}
#all .whats_hot .hot .buttons .gotobtn {width: 210px; display: block; float: left; height: 30px; margin:0px; padding: 0px;}
#all .whats_hot .hot .buttons .goto a{width: 155px; display: block; float: left; margin:0px; padding: 0px 0px 0px 5px; height: 30px; font: normal 11px/30px "Trebuchet MS", Arial; color: #979698; text-decoration:none;}
#all .whats_hot .hot .buttons .goto a:hover{font: normal 11px/30px "Trebuchet MS", Arial; color: #77767a; text-decoration:underline;}


/*///////////// WHATS NEW ///////////*/


#all .whatsnew {width: 760px; margin:0px auto; background: url(imgs/dots.jpg) repeat-y center; display:block;}
/*GIA WII*/
#all .whatsnew .wii { width: 370px; margin: 0px auto; padding: 5px;  float: left; display:block; }
#all .whatsnew .wii ul {margin: 0px; padding: 0px;}
#all .whatsnew .wii li {width: 360px; height: 30px;  margin: 5px; padding: 0px; list-style-type:none; display:block;  border-bottom: 1px dotted #d3d3d3; text-decoration: none; font: bold 11px/12px "Arial"; color:#888787; cursor:pointer;}
#all .whatsnew .wii li a {width: 330px;  margin: 0px; padding: 0px 0px 0px 30px; text-decoration: none; background: url(imgs/bluetick.jpg) no-repeat 0px 0px; display:block; color:#888787;}
#all .whatsnew .wii li a:hover {width: 330px; margin: 0px; padding: 0px 0px 0px 30px; text-decoration: none; background: url(imgs/greytick.jpg) no-repeat 0px 0px; color:#888787;}

/*GIA DS*/
#all .whatsnew .ds {width: 370px; margin: 0px auto; padding: 5px;  float: left; display:block;}
#all .whatsnew .ds ul {margin: 0px; padding: 0px;}
#all .whatsnew .ds li {width: 360px; height: 30px;  margin: 5px; padding: 0px; list-style-type:none; display:block;  border-bottom: 1px dotted #d3d3d3; text-decoration: none; font: bold 11px/12px "Arial"; color:#888787; cursor:pointer;}
#all .whatsnew .ds li a {width: 330px;  margin: 0px; padding: 0px 0px 0px 30px; text-decoration: none; background: url(imgs/redtick.jpg) no-repeat 0px 0px; display:block; color:#888787;}
#all .whatsnew .ds li a:hover {width: 330px; margin: 0px; padding: 0px 0px 0px 30px; text-decoration: none; background: url(imgs/greytick.jpg) no-repeat 0px 0px; color:#888787;}



/*///////////// TITLES NEWS VOTE FORUM///////////*/
#all .big_titles_news {height: 40px; margin:0px; padding: 0px; background:#efefef url(imgs/bgr_title.jpg) repeat-x bottom; display: block;}
#all .big_titles_news .titles {width: 760px; height: 40px; margin: 0px auto; padding: 0px; display: block; background: url(imgs/line2.jpg) no-repeat center; font: bold 20px/40px "Arial"; color: #8c8c8e;}
#all .big_titles_news .titles .lefttitle {width: 275px; height: 40px; display:block; float: left; margin: 0px; padding: 0px 0px 0px 5px;}
#all .big_titles_news .titles .txt a {font: normal 11px/40px "Arial"; display: block; margin: 0px; padding: 0px; width: 100px; height: 40px; float:left; text-decoration:underline; color: #888787;}
#all .big_titles_news .titles .txt a:hover {text-decoration:none; color: #888787;}
#all .big_titles_news .titles .righttitle {width: 215px; height: 40px; display:block; float: left; margin: 0px; padding: 0px 0px 0px 5px;}
#all .big_titles_news .titles .rrighttitle {width: 155px; height: 40px; display:block; float: left; margin: 0px; padding: 0px 0px 0px 5px; background: url(imgs/line2.jpg) no-repeat left;}


/*////////////////BLOCK FOR NEWS VOTE FORUM///////////////*/


#all .nvf {width: 760px; margin: 0px auto; padding: 0px; display:block; background: url(imgs/bgr_news.jpg) repeat-y ;}

/* ////////////NEA/////////// */
#all .nvf .news {float: left; display: block; margin: 0px; padding: 10px 5px 10px 5px; width: 370px;}
#all .nvf .news ul {padding: 0px; margin: 0px;width: 370px;}
#all .nvf .news li{width: 360px; float: left;text-align:left; padding: 5px; margin:0px 0px 5px 0px; width: 360px;display: block;
                   background:#ededed; list-style-type:none; height: 60px; font: normal 11px/11px "Trebuchet MS", Arial;  color:#363636;}
#all .nvf .news li a {font: normal 11px/12px "Trebuchet MS", Arial;  color:#363636; text-decoration:none;}
#all .nvf .news li a:hover{font: normal 11px/12px "Trebuchet MS", Arial;  color:#363636; text-decoration:underline;}
#all .nvf .news li img,#all .nvf .news li input { float: left; display:block; border: 1px solid #12acdf; margin: 0px 5px 0px 0px; padding: 0px; width: 63px; height: 47px;}
#all .nvf .news li .more {display: block;float:left; margin: 0px; padding: 3px 0px 5px 0px; background: url(imgs/more.jpg) no-repeat right; width: 80px; color: #898989; }
#all .nvf .news li .more a {color: #898989; text-decoration:none; margin: 0px; padding: 0px;  font: bold 10px/11px "Verdana";}
#all .nvf .news li .more a:hover{color: #4c4b4b; text-decoration:none; margin: 0px; padding: 0px; font: bold 10px/11px "Verdana";}

/* ////////////VOTE/////////// */
#all .nvf .vote {width: 206px; padding: 10px 3px 10px 3px; margin:0px 0px 0px 3px; display:block; float: left; }
#all .nvf .vote .title {width: 160px; background: url(imgs/vote_bgr.jpg) no-repeat top left; height: 30px; padding: 5px 43px 5px 5px; margin: 0px auto; color: #12acdf; display:block; font: bold 12px/11px "Trebuchet MS", Arial;}
#all .nvf .vote .questions {width: 208px; margin: 0px; padding: 0px; display:block; float: left; background:#ebebeb; border-bottom: 3px solid #cdcdcd;}
#all .nvf .vote .questions ul {margin: 0px; padding: 0px;}
#all .nvf .vote .questions li {float: left; padding: 0px; margin: 0px auto; width: 197px; list-style-type:none; display:block; height: 30px;}
#all .nvf .vote .questions li .radio {float: left; display:block; width:27px; height:30px;  padding: 0px;  margin: 0px;}
#all .nvf .vote .questions li .txt {float: left; width: 170px; height: 27px;  padding: 3px 0px 0px 0px;  margin: 0px; font: normal 11px/12px "Trebuchet MS", Arial; color:#5e5e5e; display:block;}
#all .nvf .vote .buttons {width: 198px; margin: 0px; padding: 15px 5px 5px 5px; float: left; height: 32px; background:#fff url(imgs/votebottom.jpg) repeat-x left bottom;}

/* ////////////FORUM/////////// */
#all .nvf .forum {width: 150px; margin: 0px; padding:10px 0px 0px 0px; display:block; float: right;}



/*///////////////BOTTOM////////////////*/
#bottom_block {margin: 0px auto; padding: 0px; display:block; height: 30px; background: url(imgs/bottom_bgr.jpg) repeat-x left top;}
#bottom_block .bottom {width: 760px; margin: 0px auto; display:block; height: 30px;}
#bottom_block .bottom .bottomlinks {width: 510px; padding: 0px 5px 0px 5px; margin: 0px; height: 30px; font: normal 11px/30px "Trebuchet MS", Arial; Color: #fff; display:block; float: left;}
#bottom_block .bottom .bottomlinks a {font: normal 11px/30px "Trebuchet MS", Arial; Color: #fff; text-decoration: none;}
#bottom_block .bottom .bottomlinks a:hover {font: normal 11px/30px "Trebuchet MS", Arial; Color: #b6b6b6; text-decoration: none;}
#bottom_block .bottom .newsletter {width: 240px; margin: 0px; padding: 0px; display:block; height: 30px; float:left; }

#bottom_block .bottom .newsletter .txt {width: 60px; float: left; display:block; font-family:"Trebuchet MS", Arial; color: #fff; font-size: 11px; font-weight:bold; line-height: 30px;}
#bottom_block .bottom .newsletter .email { float: left;  margin: 0px;   display:block; width: 140px; height: 20px; padding: 5px;}
#bottom_block .bottom .newsletter .email input{border: 1px solid #cfcfcf; font-size: 10px; color: #262626; font-family:"Trebuchet MS", Arial; font-weight:normal; width: 140px;}
#bottom_block .bottom .newsletter .btn {width: 24px; height: 29px; display:block; margin: 0px; padding: 0px; float: left;}

/*///////////////FOOTER////////////////*/
#footer_block {padding: 0px; margin: 0px; display:block; height: 42px; background:#d3d3d3; margin: 1px 0px  0px 0px;}
#footer_block .footer {width: 760px; height: 42px; margin: 0px auto; padding: 0px; background: url(imgs/footer_bgr.jpg) no-repeat left top; display:block;}
#footer_block .footer .copyright {height: 42px; margin: 0px 0px 0px 5px; padding: 0px; width: 150px; font: bold 10px/42px "Trebuchet MS", Arial; float:left; display:block; color: #212121;}
#footer_block .footer .created {height: 42px;  margin: 0px 5px 0px 0px; float:right; display:block; font: bold 10px/42px "Trebuchet MS", Arial; color: #212121;}
#footer_block .footer .created a{font: bold 10px/42px "Trebuchet MS", Arial; color: #212121; text-decoration:underline;}
#footer_block .footer .created a:hover{font: bold 10px/42px "Trebuchet MS", Arial; color: #212121; text-decoration:none;}
#footer_block .footer .hiweb {display: block;  height: 31px; width: 19px; float: right; padding: 11px 0px 0px 0px;}