/* CSS Document */
BODY{
  background: #FFFFFF;
  margin: 0px;
  font-family: Arial;
  font-size: 12px;
  height:100%;
}

*{
  margin: 0;
  padding: 0;
}

TD{
  padding:5px;
}

INPUT{
  font-size:14px;
}

.text_field{
  border: 1px solid rgb(95,95,95);
  height:20px;
  vertical-align:middle;
}

.text_field:hover{
  border: 1px solid rgb(153,102,0);
}

.textarea_field{
  border: 1px solid rgb(95,95,95);
  width:100%;
  height:250px;
  overflow:auto;
}

.textarea_field:hover{
  border: 1px solid rgb(153,102,0);
}

select{
  font-size:14px;
  border: 1px solid rgb(95,95,95);
  height:22px;
  vertical-align:middle;
}

a:link                    {color: #000;text-decoration:none;}
a:visited                 {color: #000;text-decoration:none;}
a:hover                   {color: #000;text-decoration:underline;}

.img                      {vertical-align:middle;}

.sprite                   {background: url(../images/csg.jpg) no-repeat top left;}

.main                     {position:relative; margin-left: auto; margin-right: auto; width: 1000px; text-align:left;}
.top_line                 {background-position: 0 -1600px; background-repeat: repeat-x; width:100%; height:190px;}
.head                     {position:relative; background-position: 0 -263px; width: 1000px; height: 190px;}
.headleft                 {float:left; vertical-align: top;  width: 350px; height: 185px;}
.headright                {position:relative; float:left; vertical-align:top; width:640px; height:185px;}
.topmenu                  {width: 640px; height: 190px;}
.topmap                   {position:relative; height:15px; padding:5px; float:left; margin-left:220px; margin-top:-15px; background-color:rgb(248,248,248);}
.category                 {position:relative; background-position: 0 -180px; width: 174px; height: 32px; margin-left: auto; margin-right: auto; text-align: center; color: #FFF; font-weight:bold; font-size:12px;}
a.category:link           {color: #FFF;text-decoration:none;}
a.category:visited        {color: #FFF;text-decoration:none;}
a.category:hover          {color: #FFF;text-decoration:none;}
.category_text            {position:absolute; width: 170px; line-height:30px; top:0px; left:0px; text-align:center;}
.category_text a          {display:block;}
.category_block           {position: absolute; visibility:hidden; left:97px; padding:1px; font-weight:bold; border:1px solid #333;z-index:9;}
.category_block a         {display:block; width:150px; line-height:20px; background-color:#EFEFEF; color:#000; border:1px solid #CCC; text-align:left;padding-left:5px;}
.category_block a:hover   {background-color:#FEE264;}
.toptab                   {position: absolute; right:30px; padding:5px; height:28px; width:172px;  background-position: 0 -1428px; text-align:center; vertical-align: top; color: #FFF; z-index:1;}
.toptab a                 {color: #FFF;}
.toptab a:visited         {color: #FFF;}
.mainmenu                 {background-position: 0 -1228px; width: 604px; height: 190px;}

.mainmenu_text_buy a{
  color: #FFFFFF;
  line-height:120px;
  display:block;
  width:195px;
  padding-left:20px;
  margin-top:35px;
  text-align:center;
  font-size:40px;
  color:#FFF;
  float:left;
}

.mainmenu_text_buy a:visited{
  color: #FFFFFF;
}

.mainmenu_text_buy a:hover{
  color: #FEE159;
  text-decoration:none;
}

.mainmenu_text_selected a{
  color:#FEE159;
  display:block;
  float:left;
  padding-left:20px;
  margin-top:35px;
  width:195px;
  line-height:120px;
  text-align:center;
  font-size:50px;
}

.mainmenu_text_selected a:visited{
  color: #FEE159;
}

.mainmenu_text_selected a:hover{
  color: #FFF;
  text-decoration:none;
}

.mainmenu_text_sell a{
  color: #FFFFFF;
  display:block;
  width:195px;
  line-height:120px;
  float:left;
  margin-top:35px;
  text-align:center;
  font-size:40px;
  color:#FFF;
  margin-left:8px;
}

.mainmenu_text_sell a:visited{
  color: #FFFFFF;
}

.mainmenu_text_sell a:hover{
  color:#FEE159;
  text-decoration:none;
}

.mainmenu_text_selected_s a{
  color:#FEE159;
  display:block;
  float:left;
  width:193px;
  margin-top:35px;
  margin-left:8px;
  text-align:center;
  line-height:50px;
  font-size:50px;
  line-height:120px;
  color: #FEE159;
}

.mainmenu_text_selected_s a:visited{
  color: #FEE159;
}

.mainmenu_text_selected_s a:hover{
  color:#FFF;
  text-decoration:none;
}

.search                   {position:relative; float:left; width:130px; height:120px; margin-left:10px;}

.search_tab{
  float: right;
  width:133px;
  height:25px;
  background-position: -21px -1178px;
  text-align:center;
  color:#FFF;
  margin-right:17px;
  margin-top:4px;
}

.search_tab a{
  color:#FFF;
  display:block;
  width:133px;
  height:25px;
}

.search_tab a:visited{
  color:#FFF;
}

.search_input             {position:absolute; background-position: 0 -1100px; height:43px; width:150px; bottom:0px;}
.search_input_box         {margin-left:10px; margin-top:0px;}

.search_image             {background-position: 0 -880px; width:25px; height:20px; border:0px; margin-top:10px;}
.search_image:hover       {background-position: 0 -807px; cursor:pointer;cursor:hand;}
.search_input_i           {width:100px; vertical-align:middle;border:0;color:#CCC;}

.category_search_block{
  position:absolute;
  visibility: hidden;
  width:200px;
  height:150px;
  overflow:auto;
  top:0px;
  right:0px;
  border:3px solid #CCC;
  background-color:rgb(253,253,253);
  z-index:9;
}

.category_search_block a{
  float:left;
  display:block;
  width:180px;
  line-height:20px;
  background-color:#EFEFEF;
  color:#000;
  border-bottom:1px solid #FFF;
  text-align:center;
}

.category_search_block a:hover{
  background-color:#FEE264;
}

.category_search_close{
  position:absolute;
  visibility: hidden;
  width:80px;
  background-color:#000;
  top:155px;
  right:60px;
  z-index:9;
}

.category_search_close a{
  display:block;
  width:77px;
  text-align:center;
  line-height:20px;
  border:2px solid #CCC;
  color:#FFF;
}

.category_search_close a:visited{
  color:#FFF;
}

.language_flag            {position:absolute; right:3px; top:0px; vertical-align: top; height:10px;}
.flags                    {position:absolute; background-color:#DFDFDF; top:20px; right:-10px; padding:5px; border:1px solid #CCC; width: 20px; height:20px; text-align: center; visibility: hidden;}

.page                     {float:left;position:relative; width:100%;}
.page_tab                 {-moz-border-radius: 3px 3px 0px 0px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 5px; height:19px; border-style: solid; border-color: #CCC; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; background-position: 0 -1021px; background-repeat:repeat-x; padding:5px; position:relative;}
.page_left                {float:left; width:200px;margin-right:5px;margin-left:5px;}

.page_left_1{
  border:1px solid #CCC;
  width:188px;
  padding:5px;
  text-align:center;
  float:left;
}

.page_left_2              {border:1px solid #CCC; width: 188px; height: 400px; padding:5px; background-color:#F5F5F5;}
.page_center              {float:left; width: 600px; margin-left: 5px; margin-right: 5px;}
.page_center_1            {border:1px solid #CCC; width: 588px; padding:5px;}
.page_buy                 {float:left; width: 750px; margin-left: 5px;}
.page_buy_1               {border:1px solid #CCC; width: 738px; padding:5px;}
.page_sell_1              {float:left; border:1px solid #CCC; width: 738px; padding:5px;}
.page_right               {float:left; width: 160px; margin-left: 5px;}
.page_right_1             {border:1px solid #CCC; width: 148px; padding:5px;}
.page_right_2             {border:1px solid #CCC; width: 148px; padding:5px;}
.tab_text                 {float:left;}

.bottom_menu{
  width:100%;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  font-size:10px;
  padding:5px;
  height:30px;
  float:left;
}

.small_input              {height:18px;}
.region                   {float:right; margin-right:50px;}
.region_block             {border:1px solid #CCC; right: 150px;visibility: hidden; position:absolute;  width:240px; height:200px; overflow:auto; padding:5px; background-color:#DFDFDF; border:1px solid #CCC; z-index:9;}
.sort                     {float:right; margin-right:20px;}
.sort_block               {border:1px solid #CCC; right: 20px;visibility: hidden; position:absolute;  width:150px;padding:5px; background-color:#DFDFDF; border:1px solid #CCC; z-index:9;}
.select                   {border-bottom:1px dotted #FFF; padding:1px; width:195px;}
.select:hover             {background-color:#FFF; margin:1px;}

.arrow                    {float:left; background-position: 0 0; width:10px; height:10px; margin-left:15px; margin-top:10px;}
.arrow:hover              {background-position: 0 -60px;}
.arrow_r                  {position:absolute; left:30px; top:10px; background-position: -60px 0; width:10px; height:10px;  visibility: hidden;}
.arrow_r_v                {background-position: 0 -120px; width:10px; height:10px; }
.arrow_tab                {float:left; display:block; background-position: -30px 0; width:20px; line-height:20px; text-align:center; margin-left:50px;}
.arrow_tab :hover         {background-position: 0 -60px;}

.view_mode_1              {float:left; background-position: 0 -956px; width:15px; margin-left:5px; line-height:15px; text-align:center;}
.view_mode_1 a            {display:block; width:14px; line-height:14px;}
.view_mode_1 a:hover      {border:1px solid #333;}
.view_mode_2              {float:left; background-position: 0 -1506px; width:15px; margin-left:5px; height:15px; line-height:15px; text-align:center;}
.view_mode_2 a            {display:block; width:14px; line-height:14px;}
.view_mode_2 a:hover      {border:1px solid #333;}
.view_mode_3              {float:left; background-position: 0 -745px; width:15px; margin-left:5px; height:15px; line-height:15px; text-align:center;}
.view_mode_3 a            {display:block; width:14px; line-height:14px;}
.view_mode_3 a:hover      {border:1px solid #333;}

.error                    {color:#FF0000; font-weight:bold;}
.border                   {border: #FF0000 3px double; vertical-align:middle;}
.border_small             {border: #FF0000 3px double; width: 50px;}
.small                    {font-size: 11px;}

.flag_GBR                 {position:absolute; background-position: 0 -1535px; width:20px; height:12px; left:5px;}
.flag_ROU                 {position:absolute; background-position: -20px -1535px; width:20px; height:12px; left:5px;}
.flag_AUT                 {position:absolute; background-position: -40px -1535px; width:20px; height:12px; left:5px;}
.flag_BEL                 {position:absolute; background-position: -60px -1535px; width:20px; height:12px; left:5px;}
.flag_BGR                 {position:absolute; background-position: -80px -1535px; width:20px; height:12px; left:5px;}
.flag_HRV                 {position:absolute; background-position: -100px -1535px; width:20px; height:12px; left:5px;}
.flag_CYP                 {position:absolute; background-position: -120px -1535px; width:20px; height:12px; left:5px;}
.flag_CZE                 {position:absolute; background-position: -140px -1535px; width:20px; height:12px; left:5px;}
.flag_DNK                 {position:absolute; background-position: -160px -1535px; width:20px; height:12px; left:5px;}
.flag_EST                 {position:absolute; background-position: -180px -1535px; width:20px; height:12px; left:5px;}
.flag_FIN                 {position:absolute; background-position: -200px -1535px; width:20px; height:12px; left:5px;}
.flag_FRA                 {position:absolute; background-position: -220px -1535px; width:20px; height:12px; left:5px;}
.flag_DEU                 {position:absolute; background-position: -240px -1535px; width:20px; height:12px; left:5px;}
.flag_GRC                 {position:absolute; background-position: -260px -1535px; width:20px; height:12px; left:5px;}
.flag_HUN                 {position:absolute; background-position: -280px -1535px; width:20px; height:12px; left:5px;}
.flag_IRL                 {position:absolute; background-position: -300px -1535px; width:20px; height:12px; left:5px;}
.flag_ITA                 {position:absolute; background-position: -320px -1535px; width:20px; height:12px; left:5px;}
.flag_LVA                 {position:absolute; background-position: -340px -1535px; width:20px; height:12px; left:5px;}
.flag_LTU                 {position:absolute; background-position: -360px -1535px; width:20px; height:12px; left:5px;}
.flag_LUX                 {position:absolute; background-position: -380px -1535px; width:20px; height:12px; left:5px;}
.flag_MLT                 {position:absolute; background-position: -400px -1535px; width:20px; height:12px; left:5px;}
.flag_NLD                 {position:absolute; background-position: -420px -1535px; width:20px; height:12px; left:5px;}
.flag_NOR                 {position:absolute; background-position: -440px -1535px; width:20px; height:12px; left:5px;}
.flag_POL                 {position:absolute; background-position: -460px -1535px; width:20px; height:12px; left:5px;}
.flag_PRT                 {position:absolute; background-position: -480px -1535px; width:20px; height:12px; left:5px;}
.flag_SVK                 {position:absolute; background-position: -500px -1535px; width:20px; height:12px; left:5px;}
.flag_SVN                 {position:absolute; background-position: -520px -1535px; width:20px; height:12px; left:5px;}
.flag_ESP                 {position:absolute; background-position: -540px -1535px; width:20px; height:12px; left:5px;}
.flag_SWE                 {position:absolute; background-position: -560px -1535px; width:20px; height:12px; left:5px;}
.flag_TUR                 {position:absolute; background-position: -580px -1535px; width:20px; height:12px; left:5px;}
.flag_CHN                 {position:absolute; background-position: 0 -1560px; width:20px; height:12px; left:5px;}
.flag_TWN                 {position:absolute; background-position: -20px -1560px; width:20px; height:12px; left:5px;}
.flag_USA                 {position:absolute; background-position: -40px -1560px; width:20px; height:12px; left:5px;}

.flag_text                {position:relative; left:30px;}

.sell_guide{
  float:left;
  border:1px solid #CCC;
  background-color:#EFEFEF;
  padding:10px;
}

.sell_block{
  position:relative;
  margin:15px;
  float:left;
  font-size:18px;
  font-weight:bold;
  position:relative;
  text-align:center;
  width:180px;
  line-height:100px;
  background-color:#CCFF00;
  left:0px;
  border:5px solid #333;
}

.sell_text{
  font-size:16px;
}

.sell_arrow               {position:absolute; background: url(../images/sell_arrow.png) no-repeat top left; width:50px; height:50px; right:-50px; top:25px;}

.login_input{
  width:90px;
  vertical-align:middle;
  border: 1px solid rgb(95,95,95);
}

.login_input:hover{
  border: 1px solid rgb(153,102,0);
}

.login_input_small{
  width:50px;
  vertical-align:middle;
  border: 1px solid rgb(95,95,95);
}

.login_input_small:hover{
  border: 1px solid rgb(153,102,0);
}

.user_ul                  {width: 160px; list-style-type: none; margin: auto;}
.user_ul a                {background-position: 0 -1628px; text-decoration:none; background-repeat:repeat-x; text-align:center; padding-left: 0px; line-height: 30px; display: block; width:140px; font-family:Verdana; font-size:16px; font-weight:bold; border:1px solid #CCC;}
.user_ul a:hover          {background-position: 0 -1608px; background-repeat:repeat-x; color:#FF0000;}
.user_li                  {height:32px; margin-bottom:5px; border-right:5px solid #333; border-left:15px solid rgb(153,0,0);}

.user_square_holder       {position:relative;}
.user_list_table          {border:1px solid #CCC; border-collapse: collapse;}
.user_list                {border-right:1px solid #CCC; padding:5px;}

.menu                     {float:left; width:100%; background-position: 0 -1021px; background-repeat:repeat-x; height:29px; border-left: 1px #CCC solid;}
.menu_left                {float:left; width:55%; padding:3px; margin-left:2px;}
.menu_right               {float:right; width:40%;}
.pagemenu_ul              {float:right; background-position: 0 -1021px; background-repeat:repeat-x; height:29px; width:190px; list-style-type: none; margin: 0px;}
.pagemenu_ul a            {color:#333; width: 30px; padding-left:5px; padding-right: 5px; text-align:center; line-height: 29px; display: block; border-right: 1px #CCC solid; border-left: 1px #CCC solid;}
.pagemenu_ul a:hover      {background-color:#CCC; color:#FFF; text-decoration:none;}
.pagemenu_li              {float:right; line-height: 29px;}

.select_input             {width:155px; vertical-align:middle;}
.sell_row                 {background-color:#EFEFEF;}

hr                        {color: #fff; background-color: #fff; border: 1px dotted #C0C0C0; border-style: none none solid;}

.custom_button{
  font-size:20px;
  font-weight:none;
  padding:0px;
  background:url(../images/button.png);
  background-repeat:no-repeat;
  width:196px;
  height:48px;
  border:0;
  color:#FFF;
}

.custom_button:hover{
  background:url(../images/button2.png);
  background-repeat:no-repeat;
  cursor:pointer;
  cursor:hand;
}

label{
  display: block;
  width: 200px;
  line-height:20px;
  float: left;
  margin: 0px 4px 10px 4px;
  text-align: right;
}

.label2{
  display: block;
  width: 70px;
  float: left;
  margin: 0px 4px 10px 4px;
  text-align: left;
}

.label3{
  display: block;
  width: 350px;
  float: left;
  margin: 5px 0px 0px 0px;
  text-align: left;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
  padding:5px;
}

.label4{
  display: block;
  position:relative;
  width: 80px;
  float: left;
  margin: 5px 0px 0px 0px;
  text-align: center;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
  padding:5px;
}

.label5{
  display: block;
  width: 200px;
  float: left;
  margin: 0px 4px 10px 4px;
  text-align: left;
}


br{
  clear:left;
}

.reg{
  width:400px;
  font-size:14px;
  vertical-align:middle;
  border: 1px solid rgb(95,95,95);
}

.reg:hover{
  border: 1px solid rgb(153,102,0);
}

.button_back{
  background:url(../images/save.gif);
  background-repeat:no-repeat;
  background-position:center left;
  padding:3px;
  padding-left:20px;
  background-color:rgb(230,230,230);
  border:1px solid rgb(143,143,143);
  vertical-align:middle;
}

.button_back:hover{
  background-color:rgb(240,255,255);
  cursor:pointer;
  cursor:hand;
}

a.tooltip{
  text-decoration:underline;
}

a.tooltip span{
  display:none;
  padding:2px 3px;
}

a.tooltip:hover span{
  display:block;
  position:absolute;
  left:70px;
  background:rgb(255,255,204);
  border:1px solid #CCC;
  color:#333;
  text-align:center;
  z-index:9;
}

.table_header{
  background-color:#EFEFEF;
  line-height:22px;
}

.prod_trum{
  width:110px;
  padding:5px;
  border:1px solid #CCC;
  text-align:center;
  margin-left:30px;
  margin-bottom:5px;
  position:relative;
  float:left;
}
.prod_trum:hover{border:1px solid #000;}

#loading{
  opacity: 0.8; filter: alpha(opacity = 80);
  background-color: #000000;
  position: absolute;
  text-align: center;
  z-index: 9999;
  top: 0px;
  width:100%;
  height:100%;
  visibility:hidden;
}

.line { border-top:1px solid #dadada; padding:0; margin:10px 0; background:none; list-style:none;}
.cat_style{background-color:#FEDD43; text-align:center;}
.cat_style a{display:block;line-height:20px;margin-bottom:5px;}
.p_image{width:110px;height:80px;display:block;text-align:center;}

div.player {
  border:2px solid #FFFFFF;
  float:left;
  outline-color:#333333;
  outline-style:solid;
  outline-width:1px;
  text-align:center;
  width:320px;
  height:240px;
  background-repeat:no-repeat;
}

div.player img {
  margin-top:67px;
}

div.info {
  background:#000000 url(../images/h80.png) repeat-x scroll 0 0;
  border-top:1px solid #CCCCCC;
  color:#FFFFFF;
  font-family:"bitstream vera sans","trebuchet ms";
  font-size:12px;
  height:40px;
  margin-top:40px;
  opacity:0.7;
  padding:5px 15px;
  text-align:left;
}

.video_ico{background-position: -100px 0;background-repeat: no-repeat;width:14px; height:15px;display:block;bottom:10px;right:5px;position:absolute;}