/* CSS Reset */
h1,h2,h3,h4,h5,h6,h7 {
  margin-top: 0px;
  padding-top: 0px;
}
img {
 border: none;
}

*{
  	box-sizing: border-box;
}
/* CSS Reset END*/
/*
.login-link, #login{
    display: none;
}
@media screen and (max-width: 767px){
    .login-link {
         display: block;
    }
    #login{
         display: none;
    }
}
@media screen and (min-width: 768px) {
    #login{
         display: block;
    }
    .login-link{
         display: none;
    }
}
*/

body,html {
  margin: 0;
  padding: 0;
  font-family: verdana;
  font-size: 10pt;
  line-height: 12pt;
  color: black;
  font-style: normal;
  font-weight: normal; 
}

#site_container{
  position: relative;
  margin: 0 auto;
  width: 1024px;  
}

  #header{
     position: relative;
     z-index:2;
     left: -8px;
  }
    #metal-sheet-logo{
       position: relative;
       display: inline-block;
       height: 57px;
       width: 258px;
       background: url('/images/w_bacslemez/bacs_lemez-logo.png') no-repeat top left;
       z-index:2;
       left: 22px;
       top:15px;
    }
    
    #search_box{
      position: absolute;
      right: 44px;
      top: 44px;
    }
    
    #search_box table {
      position:relative;
      width:200px;
      margin:0 auto;
      text-align:center;
    }
      #search_box table input[type="text"]{
        position:relative;
        border: none;
        background: url('/images/w_bacslemez/search-bg.png') no-repeat top left;
        width:216px;
        height: 27px;
        padding: 0px 40px 0px 10px;
        color: white;
        display: inline-block;
      }
      #search_box table input[type="submit"]{
        position:absolute;
        border: none;
        background: url('/images/w_bacslemez/search-button-bg.png') no-repeat top left;
        height: 20x;
        right: 15px;
        top: 5px;
        width: 20px;
        cursor: pointer;
        
      }
    
    #search_search.input-default-text{
      color: #aaa !important;
    }
               
  #swap_image_top {
    position: relative;
    width:100%;
    height: 297px;  
    margin-top: -9px;    
  }   
  
  #swap_image_tablet_top {
    position: relative;
    width:100%;
    height: 297px;  
    margin-top: -9px;    
    background: url('/images/w_bacslemez/swap_image_tablet.png') no-repeat top left;
  }      
  #swap_image_mobile_top {
    position: relative;
    width:100%;
    height: 201px;      
    background: url('/images/w_bacslemez/swap_image_mobile.png') no-repeat top left;
  } 
  
  /*SWAP Image lásd lejebb*/
    
  #menu{
    position: relative;
    width: inherit;
    height: 42px;
    background: url('/images/w_bacslemez/menu_bg.png') repeat-x top left;
  }
   
  #languages {
    position: absolute;
    right: 25px;
    top:393px;
    z-index:990;
  }

  #content{
    width: inherit;
    
  }
     
  .whitebg{
    background-color: white;
  }
  
    #csms_ajxreq {
      position: relative;
      width: inherit;
      height: auto;   
      z-index:1;
    }
 
/* MENU */
#menu_inner{position:relative; width:100%; height:30px; z-index: 900; left:20px;}
#menu_inner ul{list-style-type:none; margin:0; padding:0;  z-index:901 }
#menu_inner > ul{ z-index:910 !important;}
#menu_inner ul li{float: left; position: relative; height:30px; z-index:inherit}
#menu_inner ul li:hover,
#menu_inner ul li.hover{}
#menu_inner ul li a,
  #menu_inner ul li span{display:inline-block; height:36px; cursor:pointer; color:white; text-align:center; padding:12px 16px 0px 16px; font-family: "Trebuchet MS"; font-size:12pt; 
                         font-weight:normal; display: block; text-decoration:none;white-space: nowrap; z-index:901;}
#menu_inner ul > li:first-child a,
#menu_inner ul > li:first-child span{padding-left:12px !important;}
#menu_inner ul li:hover > a,
  #menu_inner ul li:hover > span,
  #menu_inner ul li.hover > a,
  #menu_inner ul li.hover > span {text-decoration:none; color:white; z-index:910;}
#menu_inner ul li ul{position:absolute; top:36px; left:0; display:none; background-color:rgba(99, 3, 3, 0.95); width:auto; margin:0; padding:0; z-index:902;}
#menu_inner ul li:hover > ul,
  #menu_inner ul li.hover > ul{display: block;z-index:902; }
#menu_inner ul li ul li{float: none; position: relative; margin:0; padding:0;height:30px; z-index:903; }
#menu_inner ul li ul li:last-child{ border-bottom: none; }
#menu_inner ul li ul li a,
  #menu_inner ul li ul li span{display:inline-block; padding:0px 12px 0px 12px; white-space: nowrap; font-weight:normal; line-height:30px; color:white;height:30px; text-align: center; z-index:inherit;}
#menu_inner ul li ul li:hover { background-color: #310202;}
#menu_inner ul li ul li:hover a,
  #menu_inner ul li ul li:hover span{font-weight:normal;}
#menu_inner ul li ul li ul{position: absolute; top:0; left:100%; display: none;z-index: 904;}


#menu_box{
  top: -28px;
  width: 100%;
  right:0px;
  position:absolute;
}
#menu_box #mainmenu{
  position:absolute;
  right:0px;
}
#menu_box #submenu{
  position:absolute;
  left:0px;
  top: 64px;
}


#menu_box td{  
  background-color: rgba(99, 3, 3, 0.95);
  padding: 4px 10px; 
  position: relative;
  height:44px;
  
}
#menu_box #mainmenu tr:first-child td{    
  background: none;
  padding: 0px;  
  text-align: right;
}


#menu_box,
#menu_box td,
#menu_box td a,
#menu_box td span {  
  z-index: 800;
  color: white !important;  
}

#menu_box td a,
#menu_box td span{  
  position: relative;
  text-decoration: none !important;
  cursor: pointer;
  font-family: "Trebuchet MS"; 
  font-size:14pt;
}

#menu_box #mainmenu tr:first-child span{    
    display: inline-block;
    width:60px;
    height:60px;
		position: relative;
		background: url('/images/w_bacslemez/menu_button_mobile.png') no-repeat top right;
    cursor: pointer;  
  }
 
 
#group_box{
  position:relative;
  width: 208px;
  background: #808080 url('/images/w_bacslemez/termek_csoport_bg.png') no-repeat bottom left;
  padding-bottom: 123px;  
}

  .group_item{
    padding: 12px;
    width: 208px;
  }

    .group_item a,
    .group_item span {
      color: white !important;
      font-size: 13pt;
    }
    
    .group_item.selected-self{
      background-color: #6e0000;
    }
  
  .product_box{
    position: relative;    
    display: block;
    float: left;
    background: url('/images/w_bacslemez/termek_csoport_rovid.png') no-repeat top left;
    width: 212px;
    height:155px;
    margin-left: 10px;
    margin-bottom:10px;
  }
  
  .product_box:hover{
    background: url('/images/w_bacslemez/termek_csoport_rovid_selected.png') no-repeat top left;
    text-decoration: none !important;
  }  
  
    .product_title{
      color: white !important;
      height: 28px;
      padding: 5px 10px;
      position: relative;
      width: 210px;      
    }
                
    .product_item_leiras {
      position: relative;
      width:210px;
      height:120px;
      padding:5px 0px;    
      text-align: center;
    }
 
  #group_content{
    padding: 0px 10px;
    display: block;
  }
  
#footer{
  position:relative;
  width:100%;
  margin-top:4px;  
} 

/* SWAP IMAGE */

.swap_image {
  position:absolute;
  left:0px;
  top:0px;
}

.swap_image.z0 { z-index : 0; }
.swap_image.z1 { z-index : 1; }
.swap_image.z2 { z-index : 2; }

.swap_image_toggle_container {
  position:absolute;
  right:0px;
  bottom:5px;
  z-index:50;
}

.swap_image_toggle_left {
  position:relative;
  float:left;
  width:8px;
  height:20px;
}

.swap_image_toggle_mid {
  position:relative;
  float:left;
  height:20px;
  padding-top: 4px;
  z-index:50;
}

.swap_image_toggle_right {
  position:relative;
  float:left;
  width:17px;
  height:20px;
}

.swap_image_toggle {
  float:left;
  width:19px;
  height:19px;
  z-index:50;
  cursor: pointer;
}

.swap_image_prev {
  position:absolute;
  background:url('/images/w_bacslemez/swap_image_prev.png') no-repeat top left;
  width:27px;
  height:39px;
  top: 72px;
  left:0px;
  cursor: pointer;
  z-index: 50;
}

.swap_image_next{
  position:absolute;
  background:url('/images/w_bacslemez/swap_image_next.png') no-repeat top left;
  width:27px;
  height:39px;
  top: 72px;
  right:0px;
  cursor: pointer;
  z-index: 50;
}

.swap_image_toggle_selected {
  background:url('/images/w_bacslemez/swap_image_toggle_selected.png') no-repeat top left;
  cursor: default;
}

.swap_image_toggle_unselected {
  background:url('/images/w_bacslemez/swap_image_toggle.png') no-repeat top left;
  cursor: pointer;
}


/* GALLERY */
#gallery_view {
  position:relative;
  text-align: center;
  width: inherit;
}

/*backend css-ben is*/
#gallery_view .gallery{
  position:relative;
  background:url('/images/w_bacslemez/gallery.png') no-repeat scroll left top transparent;
  width:178px;
  height:178px;
  padding-left:18px;
  padding-right:18px;
  padding-top:20px;
  padding-bottom:40px;
  float:left;
  line-height: 178px;
  text-align: center;
}

#gallery_view .gallery img{
  position:relative;
  vertical-align: middle;
  max-height: 178px;
  max-width: 178px;

}

#gallery_view .gallery a.alt{
  position:absolute;
  bottom:0px;
  text-align:center;
  width:inherit;
  display:block;
  line-height: 18px;
  vertical-align: bottom;
  font-weight:bold;
  text-decoration:none;
  color:white;
}

#gallery_view .gallery a.alt:hover{
  text-decoration:underline;
}


#gallery_view .picture{
  position:relative;
  background:url('/images/w_bacslemez/picture.png') no-repeat scroll left top transparent;
  width:158px;
  height:118px;
  padding-left:10px;
  padding-right:17px;
  padding-top:10px;
  padding-bottom:39px;
  float:left;
  line-height: 118px;
  text-align: center;
}

#gallery_view .picture img{
  position:relative;
  vertical-align: middle;
  max-height: 118px;
  max-width: 158px;
}

.zoom{
  position:absolute;
  background:url('/images/w_bacslemez/zoom.png') no-repeat scroll left top transparent;
  right:18px;
  bottom:12px;
  width:23px;
  height:23px;
}

.title{
  position:absolute;
  left:10px;
  bottom: 16px;
  width:130px;
  height: 16px;
  line-height:14px;
  text-align:left;
  overflow: hidden;
  color: black;
}

.picture_link{
  display:inline-block;
  height:100%;
}

/* LATESTNEWS */
.latestnews_box {
  background-color:	#9D9D9D;
  margin:				0px;
  padding: 			0px;
  height : 			157px;
  width:				305px;
}

.latestnews {
  line-height: 35px;
  width:				305px;
  margin:0px;
  padding-left: 10px;
  background-color:#9D9D9D;
  border-top: 1px solid #D6D6D6;
  color:		white;
}
.latestnews a {

  text-decoration: none;
  color:white;
}
.latestnews_header {

  margin:				0px;
  padding-left:		10px;
  padding-right:		0px;
  padding-bottom:		10px;
  padding-top:		10px;

  width:				305px;
  text-align: 		LEFT;
  font-size: 			18px;
  font-weight: 		700;
  font-family:		Georgia, "Times New Roman", Times, serif;
  line-height: 		24px;
  color: 				#585858;
  background-color:	#D6D6D6;
}
.news_box {

  margin:				0px;
  padding: 			0px;
  width:				305px;
}
.news a {
  text-decoration: none;
  color : #585858;
  white-space:nowrap;
  overflow:hidden;
}

.news_header {

  margin:				0px;
  padding-left:		10px;
  padding-right:		0px;
  padding-bottom:		10px;
  padding-top:		10px;

  width:				305px;
  text-align: 		LEFT;
  font-size: 			18px;
  font-weight: 		700;
  font-family:		Georgia, "Times New Roman", Times, serif;
  line-height: 		24px;
  color: 				#585858;
}

.news {
  line-height: 35px;
  width:				290px;
  margin:0px;
  padding-left: 10px;
  border-top: 1px solid #D6D6D6;
}

 /* TINYSCROLLBAR */

.tinyscrollbar { position: relative;height: 100%; }
.tinyscrollbar .viewport { overflow: auto; position: relative; height: 100%;}
.tinyscrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; width: inherit; }
.tinyscrollbar .scrollbar{ background: transparent url(/images/w_bacslemez/bg-scrollbar-track-y.png) no-repeat; position: relative; background-position: top center; float: right; width: 15px; display: none; }
.tinyscrollbar .track { background: transparent url(/images/w_bacslemez/bg-scrollbar-trackend-y.png) no-repeat; background-position: top center; height: 100%; width:15px; position: relative; }
.tinyscrollbar .thumb { height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.tinyscrollbar .thumb .end { overflow: hidden; height: 5px; width: 25px; }
.tinyscrollbar .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.tinyscrollbar .thumb.content{ background: transparent url(/images/w_bacslemez/bg-scrollbar-thumb-y1.png) no-repeat 50% 0; }
.tinyscrollbar .thumb.content .end{ }
.tinyscrollbar .thumb.other{ background: transparent url(/images/w_bacslemez/bg-scrollbar-thumb-y2.png) no-repeat 50% 0; }
.tinyscrollbar .thumb.other .end{ }

.tinyscrollbar .viewport.w139 {width: 139px;}
.tinyscrollbar .viewport.w200 {width: 200px;}
.tinyscrollbar .viewport.w480 {width: 480px;}
.tinyscrollbar .viewport.w820 {width: 820px;}
.tinyscrollbar .viewport.w960 {width: 960px;}
.tinyscrollbar.w200 {width: 200px;}

.tinyscrollbar .viewport.border1 {border: 1px inset #D73E17; }
.tinyscrollbar .viewport.border2 {border: 1px inset #0033ff; }


/* PRODUCTSYS */

.ralimage{
  position: relative;
  display: block;
  width: 254px;
  height:189px;
  margin: 0 auto;
  background-size:254px 189px;
}

.ralcolor{
  position: relative;
  display: inline-block;
  width: 96px;
  height: 26px;
  text-align: center;
  padding-top:5px;
  cursor: pointer;
  margin-right:4px;
  margin-bottom:4px;
}

.ralcolor.selected{
  background:url('/images/w_bacslemez/termek_right_selected_color.png') no-repeat top left;
}

.each_product_item_leiras >table>tbody>tr>td{
  display:inline-block;  
}

.each_product_item_leiras >table{
  width: 704px;
}

.each_product_item_leiras >table>tbody>tr>td:first-child{
  width:470px;  
  padding:0px 10px;
}

.productsys_pager{
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 320px;
  line-height: 17pt;
}
.productsys_sorter{
  padding: 0px 20px;
}

/* NEWSLETTER */

#nlsubscribe_box{
  position:relative;
  width:405px; 
  border:1px solid black;
  background-color:#d9d9d9;
  margin:0 auto;
}

.nlsubscribe_header{
  height: 31px;
  padding:8px 8px 0px 8px;
  font-size: 14pt;
  color: white;  
  width: 75%;
  background: #222222 url('/images/w_bacslemez/hirlevel-header-right.png') no-repeat top right;  
  text-align: left;
}


.nlsubscribe_table{
  width:100%;
  line-height: 6pt;
}

.nlsubscribe_table .row_label{
  padding-left: 20px;
  font-weight: bold;
  width: 100px;
}

.nlsubscribe_table .row_content{ 
  width: 250px;
}
.nlsubscribe_table .row_error{ 
  width: 50px;
}



.nlsubscribe_table input[type="text"]{
  background: white;
  border: 1px solid gray;
  padding:4px;
  width:100%;
}

#nlsubscribe_box input[type="submit"]{
  background: url('/images/w_bacslemez/hirlevel-gomb-bg.png') no-repeat top left;
  border: none;
  padding:3px;
  width:212px;
  height:31px;
  color: white;
  float:right;
  font-family: verdana;
  font-size: 14pt;
  cursor: pointer;
}

/* EGYÉB */

#loading {
  position:fixed;
  display:none;
  height:35px;
  width:180px;
  background-color:white;
  opacity:20%;
  bottom:0px;
  padding-top:10px;
  padding-left:6px;
  color: #595959;
  border: 1px solid black;
}


#cookie_alert {
  position: fixed; 
  width: 100%;
  margin: 0 auto;
  z-index:999;
}

#cookie_alert * {
   box-sizing: border-box;
}

  #cookie_alert div{
    position: relative;     
    width:100%;
    background-color:rgba(255,255,255,1);  
    color:black;
    padding:5px 100px;
    padding-bottom: 20px;    
    border-bottom: 1px solid #888;
    text-align: center;
    font-family: verdana;
  }

  #cookie_alert input{
    position: absolute;
    right: 5px;
    top: 50%;
    border: 1px solid black;
    background: white;
    color: black;
    margin-top: -10px;
  }    
#csms_newscategory a{
 display: block;
}

#csms_newscategory a{
 display: block;
}

.notice{
  width: 90% !important;
}

						                        