@font-face {
	font-family: 'HelveticaNeueLTProBd';
	font-weight: bold;
	src: url(/javax.faces.resource/colossale/fonts/HelveticaNeueLTPro-Bd.otf.xhtml) format('opentype'),
}

@font-face {
	font-family: 'HelveticaNeueLTProMd';
	font-weight: bold;
	src: url(/javax.faces.resource/colossale/fonts/HelveticaNeueLTPro-Md.otf.xhtml) format('opentype'),
}

@font-face {
	font-family: 'HelveticaNeueLTPro';
	font-weight: normal;
	src: url(/javax.faces.resource/colossale/fonts/HelveticaNeueLTPro-Lt.otf.xhtml) format('opentype'),
}

/*
@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url("");
	src: url("?#iefix") format('embedded-opentype'),
		url("") format('woff'),
		url("") format('truetype'),
		url("#WebSymbolsRegular") format('svg');
}
.fakeImage {
	font-family: 'WebSymbolsRegular';
	font-size: 12px;
	text-decoration: none;
}
*/


/* iphone 3,4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) {

}

/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) {

}

/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) {

}

/* iphone 6, 6s, 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) {
	#logo {
		max-width: 100%;
  		height: auto;
		margin: auto;
		float: center;
		cursor: alias;
		background: url(/javax.faces.resource/colossale/images/logo.png.xhtml) no-repeat;
	}
	#logo a {
	    position: absolute;
		max-width: 100%;
  		height: auto;
	    margin: auto;
	    float: center;
	    text-decoration: none; /* No underlines on the link */
	    z-index: 10; /* Places the link above everything else in the div */
	    background-color: #FFF; /* Fix to make div clickable in IE */
	    opacity: 0; /* Fix to make div clickable in IE */
	    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
	    top: 40px;
	}
}

/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) {
	#logo {
		max-width: 736px;
  		height: 205px;
		margin: auto;
		float: center;
		cursor: alias;
		background: url(/javax.faces.resource/colossale/images/logo.png.xhtml) no-repeat;
	}
	#logo a {
	    position: absolute;
		max-width: 736px;
  		height: 205px;
	    margin: auto;
	    float: center;
	    text-decoration: none; /* No underlines on the link */
	    z-index: 10; /* Places the link above everything else in the div */
	    background-color: #FFF; /* Fix to make div clickable in IE */
	    opacity: 0; /* Fix to make div clickable in IE */
	    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
	    top: 40px;
	}
}

/* iphone X , XS, 11 Pro */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) {

}

/* iphone XR, 11, XS Max, 11 Pro Max */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) {

}


body { background: #ededed url(/javax.faces.resource/colossale/images/hatter.png.xhtml) repeat-x; }

#container {
 	margin: auto;
	height: 1105px;
	width: 1031px;
	border: 0;
	background: url(/javax.faces.resource/colossale/images/bor_alap_hatterrel.png.xhtml) no-repeat;
	background-position: top 220px center;
}

#header {
 	margin: auto;
	width: 1031px;
	float: center;
	padding-left: 15px;
}
/*
#logo {
	height: 252px;
	width: 801px;
	margin: auto;
	float: center;
	cursor: alias;
	background: url(/javax.faces.resource/colossale/images/logo.png.xhtml) no-repeat;
}
#logo a {
    position: absolute;
    width: 801px;
    height: 190px;
    margin: auto;
    float: center;
    text-decoration: none; 
    z-index: 10; 
    background-color: #FFF; 
    opacity: 0; 
    filter: alpha(opacity=1);
    top: 40px;
}
*/
#logo {
	height: 239px;
	width: 835px;
	margin: auto;
	float: center;
	cursor: alias;
	background: url(/javax.faces.resource/colossale/images/logo.png.xhtml) no-repeat;
}
#logo a {
    position: absolute;
	height: 209px;
	width: 835px;
    margin: auto;
    float: center;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IE */
    filter: alpha(opacity=1); /* Fix to make div clickable in IE */
    top: 40px;
}

#content {
	height: 762px;
	width: 944px;
	margin: auto;
	float: center;
	padding-left: 27px;
	border: 0;
}

#top_menu {
	height: 40px;
	width: 941px;
	margin-bottom: 2px;
}

.ui-menubar,.ui-menu-child,.ui-menu {
    background: #ffffff !important;
}

ul li.ui-menuitem-active>a{
    color:white !important;
    background-image: none !important;
    background-color:black !important;
}

.ui-menuitem-text {
	font-family: "HelveticaNeueLTPro","HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.cegismerteto {
	width: 170px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 150px center;
}

.kapcsolat {
	width: 130px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 110px center;
}

.kereskedoknek {
	width: 180px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 160px center;
}

.terkep {
	width: 110px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 90px center;
}

.vendegkonyv {
	width: 146px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 160px center;
}

.fooldal_menu:lang(hu) {
	width: 100px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 70px center;
}
.fooldal_menu:lang(de) {
	width: 90px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 70px center;
}

.termekek_menu:lang(hu) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 110px center;
}
.termekek_menu:lang(de) {
	width: 100px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 90px center;
}

.akciok_menu:lang(hu) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.akciok_menu:lang(de) {
	width: 160px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 150px center;
}

.rolunk_menu:lang(hu) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.rolunk_menu:lang(de) {
	width: 100px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 90px center;
}

.kapcsolat_menu:lang(hu) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 100px center;
}
.kapcsolat_menu:lang(de) {
	width: 100px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 90px center;
}

.kosar_menu:lang(hu) {
	width: 130px !important;
	background: url(/javax.faces.resource/colossale/images/colossale_buy.png.xhtml) no-repeat;
	background-position: left 90px center;
}
.kosar_menu:lang(de) {
	width: 170px !important;
	background: url(/javax.faces.resource/colossale/images/colossale_buy.png.xhtml) no-repeat;
	background-position: left 140px center;
}

.fooldal_menu:lang(en) {
	width: 100px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 70px center;
}
.termekek_menu:lang(en) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 110px center;
}
.akciok_menu:lang(en) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.rolunk_menu:lang(en) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.kapcsolat_menu:lang(en) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 100px center;
}
.kosar_menu:lang(en) {
	width: 130px !important;
	background: url(/javax.faces.resource/colossale/images/colossale_buy.png.xhtml) no-repeat;
	background-position: left 90px center;
}

.fooldal_menu:lang(en-ie) {
	width: 100px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 70px center;
}
.termekek_menu:lang(en-ie) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 110px center;
}
.akciok_menu:lang(en-ie) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.rolunk_menu:lang(en-ie) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.kapcsolat_menu:lang(en-ie) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 100px center;
}
.kosar_menu:lang(en-ie) {
	width: 130px !important;
	background: url(/javax.faces.resource/colossale/images/colossale_buy.png.xhtml) no-repeat;
	background-position: left 90px center;
}

.fooldal_menu:lang(en-gb) {
	width: 100px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 70px center;
}
.termekek_menu:lang(en-gb) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 110px center;
}
.akciok_menu:lang(en-gb) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.rolunk_menu:lang(en-gb) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.kapcsolat_menu:lang(en-gb) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 100px center;
}
.kosar_menu:lang(en-gb) {
	width: 130px !important;
	background: url(/javax.faces.resource/colossale/images/colossale_buy.png.xhtml) no-repeat;
	background-position: left 90px center;
}


.fooldal_menu:lang(en-us) {
	width: 100px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 70px center;
}
.termekek_menu:lang(en-us) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 110px center;
}
.akciok_menu:lang(en-us) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.rolunk_menu:lang(en-us) {
	width: 120px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 80px center;
}
.kapcsolat_menu:lang(en-us) {
	width: 140px !important;
	background: url(/javax.faces.resource/colossale/images/menu_separator.png.xhtml) no-repeat;
	background-position: left 100px center;
}
.kosar_menu:lang(en-us) {
	width: 130px !important;
	background: url(/javax.faces.resource/colossale/images/colossale_buy.png.xhtml) no-repeat;
	background-position: left 90px center;
}


#banner {
	float: left;
	height: 306px;
	width: 941px;
	/* margin-bottom: 2px; */
	border: 0;
	padding-left: 0px !important;
}
#banner_slider {
	float: left;
	height: 306px;
	width: 941px;
	list-style: none !important;
	margin: 0 !important;
	overflow: hidden !important;
	position: relative !important;
	padding-left: 0px !important;
}
#banner_slider li {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	width: 100%;
}
#banner_slider li.current {
	display: block;
	z-index: 2 !important;
}
#banner_slider li.next {
	display: block;
	z-index: 1 !important;
}
#banner_slider li ul li {
	display: block !important;
	position: relative !important;
}
#banner_slider_szovegcsik {
    top: -100px;
	width: 942px;
	height: 70px;
	position: relative !important;
	background: url(/javax.faces.resource/colossale/images/nagy_banner_szovegcsik.png.xhtml) no-repeat;
}
#banner_slider_szovegcsik_felirat {
    width: 942px;
    height: 70px;
    position: relative !important;
    padding-top: 10px;
    color: black;
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
    font-family: 'HelveticaNeueLTPro';
}

#categories {
	height: 255px;
	display:inline-block;
	float: left;
}

#noi_borkabatok {
	width: 337px;
	height: 255px;
	background: url(/javax.faces.resource/colossale/images/noi_banner.png.xhtml) no-repeat;
	float: left;
    margin-right: 2px;    
}
#noi_borkabatok_szovegcsik {
	width: 335px;
	height: 70px;
	margin-top: 155px;
	background: url(/javax.faces.resource/colossale/images/noi_ferfi_szovegcsik.png.xhtml) no-repeat;
}
#noi_borkabatok_felirat {
	width: 335px;
	height: 70px;
	/* background: url(/javax.faces.resource/colossale/images/noi_banner_szoveg.png.xhtml) no-repeat; */
    padding-top: 10px;
	color: black;
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
	font-family: 'HelveticaNeueLTPro';
}

#ferfi_borkabatok {
	width: 337px;
	height: 255px;
	float: left;
	margin-right: 2px;
	background: url(/javax.faces.resource/colossale/images/ferfi_banner.png.xhtml) no-repeat;
}
#ferfi_borkabatok_szovegcsik {
	width: 335px;
	height: 70px;
	margin-top: 155px;
	background: url(/javax.faces.resource/colossale/images/noi_ferfi_szovegcsik.png.xhtml) no-repeat;
}
#ferfi_borkabatok_felirat {
	width: 335px;
	height: 70px;
	/* background: url(/javax.faces.resource/colossale/images/ferfi_banner_szoveg.png.xhtml) no-repeat; */
	padding-top: 10px;
	color: black;
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
	font-family: 'HelveticaNeueLTPro';
}

#kifuto_modellek {
	width: 265px;
	height: 255px;
	background: url(/javax.faces.resource/colossale/images/kifuto_banner.png.xhtml) no-repeat;
	float: left;
}
#kifuto_modellek_szovegcsik {
	width: 265px;
	height: 70px;
	margin-top: 155px;
	background: url(/javax.faces.resource/colossale/images/noi_ferfi_szovegcsik.png.xhtml) no-repeat;
}
#kifuto_modellek_felirat {
	width: 265px;
	height: 70px;
	/* background: url(/javax.faces.resource/colossale/images/kifuto_banner_szoveg.png.xhtml) no-repeat; */
	padding-top: 10px;
	color: black;
    text-align: center;
    font-size: 1.5em;
    font-weight: normal;
	font-family: 'HelveticaNeueLTPro';
}

#bottom_menu {
	height: 154px;
	width: 941px;
	margin: auto;
	float: center;
	padding-left: 25px;
}
#bottom_menus {
	height: 154px;
	width: 941px;
	margin: auto;
	float: left;
}
#all_categories {
	width: 312px;
	height: 154px;
	background: url(/javax.faces.resource/colossale/images/ikon_01.png.xhtml) no-repeat;
	background-position: left 20px top 20px;
	float: left;
}
#all_categories_menu {
	margin-top: 20px;
	margin-left: 110px;
}

#all_categories_menu a:link, #all_categories_menu a:visited {
	color:black;
	font-family: 'HelveticaNeueLTPro'; 
	font-size: 16px;
	font-weight: normal;
    text-decoration: none;
	line-height: 22px;
}

#all_socials {
	width: 311px;
	height: 154px;
	background: url(/javax.faces.resource/colossale/images/ikon_02.png.xhtml) no-repeat;
	background-position: left 20px top 20px;
	float: left;
}
#all_socials_menu {
	margin-top: 20px;
	margin-left: 110px;
}

#all_socials_menu a:link, #all_socials_menu a:visited {
    color: black;
    font-family: "HelveticaNeueLTPro";
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    text-decoration: none;
}

.bottom_menu_button {
	background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	font-family: 'HelveticaNeueLTPro'; 
	font-size: 16px;
	font-weight: normal;
    line-height: 22px;
}

#all_about {
	width: 312px;
	height: 154px;
	background: url(/javax.faces.resource/colossale/images/ikon_03.png.xhtml) no-repeat;
	background-position: left 20px top 20px;
	float: left;
}
#all_about_menu {
	margin-top: 20px;
	margin-left: 110px;
}
#all_about_menu a:link, #all_about_menu a:visited {
	color:black;
	font-family: 'HelveticaNeueLTPro'; 
	font-size: 16px;
	font-weight: normal;
    text-decoration: none;
	line-height: 22px;
}

#footer {
    color: #452b09;
    font-size: 12px;
    font-weight: normal;
    margin-top: -30px;
    text-align: center;
}

#tovabb {
	font-size: 0.8em;
	font-weight: normal;
	font-family: 'HelveticaNeueLTPro';		
}

#contact {
	height: 535px;
    width: 901px;
    margin: 20px;
    overflow-y: auto; 
}

#contact_title {
	max-width: 100px;
	white-space: nowrap;
}

.contactform_title {
	max-width: 100px;
	color: red;
}

#contactform_link {
	max-width: 100px;
	color: red;
}

#contactform_link a:link {
	color: red;
}

#mymap {
	height: 551px;
    width: 901px;
    margin-top: 20px;
    margin-left: 20px;
}

#products {
	height: 570px;
	width: 944px;
	text-align: center;
	/* overflow-y: auto; */
}

#products_header {
	height: 5px;
	margin-top: 10px;
	background-color: black;
}

#products_table {
	height: 515px;
	width: 940px;
	text-align: center;
	/ * overflow-y: auto; */
}

#products_category  {
	background-color: black;
    color: white;
    height: 40px;
    width: 924px;
    line-height: 50px;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle;
    font-family: 'HelveticaNeueLTPro';	
    font-size: 30px;
    font-weight: normal;
    float: left;
}

#products_category_links {
	display: inline-block;
	float: right;
	width: 620px;
	height: 100%;
	padding-right: 5px;
	vertical-align: middle;
	text-align: right;
}

#products_category_link {
	display: inline-block;
	float: right;
	width: 31px;
	margin-top: 2px;
	height: 100%;
}

#product {
	height: 560px;
	width: 940px;
	text-align: center;
	/*  overflow-y: auto; */
}

#product_path {
	width: 940px;
	height: 40px;
	text-align: left;
	padding-left: 20px;
	padding-top: 20px;
	font-family: 'HelveticaNeueLTPro';	
    font-size: 15px;
    font-weight: normal;
}

#product_details {
	width: 940px;
	height: 480px;
	overflow: hidden;
}

#product_preview  {
	width: 320px;
	height: 480px;
	float: left;
}

.product_image_switcher img {
	width: 320px;
	height: 480px;
/* 	-webkit-transition: all 1s ease; */
/* 	-moz-transition: all 1s ease; */
/* 	-ms-transition: all 1s ease; */
/* 	-o-transition: all 1s ease; */
/* 	transition: all 1s ease; */
}

.product_image_switcher:hover img {
/*     -webkit-transform:scale(1.25); */
/*     -moz-transform:scale(1.25); */
/*     -ms-transform:scale(1.25); */
/*     -o-transform:scale(1.25); */
/*      transform:scale(1.25); */
}


#product_preview_thumbnail {
	width: 120px;
	height: 480px;
	float: left;
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

#product_info {
    width: 480px;
	height: 480px;
	padding-left: 20px;
	overflow-y: auto;
	text-align: left;
}

#product_size {
    width: 500px;
	height: 480px;
	overflow-y: auto;
}

#product_size_table {
	float:left;
	text-align:center;
	width:500px;
  	font-family:HelveticaNeueLTPro;
  	font-size:20px;
  	font-weight:normal;
}

#product_info_nev {
	width: 480px;
	float: left;
	font-family: 'HelveticaNeueLTPro';	
    font-size: 25px;
    font-weight: normal;
}

#product_info_ar {
	width: 210px;
	float: left;
	font-family: 'HelveticaNeueLTPro';	
    font-size: 20px;
    font-weight: normal;
}

#product_info_table {
	width: 480px;
	float: left;
	font-family: 'HelveticaNeueLTPro';	
    font-size: 18px;
    font-weight: normal;
    padding-top: 20px;
    vertical-align: text-top;
}

.product_info_table_grid td {
	margin-bottom:10px; 
	vertical-align: text-top;
}

.product_info_table_grid_label {
	width: 140px;
}

.product_info_table_grid_desc {
	
}

.product_info_description_label {
	
}
.product_info_description {
	
}

.product_info_brand_label {
	
}
.product_info_brand {
	
}
								
.product_info_origin_label {
	
}
.product_info_origin {
	
}
								
.product_info_commodity_label {
	
}
.product_info_commodity {
	
}
								
.product_info_lining_label {
	
}
.product_info_lining {
	
}
								
.product_info_size_label {
	padding-right: 10px;
}
.product_info_size {
	
}
								
.product_info_color_label {
	
}
.product_info_color {
	
}

#products_thumbnail {
	margin-left: 50px;
}

#company {
    height: 531px;
    margin: 20px;
    width: 901px;
}

#company_header {
    color: black;
    float: left;
    font-family: "HelveticaNeueLTPro";
    font-size: 30px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    width: 901px;
}
#company_contents {
    float: left;
    height: 481px;
    margin-left: 20px;
    margin-top: 36px;
    width: 631px;
}
#company_image {
    float: left;
    height: 174px;
    width: 260px;
}

#company_short_description {
    float: left;
    font-family: "HelveticaNeueLTProMd";
    font-size: 15px;
    font-weight: bold;
    height: 174px;
    margin-left: 48px;
    width: 308px;
}

#company_long_description {
    float: left;
    font-family: "HelveticaNeueLTPro";
    font-size: 14px;
    font-weight: normal;
    height: 285px;
    margin-top: 10px;
    width: 664px;
    overflow-y: auto; 
}

#company_links {
    float: right;
    height: 471px;
    margin-top: 36px;
    overflow: auto;
    width: 200px;
}
#oldalso_banner_slider_szovegcsik {
    height: 48px;
    margin-bottom: 60px;
    margin-top: -80px;
    position: relative !important;
    width: 182px;
	background: url(/javax.faces.resource/colossale/images/oldalso_banner_szovegcsik.png.xhtml) no-repeat;
}
#oldalso_banner_slider_szovegcsik_felirat {
    color: black;
    font-family: "HelveticaNeueLTPro";
    font-size: 1.3em;
    font-weight: normal;
    height: 47px;
    padding-top: 5px;
    text-align: center;
    width: 182px;
}

/* termekek termek nev header */
.ui-widget-header {
    background: #cb842e url(/javax.faces.resource/colossale/images/hatter_termeknev.png.xhtml) repeat-x scroll 50% 50%;
    border: 1px solid #d49768;
    color: #ffffff;
    font-weight: bold;
}

.termekek_termek_ar {
	font-size: 24px;
    font-weight: bold;
	font-family: 'HelveticaNeueLTPro';
}

.termekek_termek_meret {
	font-size: 12px;
    font-weight: normal;
	font-family: 'HelveticaNeueLTPro';
}

.termekek_thumbnail {
	width: 280px;
    height: 355px;
    display: inline-block; /* change the default display type to inline-block */
    overflow: hidden;      /* hide the overflow */
}

.termekek_thumbnail_image {
	width: 100%;
    height: 100%;    
}

.termekek_thumbnail_image img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.termekek_thumbnail_image:hover img {
    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
     transform:scale(1.25);
}

.termek_meretek_datatable {
	font-family: HelveticaNeueLTPro; 
	font-size: 16px; 
	font-weight: normal;
}

.termek_meretek_datatable th {
	background-color: #f00f00;
	font-family: HelveticaNeueLTPro; 
	font-size: 16px; 
	font-weight: bold;
}

.contenthover { padding:20px 20px 10px 20px; }
.contenthover, .contenthover h3, .contenthover a { color:#000; }
.contenthover h3, .contenthover p { margin:0 0 10px 0; font-size:0.8em; padding:0; }
.contenthover a.mybutton { display:block; float:none; padding:10px; background:#B89983; color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.contenthover a.mybutton:hover { background:#000 }

.links {
	height: 570px;
	width: 944px;
	text-align: center;
}

.link {
	position: relative;
	height: 20px;
	width: 944px;
	text-align: center;
}
/*
.ui-panel .ui-panel-titlebar {
    padding: 0 !important;
    margin: 0 !important;
}
*/ 
.ui-panel-title {
    padding: 0 !important;
    margin:0 !important;
}

h1 {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    font-weight: normal;
}

h2 {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    font-weight: normal;
}

p.termek_meretA_toolip {
	text-align: center; 
	background-image: url();
	background-repeat: no-repeat; 
	background-position: center; 
	font-family: HelveticaNeueLTPro; 
	font-size: 10px; 
	font-weight: bold; 
	padding-top: 5px;
}


#buy_button {
  padding: 3px !important;
}
 
#buy_button ul li {
  background: none;
  display: inline-block;
  list-style: none;
}
 
#buy_button opt_selected {
  margin-top: 20px;
  font-size: 20px;
}
 
.buy_container {
  margin: 20px 30px 10px 30px ;
  display: inline-block;
}
 
.buy_menu {
  position: absolute;
  width: 240px !important;
  margin-top: 3px !important;
}
 
/* fix for jquery-ui-bootstrap theme */
#buy_launcher span {
  display: inline-block;
}

.hidden { display: none !important; }

.borgun_button:hover {
    background-color: #89CB59;
    padding: 8px;
    color: white;
}
.borgun_button {
    cursor: pointer;
    padding: 3px;
}
#borgun_hasznos {
    padding: 20px;
    line-height: 20px;
    font-size: 13px;
    font-family: Arial !important;
}
.borgun_pui-component {
    margin: 2px 10px;
    background-color: #F6FAFF;
    padding: 7px 2px;
    min-height: 100%;
}