/* mac hide\*/
html, body {height:100%}
/* end hide */

div,p  {margin-top:0;}/*clear top margin for mozilla*/

body { padding:0; 	margin:0; 	text-align:center;  color: #000000;
	min-width:920px;/* for mozilla*/
	background: url(images/background2.gif) repeat;  	}

#outer{ 	min-height:100%;
	width:920px;
	border-left:6px solid #000; border-right:6px solid #000;
	color: #000000; text-align:left;
	margin:auto; position:relative; }

* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#centrecontent { 	width:669px;	float:left; }
#centrecontentin { 	width:669px;	float:left; }




#menu {
	background: url(images/menu-line.gif) repeat-x;
	border-bottom:3px solid #000;	position:relative;
	border-top:0;
	padding-top:7px; padding-bottom:0px;
	text-align:center;
	height:19px;
}




#left {
	width:200px; float:left;
	padding: 10px 0px 10px 10px;
	margin: 10px 0px 10px 10px;
}

#tablecell {
	width:250px; float:left;
	padding: 0px 5px 10px 20px;
	margin: 0px 5px 10px 20px;
}

* html #left {/*only ie gets this style*/
	width:160px; float:left;
	padding: 10px 5px 10px 10px;
	margin: 10px 5px 10px 5px;
}


#header{width: 920px; height:148px; background: url(images/header-common-bg.jpg) transparent 0 0 no-repeat; border-bottom:1px solid #000; position:relative; color: #DFC288;}
.logo {position: relative; display: block; float: left; border: none; margin: 0 20px 0 37px; padding: 0;}
a.header-boxes, div.header-boxes {position: relative; diaplay: block; float: left; width: 196px; height: 88px; padding: 10px 5px!important;  margin: 20px 0 0 14px!important; text-align: center!important; background: url(images/header-common-boxframe.gif) transparent 0 0 no-repeat; overflow: hidden; text-decoration: none; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 11px!important; font-weight: 500!important; color: #d0b881!important; text-decoration: none!important; line-height: 15px!important;}
.header-boxes span {color: #fff!important; line-height: 15px;}
a.header-boxes:hover {color: #e5c884!important;}
.langs {position: relative; float: right; width: 35px; height: 88px; margin: 40px 0 0 0!important; padding: 0!important; text-align: left;}
.langs img {position: relative; display: block; border: none; margin: 0 0 15px 0!important; padding: 0!important;}
.langs img:hover {opacity: 0.8; filter: alpha(opacity = 80);}

#header2 {
	min-height:138px; 	height:138px;
	background: url(images/head.gif) no-repeat;
	border-bottom:1px solid #000; position:relative; color: #DFC288;
}



#head2 {
	width:560px;  margin:0;
	padding: 20px 10px 5px 220px;
	height:90px; border:0px solid #fff;}

#head3  {
	width:80px;
	padding: 1px 0 0 820px;
	height:10px; border:0px solid #fff;
 	}

#welcome  {
	padding:4px;color:#5D7665; font-family: Arial, Helvetica, Geneva; font-size:12px; font-weight:normal;
 	}

#right {
	position:relative;/*ie needs this to show float */
	width:251px; float:right; /*	color:#fff;
	background-color: #000;	*/	 }

#line {
	min-height:22px; 	height:22px;	background: url(images/line-art.gif) repeat-x;
	border-top:3px solid #062722;
	width:920px; 	left:0; 	bottom:80px; margin-bottom:0;  padding:0; }

#footer { width:920px; clear:both;
	height:80px; border-top:1px solid #000;
	border-bottom:1px solid #000; background-color: #062722; color: #000000; left:0; 	bottom:0;
	background: url(images/footer.gif) repeat; margin:0; padding:0; }

* html #footer {/*only ie gets this style*/
	\height:82px;/* for ie5 */
	he\ight:81px;/* for ie6 */
	margin-bottom:-1px;
}

#clearfooter {width:668px;height:95px;clear:both; /*border:1px solid red;*/} /* to clear footer */


input, textarea, button, select  {
	margin: 0 0 0 0;
	padding: 0px;
	border: 1px solid #7B7367;
	letter-spacing : 0.02em;
	font: 13px Arial, Helvetica, sans-serif;
	background:#F7EDDA;
	}
	.ajax_loading {
	padding: 20px 0;
	background: url(images/spinner.gif) no-repeat center;z-index:10000;
}
.error {  color: red; font-size: 12px; font-weight: bold;
}

.noterror {  color: green; font-size: 12px; font-weight: bold;
}

.clear {position: relative; height: 0; font-size: 0; margin: 0; padding: 0; clear: both;}

.virtualthumb-container {position: relative; width: 564px; height: 287px; padding: 6px 0 0 5px; margin: 0 0 0 58px; background: url(images/virtual-container-bg.png) transparent 0 0 no-repeat;}
.virtualthumb-container img {border: none!important; margin: 0 0 4px 0; display: block;}
.virtualthumb-container img:hover {opacity: 0.85; filter: alpha(opacity = 85);}
.virtualthumb-container a {font-weight: 900;}


.panorama-mainpage {position: relative; width: 390px; height: 750px; padding: 0; margin: 14px 0 0 22px; float: left;}
.panorama-mainpage h1 {font: bold 18px/normal "Trebuchet MS", Trebuchet MS, Arial, Helvetica, sans-serif; color:#660000; letter-spacing:-0.02em;
padding-top:12px; padding-right:0; padding-bottom:0px; margin:0 0 0 4px;}
.panorama-mainpage h2 {font: bold 16px/normal "Trebuchet MS", Trebuchet MS, Arial, Helvetica, sans-serif; color:#003723; letter-spacing:-0.02em;
padding-top:6px; padding-right:0; padding-bottom:0px; margin:0 0 0 4px;}
.virtualthumb-container2 {position: relative; width: 378px; height: 198px; padding: 5px 0 0 6px; margin: 0; background: url(images/virtual-container2-bg.png) transparent 0 0 no-repeat;}
.virtualthumb-container2 img {border: none!important; margin: 0 0 4px 0; display: block;}
.virtualthumb-container2 img:hover {opacity: 0.85; filter: alpha(opacity = 85);}
.virtualthumb-container2 a {font-weight: 900;}

/* házhozszállítás */
.order-menu {position: relative; margin: 0 0 0 38px; width: 592px; height: auto;}
.order-menu h2 {padding: 6px 0 0 0!important;}
.order-left {position: relative; float: left; margin: 0; padding: 0 0 6px 0!important; width: 420px; height: auto; font-size: 14px!important;}
.order-right {position: relative; float: right; margin: 0; padding: 0 0 6px 0!important; height: auto; font-weight: 900; text-align: right!important; font-size: 14px!important;}
.order-menu  p {padding: 0 0 6px 0!important;}