@charset "utf-8";

/***************************/
/** ALAPVETŐ STÍLUSELEMEK **/
/***************************/
html { height: 100%; }
body { background: #FFF; height: 100%; margin: 0; padding: 0; color: #666666; font-family: "Tahoma",sans-serif; font-size: 11px; }

p { margin-top: 0; }

small { font-size: 10px; }

h1 { margin: 10px 0; padding: 0; font-size: 22px; color: #000000; font-family: "Tahoma",sans-serif; line-height: 24px; font-weight: normal; }
h2 { margin: 10px 0; padding: 0; font-size: 18px; color: #FFA740; font-family: "Tahoma",sans-serif; line-height: 26px; font-weight: normal; }
h3 { margin: 10px 0; padding: 0; font-size: 14px; color: #FFA740; font-family: "Tahoma",sans-serif; line-height: 22px; font-weight: bold; }
h4 { margin: 10px 0; padding: 0; font-size: 12px; color: #FFA740; font-family: "Tahoma",sans-serif; line-height: 18px; font-weight: bold; }

ul { margin: 10px 0 15px 0; }
ul,li { line-height: 20px; }
ul li { list-style-image: url(../images/list.png); margin-bottom: 5px; }
ol { margin-bottom: 30px; } 
ol li { line-height: 20px; margin-bottom: 10px; } 

a { color: #FFA740; text-decoration: none; }
a:hover { color: #666666; text-decoration: none; }

a img { border: 0; }

table,tr,td { font-size: 11px; }

/**********/
/** FORM **/
/**********/
input,select,textarea { font-family: "Tahoma",Arial,sans-serif; font-size: 12px; }

form { margin: 0; padding: 0; }

input.ftext { font-size: 11px; padding: 4px 5px; border: 1px solid #CECECE; background: #ECECEC; color: #555555; }
input.ftext:focus { border: 1px solid #FFCA88; background: #FFE8CC; color: #E17C00; }

/** file input elrejtése **/
input.hideinput { position: absolute; margin: -10px 0 0 0; -moz-opacity: 0; filter: alpha(opacity:0); opacity: 0; z-index: 2; font-size: 14px; }
div.filefalse { float: left; position: absolute; margin: -10px 0 0 175px; width: 350px; }

/** feltöltött képek **/
div.uploaded-pics-container { padding: 7px 8px 4px 8px; border: 1px solid #CECECE; background: #ECECEC; color: #555555; list-style: none; }
div.uploaded-pics-container ul { list-style: none; margin: 0; padding: 0; }
div.uploaded-pics-container li { list-style: none; float: left; margin: 0 4px 4px 0; padding: 0; }
div.uploaded-pics-container li a { display: block; margin: 0; padding: 0; }
div.uploaded-pics-container li a.delete { display: block; line-height: 18px; font-size: 10px; text-align: center; color: #FFF; font-weight: bold;
	background: #E64444; margin: -5px 0 0 0; padding: 0; }
div.uploaded-pics-container li a.delete:hover { background: #BF1E1E; }

/** normal form elemei **/
form.normalform fieldset { margin: 20px 0 0 0; border: none; border-top: 2px solid #FFA740; border-bottom: 1px solid #CACACA; 
	padding-top: 15px; padding-bottom: 15px; }
form.normalform legend { font-family: "Tahoma",sans-serif; font-size: 14px; color: #000; padding: 0 5px; font-weight: bold; }
form.normalform legend span { color: #818181; font-weight: normal; }
form.normalform fieldset.small { margin: 5px 0 0 0; border: none; border-top: 1px solid #CFCFCF; border-bottom: none; padding-top: 5px; padding-bottom: 10px; }
form.normalform fieldset.small legend { font-family: "Tahoma",sans-serif; font-size: 11px; color: #FFA740; padding: 0 5px; font-weight: bold; }
form.normalform label { display: -moz-inline-box; line-height: 21px; cursor: pointer; text-align: right; 
	width: 170px; margin-right: 5px; float: left; }
form.normalform label span { line-height: 21px; width: 170px; text-align: right; display: block; cursor: pointer; }
form.normalform label.error { background: #FF8C8C url(../images/form-error.png) no-repeat 0 0; height: 21px; width: 238px; 
	padding: 0 0 0 30px; margin: 0 0 0 5px; text-align: left; float: right; }
form.normalform label.checked { background: url(../images/form-checked.png) no-repeat 0 0; height: 21px; width: 1px; 
	padding: 0 0 0 30px; margin: 0 0 0 5px; text-align: left; float: left; }
form.normalform fieldset p { list-style: none; padding: 10px 0; margin: 0; clear: both; }
form.normalform fieldset p.submit { list-style: none; padding: 10px 0 0 173px; margin: 0; clear: both; }

form.normalform fieldset div.help { background: #FFA740; border: 1px solid #DC8E0C; color: #FFF; font-size: 10px; float: right;
	width: 270px; position: absolute; margin-left: 440px; }
form.normalform fieldset div.help h3 { background: #D27104; padding: 4px 5px; margin: 0; line-height: 12px; font-size: 10px;
	font-weight: bold; color: #FFF; text-transform: uppercase; }
form.normalform fieldset div.help p { padding: 3px 5px 8px 5px; margin: 0; line-height: 14px; }


form.normalform span.left { float:left; line-height: 21px; width: 170px; text-align: right; display: block; cursor: pointer; }
form.normalform span.right { padding:2px 0 0 5px;  font-size: 11px; width: 170px; color: #555555; float: left; }


form.normalform label.error, label.error { display: none; color: #FFF; }
div.error { display: none; }
form.normalform input.text { font-size: 11px; width: 260px; padding: 4px 5px; border: 1px solid #CECECE; background: #ECECEC; color: #555555; float: left; }
form.normalform input.text:focus { border: 1px solid #FFCA88; background: #FFE8CC; color: #E17C00; }
form.normalform input.text-disabled { font-size: 11px; width: 260px; padding: 4px 5px; border: 1px solid #CECECE; background: #ECECEC; color: #A4A4A4; float: left; }
form.normalform input.text-disabled:focus { border: 1px solid #FFCA88; background: #FFE8CC; color: #E17C00; }
form.normalform input.readonly { font-weight: bold; border: none; background: #FCFCFC; color: #666666; float: left; border-bottom: 1px solid #CECECE; }
form.normalform input.readonly:focus { font-weight: bold; border: none; background: #FCFCFC; color: #666666; float: left;  border-bottom: 1px solid #CECECE; }
form.normalform input.addon { background-color: #C4C4C4; color: #FFF; font-weight: bold; border-right: none; border-left: none; }
form.normalform input.price { background-image: url(../images/input-ft.png); background-repeat: no-repeat; background-position: center right; }
form.normalform input.price:focus { background-image: url(../images/input-ft-focus.png); background-repeat: no-repeat; background-position: center right; }
form.normalform input.error { font-size: 11px; width: 260px; padding: 4px 5px; border: 1px solid #FF8C8C; background: #FBD9DA; color: #E80000; }
form.normalform textarea.text {  font-size: 11px; width: 260px; padding: 4px 5px; border: 1px solid #CECECE; background: #ECECEC; color: #555555; float: left;
	line-height: 17px; }
form.normalform textarea.text:focus { border: 1px solid #FFCA88; background: #FFE8CC; color: #E17C00; }
form.normalform textarea.error { font-size: 11px; width: 260px; padding: 4px 5px; border: 1px solid #FF8C8C; background: #FBD9DA; color: #E80000; }
form.normalform select { font-size: 11px; border: 1px solid #CECECE; background: #ECECEC; color: #555555; float: left; padding: 2px; }
form.normalform select.error { font-size: 11px; border: 1px solid #FF8C8C; background: #FBD9DA; color: #E80000; float: left; padding: 2px; }
form.normalform select.medium { width: 272px; }

form.normalform .gray * { color: gray; }

form.normalform input.button { font-family: "Tahoma",Arial,sans-serif; font-size: 11px; font-weight: bold; border: 2px solid #666; 
	border-bottom: 2px solid #000; border-right: 2px solid #000; background: #333; line-height: 22px; color: #FFF; margin: 0; 
	padding: 5px 6px; cursor: pointer; margin: 10px 5px 30px 0; }
form.normalform input.button:hover { background: #000; }

form.normalform label.addon { background: #B2B2B2; color: #FFF; width: auto; line-height: 23px; padding: 0 8px; margin: 0 0 0 5px; text-align: left; float: left; }

/** fancyforms **/
form.normalform label.fancychecked, form.normalform label.fancyunchecked, form.normalform label.selected, form.normalform label.unselected {
	position: relative; display: block; padding: 0; padding: 0 10px 0 28px; background-position: 8px center; background-repeat: no-repeat; 
	border: none; margin: 0; cursor: pointer; float: left; text-align: left; width: auto; }
form.normalform label.fancychecked { background-image: url(../images/fancyforms/chk_on.png); background-position: 0 center; padding-left: 30px; }
form.normalform label.fancyunchecked { background-image: url(../images/fancyforms/chk_off.png); background-position: 0 center; padding-left: 30px; }
form.normalform label.selected { background-color: #FFA740; border: 1px solid #DC8E0C; 
	color: #FFF;  padding-left: 10px; font-weight: bold; }
form.normalform label.unselected { background-image: url(../images/fancyforms/rdo_off.png); }

input.textbox { font-family: "Tahoma",Arial,sans-serif; font-size: 11px; border: 1px solid #BABABA; line-height: 22px; 
	color: #959292; margin: 0; padding: 3px 6px; }
input.button { font-family: "Tahoma",Arial,sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #FFC077; 
	border-bottom: 1px solid #C27F31; border-right: 1px solid #C27F31; background: #FFA740; line-height: 22px; color: #FFF; margin: 0; 
	padding: 2px 6px; cursor: pointer; overflow: visible; }
input.button:hover { background: #FFB964; }
input.button-small { font-family: "Tahoma",Arial,sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #FFC077; 
	border-bottom: 1px solid #C27F31; border-right: 1px solid #C27F31; background: #FFA740; line-height: 18px; color: #FFF; margin: 0 0 0 5px; 
	padding: 3px 6px; cursor: pointer; overflow: visible; }
input.button-small:hover { background: #FFB964; }

/** adatvedelem doboz **/
div.privacy { border: 1px solid #CECECE; background: #ECECEC; padding: 4px; height: 180px; overflow: auto; margin-left: 120px;
	width: 70%; }
div.privacy p { margin: 0 0 2px 0; padding: 0; line-height: 14px; }
div.privacy li { margin-bottom: 4px; line-height: 16px; }
div.privacy h3 { color: #FFA740; font-size: 14px; line-height: 18px; margin: 2px 0; padding: 0; }
div.privacy table th { background: #CECECE; color: #444444; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: bold; }
div.privacy table td { background: #DFDFDF; }

div.success { border: 1px solid #9FCD72; color: #629133; font-size: 11px; padding: 8px 8px 8px 30px; margin: 10px 0;
	background: #D3E9BE url(../images/icons/success.png) no-repeat 8px center; }
div.success h3 { margin: 0; padding: 0; line-height: 14px; font-size: 14px; font-weight: bold; color: #629133; }
div.success p { margin: 0; padding: 0; line-height: 14px; font-size: 11px; color: #629133; }

div.failed { border: 1px solid #F23539; color: #F00; font-size: 11px; padding: 8px 8px 8px 30px; margin: 10px 0;
	background: #FFC4C5 url(../images/icons/failed.png) no-repeat 8px center; }
div.failed h3 { margin: 0; padding: 0; line-height: 14px; font-size: 14px; font-weight: bold; color: #F00; }
div.failed p { margin: 0; padding: 0; line-height: 14px; font-size: 11px; color: #629133; }

/***********************************/
/** AZ OLDAL VÁZÁNAK STÍLUSELEMEI **/
/***********************************/
div.clear,br.clear { clear: both; line-height: 1px; }

/** kontener **/
#container { width: 950px; max-width: 950px; margin: 0 auto; padding: 0; padding-bottom: 15px; }

/** fejléc **/
#header { width: 950px; height: 100px; margin: 0; padding: 0; border-bottom: 1px solid #FFA740; }
#header-logo { width: 270px; height: 100px; margin: 0; padding: 0; float: left; background: url(../images/header-logo.png) no-repeat 0 0; }
#header-logo span { width: 270px; height: 100px; position: absolute; cursor: pointer; }
#header-login { width: 460px; height: 100px; margin: 0; padding: 0 5px 0 0; float: left; }
#header-language { text-align:right; float:right; margin:0; padding:17px 0px 0 15px; width:100px; }
#login-navi { width: 460px; margin: 10px 0 0 0; padding: 0; font-size: 12px; border-bottom: 1px solid #E4E4E4; }
#login-navi ul { margin: 0; padding: 0; list-style: none; float: right; }
#login-navi ul li { background: url(../images/login-navi-sep.png) no-repeat center left; line-height: 30px; margin: 0; padding: 0; 
	list-style: none; font-size: 12px; float: left; }
#login-navi ul li a { color: #000; font-size: 12px; padding: 0 10px 0 15px; margin: 0; text-decoration: none; font-weight: normal; display: block; }
#login-navi ul li a:hover { color: #FFA740; font-size: 12px; padding: 0 10px 0 15px; margin: 0; text-decoration: none; font-weight: normal; }
#login-navi ul li:first-child { background: none; }
#login-navi ul li.vakbarat a { background: url(../images/vakbarat.png) no-repeat center right; padding-right: 22px; }
#login-box { margin: 7px 5px 0 0; padding: 0; float: right; }
#login-box input.logintext { font-family: "Tahoma",Arial,sans-serif; font-size: 11px; border: 1px solid #BABABA; line-height: 22px; 
	color: #959292; margin: 0; padding: 3px 6px; width: 100px; }
#login-box input.loginbutton { font-family: "Tahoma",Arial,sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #FFC077; 
	border-bottom: 1px solid #C27F31; border-right: 1px solid #C27F31; background: #FFA740; line-height: 22px; color: #FFF; margin: 0; 
	padding: 2px 6px; cursor: pointer; }
#login-box input.loginbutton:hover { background: #FFB964; }
#header-smallbanner { width: 200px; height: 90px; float: left; margin: 0; padding: 5px 8px 5px 7px; }
#logged-box { width: 440px; background: #999999; margin: 7px 5px 0 0; padding: 6px; float: right; position: relative; }
#logged-box ul { width: 300px; margin: 0; padding: 0; list-style: none; float: right; top: 2px; right: 0; position: absolute; }
#logged-box ul li { background: url(../images/logged-navi-sep.png) no-repeat center right; margin: 0; padding: 0; list-style: none; font-size: 10px; float: right; }
#logged-box ul li a { color: #FFF; font-size: 10px; padding: 0 11px 0 6px; margin: 0; text-decoration: none; font-weight: bold; display: block; }
#logged-box ul li a:hover { color: #DFDFDF; font-size: 10px; padding: 0 11px 0 6px; margin: 0; text-decoration: none; font-weight: bold; }
#logged-box ul li:first-child { background: none; }
#logged-box div.info { position: relative; color: #DEDEDE; width: 250px; padding: 0; }
	
#header-navi { width: 950px; height: 28px; background: #FFA740; border-top: 2px solid #FFF; }
#header-navi ul { margin: 0; padding: 0; list-style: none; height: 28px; }
#header-navi ul li { background: url(../images/header-navi-sep.png) no-repeat top right; margin: 0; padding: 0 10px 0 0; float: left; 
	list-style: none; font-size: 13px; height: 28px; text-transform: lowercase; }
#header-navi ul li a { display: block; color: #FFF; line-height: 28px; margin: 0; padding: 0 10px 0 13px; font-weight: bold; text-decoration: none; }
#header-navi ul li a:hover { color: #000; font-weight: bold; text-decoration: none; }
#header-navi ul li.first { text-transform: uppercase; }
#header-navi ul li.first a { color: #000; }
#header-navi ul li.first a:hover { color: #000; }

#header-navi ul li.lang { background: none; text-align:right; padding: 0px; float:right; margin-right:200px;}
#header-navi ul li.lang img { padding-top:2px}
#header-navi ul li.lang a { display: inline; line-height: 12px; padding:0px; text-decoration: none; float:none}
#header-navi ul li.lang a:hover {  text-decoration: none; }


#header-search { background: #FFA740; width: 200px; margin: 0 0 1px 0; padding: 10px 0; text-align: center; boder-bottom: 8px solid #FFA740; }
#header-search input.searchtext { font-family: "Tahoma",Arial,sans-serif; font-size: 12px; border: 1px solid #E17C00; line-height: 28px; 
	color: #959292; margin: 0; padding: 6px 6px; width: 178px; background: #FFF url(../images/header-search-bg.png) no-repeat center right; }

#index-search { width: 740px; padding: 0 0 10px 0; margin: 0; }
#butorsearch { background: url(../images/index-butorsearch-bg.jpg) no-repeat top left; width: 182px; height: 125px; margin: 0 2px; 
	padding: 75px 0 0 183px; float: left; }
#butorsearch-eng { background: url(../images/index-butorsearch-bg-eng.jpg) no-repeat top left; width: 182px; height: 125px; margin: 0 2px; 
	padding: 75px 0 0 183px; float: left; }
#asztalossearch { background: url(../images/index-asztalossearch-bg.jpg) no-repeat top left; width: 300px; height: 125px; margin: 0 2px; 
	padding: 75px 54px 0 11px; float: left; }
#asztalossearch-eng { background: url(../images/index-asztalossearch-bg-eng.jpg) no-repeat top left; width: 300px; height: 125px; margin: 0 2px; 
	padding: 75px 54px 0 11px; float: left; }
#asztalossearch select,#butorsearch select { width: 170px; font-size: 11px; margin-bottom: 8px; }
#asztalossearch input.text,#butorsearch input.text { width: 158px; font-size: 11px; margin-bottom: 8px; padding: 2px 4px 1px 4px; color: #888888; }
#asztalossearch-eng select,#butorsearch-eng select { width: 170px; font-size: 11px; margin-bottom: 8px; }
#asztalossearch-eng input.text,#butorsearch-eng input.text { width: 158px; font-size: 11px; margin-bottom: 8px; padding: 2px 4px 1px 4px; color: #888888; }
input.search-button { background: url(../images/search-button.jpg) no-repeat 0 0; width: 170px; height: 25px; border: none; cursor: pointer; }
input.search-button:hover { background: url(../images/search-button.jpg) no-repeat 0 -25px; }
	
/** lablec **/
#footer { background: #FFA740 url(../images/footer-bg.png) no-repeat center right; width: 930px; padding: 8px 10px; color: #FFF; font-size: 11px; }
#footer ul { width: 385px; margin: 0; padding: 0; list-style: none; float: right; margin-top: -16px; }
#footer ul li { background: url(../images/footer-navi-sep.png) no-repeat center left; margin: 0; padding: 0; list-style: none; 
	float: left; color: #FFF; padding: 0 6px 0 9px; }
#footer ul li:first-child { background: none; }
#footer ul li a { display: block; color: #FFF; text-decoration: none; font-weight: bold; }
#footer ul li a:hover { color: #FFF; font-weight: bold; text-decoration: underline; }

/** tartalmi rész **/
#content { width: 740px; margin: 0; padding: 5px 5px 10px 5px; float: left; line-height: 18px; }
#content hr { width: 100%; border: none; background: #5F7DA9; color: #5F7DA9; height: 4px; margin: 10px 0 15px 0; padding: 0; }
div.content-title { margin: 20px 0 25px 0; }
div.content-widebanner { width: 740px; padding: 15px 0 5px 0; border-bottom: 1px solid #E1E1E1; clear: both; }
div.content-widebanner span.ban-header { display: block; text-align: center; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; color: #999999; text-transform: uppercase; letter-spacing: 15px; padding: 5px; margin-bottom: 5px; font-size: 9px; }
#content-normal { width: 735px; margin: 0; padding: 5px 10px 10px 5px; float: left; line-height: 18px; position: relative; }

div.content-cimsor { border-bottom: 2px solid #FFA740; font-size: 14px; font-weight: bold; color: #000; margin: 20px 0 15px 0; padding-left: 10px; }
div.content-cimsor span { background: #FFF; padding: 10px 10px 5px 10px; }

div.content-superbanner { width: 950px; padding: 20px 0; text-align: center; clear: both; }

div.newsbox div.content-cimsor { border-bottom: 1px solid #CECECE; font-size: 12px; font-weight: bold; color: #B2B2B2; margin: 0 0 5px 0; padding: 0; }
div.newsbox div.content-cimsor span { background: #FFF; padding: 10px 10px 5px 0; }
div.newsbox div.content-cimsor a { font-weight: bold; color: #B2B2B2; text-decoration: none; font-size: 12px; }
div.newsbox div.content-cimsor a:hover { color: #929292; text-decoration: none; font-size: 12px; }
div.newsbox { width: 354px; margin: 0 5px 10px 5px; padding: 0 5px 5px 0; float: left; border-right: 1px solid #CECECE; border-bottom: 1px solid #CECECE; }
div.newsbox a { font-size: 11px; color: #666666; font-weight: normal; text-decoration: none; }
div.newsbox a:hover { color: #222222; font-weight: normal; text-decoration: none; }
div.newsbox a h2.newstitle { font-size: 14px; font-weight: bold; color: #000; margin: 2px 0 5px 0; padding: 0; line-height: 16px; }
div.newsbox a:hover h2.newstitle { color: #8F8F8F; }
div.newsbox h3.newstitle-short { font-size: 11px; font-weight: bold; color: #FFA740; margin: 0; padding: 0; line-height: 14px; }
div.newsbox img { float: left; margin: 5px 8px 0 0; }

/** jobb oldali hasáb **/
#right { width: 200px; margin: -24px 0 0 0; padding: 0; float: left; }
#right div.cimsor { background: #DCDCDC url(../images/right-cimsor-bg.png) repeat-x 0 0; width: 180px; font-size: 12px; line-height: 30px; color: #333333; 
	font-weight: bold; padding: 9px 10px 0 10px; margin-top: 1px; margin-bottom: 1px; }
#right div.block { background: #E9E9E9; padding: 7px; }

#right ul.newslist { margin: 0 5px; padding: 0; list-style: none; width: 220px; }
#right ul.newslist li { background: url(../images/line-dotted.png) repeat-x bottom left; width: 220px; margin: 0; color: #333333; 
	padding: 5px 0 10px 0; font-weight: normal; }
#right ul.newslist li p { line-height: 15px; margin: 0; padding: 0; }
#right ul.newslist li a { width: 220px; margin: 0; padding: 0; display: block; color: #333333; font-weight: normal; }
#right ul.newslist li span.date { color: #7493BF; font-size: 10px; }
#right ul.newslist li h2.title { color: #333333; font-weight: bold; font-size: 11px; margin: 0; padding: 0; line-height: 11px;
	margin-bottom: 4px; }
#right ul.newslist li a:hover h2.title { color: #CC0000; }
#right ul.newslist li a:hover { color: #666666; }

#right div.block div.morelink { padding: 0 5px; margin-top: 10px; }
#right div.block div.morelink a { font-size: 10px; color: #CC0000; font-weight: bold; text-decoration: none; }
#right div.block div.morelink a:hover { font-size: 10px; color: #333333; font-weight: bold; text-decoration: none; }

/** szovegbe illesztett kepek **/
img.leftalign { float: left; border: 5px solid #E4E4E4; padding: 1px; margin: 0 10px 10px 0; background: #FFF; }
img.rightalign { float: right; border: 5px solid #E4E4E4; padding: 1px; margin: 0 0 10px 10px; background: #FFF; }
img.centeralign { border: 5px solid #E4E4E4; padding: 1px; margin: 8px 2px; background: #FFF; }

div.imagetag-left { background: #F4F4F4; padding: 6px 8px; width: 330px; font-style: italic; color: #666666; margin: 15px 0 0 -10px;
	line-height: 15px; }
div.imagetag-left span.title { color: #CC0000; font-weight: bold; }

div.newstitle-short { font-size: 11px; font-weight: bold; color: #555; margin: 0; padding: 0; }
h1.newstitle { font-size: 26px; font-weight: bold; color: #FFA740; margin: 0 0 10px 0; padding: 0; }
h4.newsintro { background: #000; color: #FFF; font-weight: bold; padding: 8px 10px 8px 10px; margin: 0 0 15px 0; line-height: 14px; 
	font-size: 11px; }
h4.newsintro p { margin: 0; }

/** regisztráció oszlopai **/
div.reg-columns { width: 715px; margin: 25px 10px 20px 10px; padding: 0; }
div.reg-columns ul { width: 715px; margin: 0; padding: 0; list-style: none; }
div.reg-columns ul li { width: 235px; height: 333px; padding: 0; margin: 0; margin-right: 5px; float: left; }
div.reg-columns ul li a { display: block; width: 235px; height: 333px; background-image: url(../images/reg-columns.jpg); background-repeat: no-repeat; }
div.reg-columns ul li a { width: 235px; height: 333px; position: absolute; cursor: pointer; }
div.reg-columns ul li.vasarlo { margin: 0; }
div.reg-columns ul li.ceg a { background-position: 0 0; }
div.reg-columns ul li.asztalos a { background-position: -240px 0; }
div.reg-columns ul li.vasarlo a { background-position: -480px 0; }
div.reg-columns ul li.ceg a:hover { background-position: 0 -333px; }
div.reg-columns ul li.asztalos a:hover { background-position: -240px -333px; }
div.reg-columns ul li.vasarlo a:hover { background-position: -480px -333px; }

/** webshop főoldali randomok **/
div.random-box-container { width: 240px; float: left; margin-right: 5px; margin-bottom: 10px; }
div.random-box { width: 240px; background: #E1E1E1; border-bottom: 2px solid #FF9411; }
div.random-box img { margin: 5px; }
div.random-box h3 { background: #EB9822 url(../images/random-box-header-bg.png) repeat-x 0 0;  color: #FFF; font-size: 12px; line-height: 12px; 
	padding: 8px 9px; margin: 0; font-weight: bold; }
div.random-box h3 a { color: #FFF; text-decoration: none; }
div.random-box h3 a:hover { color: #FFF; text-decoration: underline; }
div.random-box h3 span.mfname { color: #000; font-size: 10px; font-weight: bold; display: block; clear: both; margin-bottom: 3px; }
div.random-box h3 span.catpath { color: #FDDFBB; font-size: 10px; font-weight: normal; display: block; clear: both; margin-top: 3px; }
div.random-box div.footer { background: #E1E1E1 url(../images/random-box-footer-bg.png) repeat-x 0 0; color: #666666; font-size: 10px; position: relative;
	border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; width: 238px; height: 30px; }
div.random-box div.footer div.more { position: absolute; top: 7px; left: 12px; font-weight: bold; }
div.random-box div.footer div.price { position: absolute; top: 7px; right: 12px; font-size: 14px; font-weight: bold; }

/** webshop főoldali kiemeltek **/
div.kiemelt-box-container { width: 240px; float: left; margin-right: 5px; margin-bottom: 10px; }
div.kiemelt-box { width: 230px; background: #FF9411 url(../images/kiemelt-box-bg.png) repeat-x 0 0; 
	border: 1px solid #FF9411; border-top-width: 4px; padding: 4px; }
div.kiemelt-box img { border: 1px solid #BF6900; }
div.kiemelt-box h3 { color: #000; font-size: 14px; line-height: 14px; margin: 3px 4px 0 4px; padding: 0; }
div.kiemelt-box div.mfname { color: #FFF; font-weight: bold; margin: 0 4px 3px 4px; }
div.kiemelt-box div.infobox { padding: 4px; }
div.kiemelt-box-container div.pricebox { background: url(../images/kiemelt-box-price.png) no-repeat 0 0; width: 240px; 
	height: 26px; line-height: 26px; border-bottom: 4px solid #FF9411; }
div.kiemelt-box-container div.pricebox div.price { width: 145px; line-height: 26px; font-size: 15px; font-weight: bold; 
	text-align: center; float: left; color: #8A4D00; }
div.kiemelt-box-container div.pricebox div.adatlap { width: 90px; line-height: 26px; font-size: 10px; font-weight: normal; 
text-align: center; float: left; color: #8A4D00; text-transform: lowercase; margin-left: 5px; }
div.kiemelt-box-container div.pricebox div.adatlap a { height: 26px; display: block; color: #8A4D00; text-decoration: none; font-weight: normal; }
div.kiemelt-box-container div.pricebox div.adatlap a:hover { height: 26px; display: block; color: #FF9411; text-decoration: none; font-weight: normal; }

/** kategoria navigacio **/
#navicat { background: #E9E9E9; padding: 4px 8px; color: #666666; }
#navicat ul { margin: 0; padding: 0; list-style: none; }
#navicat ul li { background: url(../images/navicat-bullett.png) no-repeat center left; padding: 0 0 0 12px; margin: 0 3px 0 0; 
	float: left; list-style: none; position: relative; }
#navicat ul li:first-child { background: none; padding: 0; margin: 0 3px 0 0; }
#navicat ul li a { display: block; color: #666666; font-weight: bold; text-decoration: none; }
#navicat ul li a:hover { color: #999999; font-weight: bold; text-decoration: underline; }

/** random konyves doboz **/
div.book-box-header { margin: 0; padding: 5px 6px; background: #FFA740; }
div.book-box-header span.author { font-size: 10px; color: #000; }
div.book-box-header h5 { line-height: 12px; font-size: 12px; color: #FFF; margin: 2px 0 3px 0; padding: 0; }
div.book-box-header a { color: #FFF; text-decoration: none; }
div.book-box-header a:hover { color: #FFE1BD; text-decoration: none; }
div.book-box-content { font-size: 10px; color: #666666; line-height: 12px; padding: 5px 7px; }
div.book-box-content img { float: left; margin: 5px 5px 0 0; }
div.book-box-footer { padding: 5px 6px; background: #999999; color: #FFF; }
div.book-box-footer-price { float: left; width: 90px; font-size: 12px; font-weight: bold; color: #FFF;  }
div.book-box-footer-price span { font-weight: normal; color: #CFCFCF; }
div.book-box-footer-order { float: right; width: 90px; font-size: 10px; text-align: right; text-transform: uppercase;
	margin: 1px 3px 0 0; }
div.book-box-footer-order a { color: #CFCFCF; text-decoration: none; font-weight: bold; }
div.book-box-footer-order a:hover { color: #FFF; text-decoration: underline; font-weight: bold; }

/** adatlapok **/
#datapage-header { border-bottom: 4px solid #FFA740; padding: 0 8px 8px 8px; margin: -10px 0 0 0; }
#datapage-header div.data-author { color: #FFA740; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
#datapage-header div.data-author a { color: #FFA740; text-decoration: none; }
#datapage-header div.data-author a:hover { color: #777777; text-decoration: underline; }
#datapage-header div.data-title { margin: 0; padding: 0; }
#datapage-sub-header { border-bottom: 1px solid #DCDCDC; padding: 5px 8px; margin: 0 0 6px 0; font-size: 11px; color: #666666; }
#datapage-sub-header span { color: #FFA740; padding: 0 5px; }
#datapage-sub-header-nt { border-bottom: 1px solid #DCDCDC; padding: 5px 8px; margin: -15px 0 15px 0; font-size: 11px; color: #666666; 
	 border-top: 4px solid #FFA740; }
#datapage-sub-header-nt span { color: #FFA740; padding: 0 5px; }
#datapage-content { margin: 0; padding: 0 8px 10px 8px; color: #666666; font-size: 12px; line-height: 20px; }
#book-pic-container { background: url(../images/book-picure-shadow.png) no-repeat top left; width: 120px; max-width: 120px; 
	margin: 5px 10px 0 0; float: left; }
#book-pic-container img { margin: 6px 10px 0 10px; }
#book-pic-footer { background: url(../images/book-picure-shadow.png) no-repeat bottom left; width: 120px; max-width: 120px; 
	height: 8px; max-height: 8px; }
#book-pic-footer-wt { background: url(../images/book-picure-shadow.png) no-repeat bottom left; width: 120px; max-width: 120px; 
	padding: 0 0 12px 0; text-align: center; font-size: 14px; font-weight: bold; }
#datapage-books-footer { background: #E9E9E9 url(../images/datapage-books-footer-bg.png) no-repeat 10px center; padding: 7px 7px 7px 98px; 
	margin: 0 0 20px 0; }
#datapage-books-footer span.numbox { border: 1px solid #BABABA; background: #A8A8A8; color: #FFF; text-align: center; font-weight: bold; 
	padding: 3px 5px; border-left: none; margin-right: 2px; }
#datapage-footer { background: #E9E9E9; padding: 7px 10px; margin: 0 0 20px 0; font-size: 14px; }
#datapage-footer a { color: #666666; font-weight: normal; }
#datapage-footer a:hover { color: #9A9A9A; font-weight: normal; }
#datapage-pricebox-small { background: url(../images/pricebox-small.png) no-repeat top left; width: 133px; height: 73px; float: right; 
	position: absolute; margin-left: 590px; margin-top: -10px; }
#datapage-pricebox-small div.price { width: 81px; line-height: 35px; margin: 29px 0 0 6px; font-size: 20px; color: #666666; text-align: center;
	font-weight: bold; }
#datapage-pricebox-big { background: url(../images/pricebox-big.png) no-repeat top left; width: 193px; height: 96px; float: right; 
	position: absolute; margin-left: 530px; margin-top: -60px; }
#datapage-pricebox-big div.price { width: 141px; line-height: 35px; margin: 29px 0 0 6px; font-size: 20px; color: #666666; text-align: center;
	font-weight: bold; }
#datapage-pricebox-big div.price-addon { width: 181px; line-height: 22px; margin: 1px 0 0 6px; font-size: 11px; color: #888888; text-align: left;
	font-weight: normal; }
#datapage-pricebox-big-na { background: url(../images/pricebox-big-na.png) no-repeat top left; width: 193px; height: 73px; float: right; 
	position: absolute; margin-left: 530px; margin-top: -45px; }
#datapage-pricebox-big-na div.price { width: 141px; line-height: 35px; margin: 29px 0 0 6px; font-size: 20px; color: #666666; text-align: center;
	font-weight: bold; }
#product-pic-container { background: url(../images/product-picure-shadow.png) no-repeat top left; width: 258px; max-width: 258px; 
	margin: 5px 0 0 5px; float: right; }
#product-pic-container img { margin: 5px 9px 0 9px; }
#product-pic-footer { background: url(../images/product-picure-shadow.png) no-repeat bottom left; width: 258px; max-width: 258px; 
	height: 8px; max-height: 8px; }
#datapage-price { width: 425px; float: right; border: 1px solid #D8D8D8; background: #E9E9E9 url(../images/pricebox-bg.png) no-repeat left center; 
	padding: 9px 20px 5px 65px; margin: 8px 0 15px 0; }
#datapage-price span { color: #666666; font-size: 22px; font-weight: bold; }
#datapage-price span.addon { color: #A3A3A3; font-size: 15px; font-weight: normal; }
#datapage-noprice { width: 480px; float: right; border: 1px solid #D8D8D8; background: #E9E9E9; padding: 5px 10px; line-height: 20px; margin: 8px 0 15px 0; }
#datapage-noprice span { color: #666666; font-size: 18px; font-weight: bold; }
span.numbox { border: 1px solid #BABABA; background: #A8A8A8; color: #FFF; text-align: center; font-weight: bold; 
	padding: 3px 5px; border-left: none; margin-right: 2px; }
	
/** adatlap reszletek tablazat **/
table.data-details { float: left; width: 190px; border: 1px solid #D8D8D8; background: #F1F1F1; padding: 5px; margin: 8px 8px 0 0; }
table.data-details th { padding: 5px 8px; color: #FFA740; font-size: 11px; font-weight: bold; text-align: left; }
table.data-details td { width: 50%; color: #666666; border-top: 1px solid #D8D8D8; }
table.data-details td.title { color: #666666; text-align: right; font-weight: bold; }

/** uzenet **/
div.message { padding: 10px 0; text-align: center; font-size: 16px; color: #FFA740; background: #EFEFEF; border: 1px solid #E3E3E3; }
div.message a { color: #FFA740; font-weight: normal; text-decoration: none; }
div.message a:hover { color: #888888; font-weight: normal; text-decoration: none; }

/** hirdetes **/

/** listázások **/
#datalist-catlist-title	{ border-top: 4px solid #FFA740; padding: 10px 8px 0 8px; margin-bottom: 10px; }
div.datalist-catlist-catbox { background: url(../images/bullet-gray.png) no-repeat 5px 11px; padding: 5px 5px 5px 18px; width: 217px; 
	border-bottom: 1px solid #A8A8A8; float: left; margin-right: 2px; }
div.datalist-catlist-catbox h3 { color: #FFA740; font-size: 14px; line-height: 16px; font-weight: normal; margin: 0; padding: 0; }
div.datalist-catlist-catbox h3 a { color: #FFA740; font-weight: normal; text-decoration: none; }
div.datalist-catlist-catbox h3 a:hover { text-decoration: underline; }
div.datalist-catlist-catbox h3 span.num { color: #888888; font-size: 12px; }
div.datalist-catlist-catbox span { color: #666666; font-size: 10px; }
div.datalist-catlist-catbox span a { color: #666666; text-decoration: underline; }
div.datalist-catlist-catbox span a:hover { color: #898989; text-decoration: none; }
div.datalist-break-title { background: #FFA740; color: #FFF; padding: 6px 8px 2px 8px; margin: 20px 0 10px 0; }
div.datalist-break-subtitle { background: #CCCCCC; color: #FFF; padding: 6px 8px 2px 8px; margin: 10px 0 10px 0; }
div.datalist-databox { padding: 5px; width: 350px; border-bottom: 1px solid #A8A8A8; float: left; margin-right: 2px; margin-bottom: 10px; min-height: 180px; position: relative; }
div.datalist-databox h3 { color: #FFA740; font-size: 14px; line-height: 16px; font-weight: normal; margin: 0 0 5px 0; padding: 0; }
div.datalist-databox h3 a { color: #FFA740; font-weight: normal; text-decoration: none; }
div.datalist-databox h3 a:hover { text-decoration: underline; }
div.datalist-databox span.data-author { color: #000; font-size: 10px; line-height: 12px; font-weight: bold; margin: 5px 0 0 0; padding: 0; }
div.datalist-databox p { margin: 0; padding: 0 0 30px 0; }
div.datalist-databox a.more { padding: 0; width: 100px; text-align: center; background: #FFA740; color: #FFF; font-weight: bold; display: block; border: 1px solid #C27F31; position: absolute; right: 0; bottom: 4px; }
div.datalist-databox a.more:hover { background: #C27F31; }

div.datalist-productbox { padding: 5px; width: 350px; border-bottom: 1px solid #A8A8A8; float: left; margin-right: 2px; margin-bottom: 10px;
	position: relative; }
div.datalist-productbox h3 { color: #FFA740; font-size: 14px; line-height: 16px; font-weight: normal; margin: 0 0 5px 0; padding: 0; }
div.datalist-productbox h3 a { color: #FFA740; font-weight: normal; text-decoration: none; }
div.datalist-productbox h3 a:hover { text-decoration: underline; }
div.datalist-productbox span.data-author { color: #000; font-size: 10px; line-height: 12px; font-weight: bold; margin: 5px 0 0 0; padding: 0; }
div.datalist-productbox span.data-author a { color: #000; text-decoration: none; }
div.datalist-productbox span.data-author a:hover { color: #000; text-decoration: underline; }
div.datalist-productbox p { margin: 0; padding: 0 0 8px 0; }
div.datalist-productbox a.more { margin: 0; padding: 3px 8px; width: 100px; text-align: center; background: #FFA740; color: #FFF; 
	font-weight: bold; }
div.datalist-productbox a.more:hover { background: #C27F31; }

div.mflist { border-bottom: 1px solid #CCC; padding: 10px 20px 5px 20px; position: relative; }
div.mflist:hover { background: #EFEFEF; }
div.mflist h2 { font-size: 16px; font-weight: bold; margin: 0; padding: 0; line-height: 24px; }
div.mflist h2 a { color: #FFA740; text-decoration: none; }
div.mflist h2 a:hover { color: #444444; text-decoration: none; }
div.mflist-products { position: absolute; width: 265px; right: 0; }
div.mflist-products img { float: left; margin-right: 5px; }

div.searchlist { border-bottom: 1px solid #CCC; padding: 5px 10px 5px 10px; position: relative; }
div.searchlist:hover { background: #EFEFEF; }
.kiemelt { background: #EFEFEF; }
div.searchlist p { margin-bottom: 0; }
div.searchlist h3 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; line-height: 18px; }
div.searchlist h3 a { color: #FFA740; text-decoration: none; }
div.searchlist h3 a:hover { color: #444444; text-decoration: none; }
div.searchlist h3 span { margin-left: 10px; font-weight: normal; color: #444444; font-size: 11px; line-height: 18px; }
div.searchlist img { height:20px; position:absolute; right:5px }

div.sorting table { font-size: 10px; }
div.sorting { padding: 20px 6px 10px 6px; color: #888888; border-bottom: 1px solid #E9E9E9; margin-bottom: 20px; }
div.sorting select { font-size: 11px; }
div.sorting input.button { padding: 1px 4px; color: #FFF; }
div.sorting input { font-size: 11px; color: #666666; }
div.sorting input.label { padding: 2px 4px; background: #C5C5C5; font-size: 11px; font-weight: bold; text-align: center; font-size: 11px; border: 1px solid #C5C5C5; color: #FFF; }
span.sep { background: #FFA740; width: 2px; margin: 0 5px; }

/** lapozas **/
ul.pagenavi { margin: 20px 0 25px 0; padding: 10px; border-top: 1px solid #E9E9E9; list-style: none; }
ul.pagenavi li { margin: 0 1px; padding: 0; float: left; list-style: none; font-size: 11px; }
ul.pagenavi li.selected { margin: 0 1px; padding: 0 5px; background: #FFA740; color: #FFF; float: left; list-style: none; 
	font-size: 11px; font-weight: bold; }
ul.pagenavi li a { padding: 0 5px; margin: 0; display: block; background: #E9E9E9; color: #666666; }
ul.pagenavi li a:hover { background: #C9C9C9; color: #666666; }

/** jobb oldali kategória navigáció **/
ul.rightnavi { margin: 0; padding: 0; list-style: none; width: 200px; }
ul.rightnavi li { text-transform: uppercase; position: relative; font-weight: normal; margin: 0 0 1px 0; background: #E8E8E8; list-style: none; }
ul.rightnavi li a,ul.rightnavi li a:visited { border-left: 9px solid #DCDCDC; color: #333333; display: block; text-decoration: none; padding: 4px 7px; 
	background: #E8E8E8; width: 177px; }
ul.rightnavi li a:hover { border-left: 9px solid #FFC37B; color: #FFFFFF; text-decoration: none; background: #FFA740; font-weight: bold; }

ul.rightnavi ul { position: absolute; top: -10px; right: 100%; width: 100%; }
ul.rightnavi ul li { text-transform: uppercase; position: relative; font-weight: normal; margin: 0; background: #FFD9AA; list-style: none; }
ul.rightnavi ul li a,ul.rightnavi ul li a:visited { border-left: 9px solid #FFC37B; color: #B06100; display: block; text-decoration: none; padding: 4px 7px; 
	background: #FFD9AA; width: 177px; border-bottom: 1px solid #FFC37B; }
ul.rightnavi ul li a:hover { border-left: 9px solid #FFC37B; color: #FFFFFF; text-decoration: none; background: #FFA740; font-weight: bold; }

ul.rightnavi ul,ul.rightnavi li:hover ul { display: none; }
ul.rightnavi li:hover ul { display: block; }

/** termektablazat **/
div.buttonbar { height: 40px; padding: 0 10px; margin: -40px 0 0 0; }
a.button { float: right; display: block; padding: 3px 7px 3px 27px; background-color: #333333; border: 1px solid #000; color: #FFF; cursor: pointer;
	background-position: 7px center; background-repeat: no-repeat; font-weight: bold; text-transform: uppercase; font-size: 10px; }
a.button:hover { color: #CFCFCF; }
table.datatable { font-size: 11px; border-bottom: 3px solid #FFA740; }
table.datatable th { background: #FFA740; font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; letter-spacing: 0.5pt;
	padding: 2px 6px; }
table.datatable th.aleft { text-align: left; }
table.datatable tr.row1 { background: #E9E9E9; }
table.datatable tr.row2 { background: #EFEFEF; }
table.datatable tr.row1:hover, table.datatable tr.row2:hover { background: #FFE9CF; }
table.datatable td { padding: 3px 6px; }
table.datatable td.acenter { text-align: center; }
table.datatable td h3 { color: #444444; font-size: 12px; font-weight: bold; padding: 0; margin: 0; line-height: 12px; }
table.datatable td.navi { background: #999999; }

table.list { border-bottom: 1px solid #FFA740; margin-bottom: 8px; }
table.list img { padding: 3px; border: 1px solid #D9D9D9; }

span.small { font-size: 10px; color: #999; }

/** céglogó **/
div.mflogo { width: 130px; float: left; margin-right: 10px; margin-bottom: 0; }

/** tooltip **/
#tooltip { position: absolute; border: 1px solid #333; background: #f7f5d1; padding: 2px 5px; color: #333; display: none; }

/** autocomplete **/
div.autotips { position: absolute; width: 198px; border: 1px solid #DC8E0C; margin: 0; padding: 0; 
	background-color: #FFA740; color: #FFF; font-size: 11px; height: 1%; }
div.autotips ul { list-style: none; margin: 0; padding: 3px; background-color: #FFA740; }
div.autotips li { padding: 0 7px; cursor: pointer; }
div.autotips li.selected { background-color: #D27104; }

/** modal **/
#modalOverlay { background-color: #000; cursor: wait; }
#modalContainer { width: 350px; left: 50%; top: 15%; margin-left: -300px; background-color: #fff; border: 3px solid #ccc; }
#modalContainer a.modalCloseImg { background: url(../images/x.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -18px; cursor: pointer; }
#modalContainer #basicModalContent { padding: 8px; }
#modalContainer div.modalContent { padding: 0 15px 15px 15px; }

/** kiegeszites - 2010.05.25. **/
.button-style  { background: #FFA740; border-color:#FFC077 #C27F31 #C27F31 #FFC077; border-style:solid; border-width:1px;  cursor: pointer; font-family:"Tahoma",Arial,sans-serif; font-size: 11px; font-weight:bold; line-height:22px; margin:0; overflow:visible; padding:2px 6px;   }
.button-style a { color: #FFF; }
.button-style a:hover { color: #FFF; }