/********************************************************************* 
  base css */

body {
	font-family: Georgia, Garamond, "Times New Roman", Helvetica;
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;
	background: url(images/top_background.jpg) top center repeat-x #000000;
	color: #b7b7b7;
}

a, link, a:link, a:visited {
	text-decoration: underline;
	color: #ffe4a5;
	font-weight: normal;
 }

a:hover {
	text-decoration: none;
	color: #ffe4a5;
	font-weight: normal;
}

/**********************************************************************************
	TOP */
	
div.topcontainer {
	height: 206px;
	width: 980px;
	margin:auto;
}

/**********************************************************************************
	TOPLINKS */

div.toplinks {
	padding: 18px;
	text-align: right;
	float:right;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	background: #000000;
}

div.onlineshop {
	margin-top: -57px;
	float: left;
	margin-left: 500px;
	width: 480px;
	font-size: 5em;
	color: rgb(191, 143, 43);
	font-style: italic;
	text-align: right;
}

/**********************************************************************************
	MAIN */

div.maincontainer {
	min-height: 340px;
	width: 980px;
	margin:auto;
}

/* MENU */

div.subcontainer {
	width: 310px;
	float: left;
	margin-top: -35px;
}

div.vmenu {
	font-size: 1em;
	padding-top: 25px;
	background: url(images/menu_top.png) top center no-repeat transparent;
}

div.vmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.vmenu li {
	position: relative;
	border-bottom: 1px solid #000000;
}

/*div.vmenu li:hover {
	position: relative;
}*/

div.vmenu ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 272px;
}

div.vmenu ul ul, div.vmenu ul ul li:hover ul ul {
	display: none;
}

div.vmenu ul li:hover ul, div.vmenu ul ul li:hover ul {
	display: block;
}

div.vmenu ul li {
	background: url(images/menu_background.png) top center repeat-y transparent;
	text-align: center;
}

div.vmenu ul li:hover {
	background: #fdd68b;	

}

div.vmenu ul ul li {
	border: 0;
	text-align: left;
}

/*div.vmenu ul ul li:hover {
	background-color: #ffffff;
}

div.vmenu ul ul ul:hover {
	background-color: #ffffff;
}*/

div.vmenu a, div.vmenu link, div.vmenu a:link, div.vmenu a:visited {
	text-decoration: none;
	color: #000000;
	display: block;
	padding: 8px 0;
	font-size: 1.3em;
	border-left: 8px solid #000000;
	border-right: 8px solid #000000;
}

div.vmenu a:hover {
	text-decoration: none;
	display: block;	
	color: #333333;
}

div.vmenu ul ul li a, div.vmenu ul ul li link, div.vmenu ul ul li a:link, div.vmenu ul ul li a:visited {
	color: #FFFFFF;
	padding-left: 20px;
}

div.vmenu ul ul li a:hover {
	background: #333333;
}


/* CONTENT */

div.breadcrumbs {
	margin: 35px 0 -30px 0;
}

div.breadcrumbs a {
	color: #b7b7b7;
}

div.contentarea {
	margin-left: 350px;
	padding: 0 35px 0 0;
	line-height: 160%;
	font-size: 1.2em;
}

div.contentarea h1 {
	color: #fdd68b;
	font-size: 2.0em;
	margin: 35px 0 20px 0;
	font-weight: normal;
}

div.contentarea h2 {
	color: #ffffff;
}

div.contentarea #mainimage {
	margin-top: 20px;
	border: 1px solid #4F4F4F;
	padding: 10px;
}

/**********************************************************************************
	close */

div.close {
	background: url(images/bottom_background.jpg) top center repeat-x;
	height: 98px;
	font-size: 0.9em;
	clear:both;
}

div.close a {
	color: #4c4c4c;
}


/*********************************************************************/

div.termekdiv {
	margin: 0;
	padding: 10px;
	min-height: 100px;
	border-bottom: 1px solid #131313;
}

div.termekdiv:hover {
	background:#0F0F0F;
}

div.termekdiv p {
	margin: 0;
	line-height: 140%;
}

div.termekdiv a {
	font-size:1.2em;
}

div.termekdiv a.ajanlott {
	color:#ffffff;
	font-weight: bold;
}

div.termekdiv img.ajanlott, div.termekdiv_ajanlott img.ajanlott {
	border:0;
	padding:0;
	background: transparent;
	margin-bottom: -2px;
}

div.termekdiv table {
	width: 100%;
}

div.termekdiv .left {
	padding-left: 10px;
	width: 120px;
}

.termekar {
	float:right;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
}

.akciosar {
	float:right;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFA200;
	margin-left: 10px;
	text-align: right
}


/****** TERMEKOLDAL *******/

div.termekpage img.ajanlott {
	float:right;
	margin: 5px 5px 0 0;
}

/* AR */

div.ar {
	
}

/* KOSARBA */

form.kosarba {
	margin: 15px 0 0 0;
}

form.kosarba input[type=text] {
	padding: 1px 3px;
	margin: 0 7px 0 0;
}

form.kosarba input[type=image] {
	margin-bottom: -5px;
}

/* CMS */

div.tabmenu {
	height: 27px;
	border-collapse: collapse;
	padding-left: 15px;
    margin-top:15px;
	line-height:120%;
}

div.tabmenu a {
	border: 1px solid #53575F;
	border-bottom:0;
	float:left;
	display: block;
	font-size: 1em;
	font-weight: normal;
	color: #eeeeee;
	text-decoration: none;
	padding: 0px 10px 3px;
	margin: 7px 2px 0 0;
	background:#000000;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}

div.tabmenu a:hover {
	color: #ffffff;
	text-decoration: none;
	display: block;
	background:#DF9C1B;
}

div.tabmenu a.selected {
	border: none;
	margin: 0 2px 0 0;
	padding: 5px 10px;
	background: #1F1508;
}

/********************************************************************* 
tab pages part  */

div.tabpage  {
	margin-bottom: 15px;
	border-top:0;
	padding: 10px;
	background: #1F1508;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}	

div.tabpage table {
}	

div.tabpage td {
	padding:8px;
	text-align:center;
	background: #131313;
	width: 172px;
}

div.kepfelirat {
	color: #CCCCCC;
	font-size: 0.9em;
	padding: 4px 0 0 0;
}

/*div.tabpage td img {
	border: 7px solid #FFFFFF;
	margin-bottom: 7px;
}*/

/*********************************************************
DOKUMENTS */

div.documents {
	padding: 10px 10px 4px 10px;
	margin-top: 15px;
	border: #6F757F solid 2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.documents b {
	color: #1D222A;
	font-size: 1em;
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
}

div.documents img {
	padding: 0;
	border: 0;
	float:left;
	margin-left: -40px;
}

div.documents a {
	display: block;
	min-height: 38px;
	margin-left: 40px;
}

/*********************************************************
KOSAR */

div.kosar {
	margin: 20px 10px;
	background: #131313;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #eeeeee;
}

div.kosar #heading {
	color: #7f7465;
	font-size: 1.3em;
	margin-top:0;
	text-transform: uppercase;
	font-weight: bold;
}

div.kosar a, div.kosar link, div.kosar a:link, div.kosar a:visited {
	color: #ffe4a5;
	text-decoration:none;
}

div.kosar a:hover {
	color: #ffe4a5;
	text-decoration:underline;
}

div.kosar #termek {
	border-bottom: 2px dotted #000000;
	padding-bottom: 5px;
	margin-top: 5px;
}

div.kosar #ar {
	font-weight: bold;
}

div.kosar #db {
	font-size: 0.9em;
	color: #8e6f43;
}

div.kosar #total {
	margin-top: 10px;
}

div.kosar #brutto {
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

div.kosar #netto {
	font-size: 0.9em;
	color: #525252;
	text-align: center;
}

div.kosar #megrendeles {
	display:block;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #fdd68b;
	margin: 10px 0 0 0;
	padding: 8px;
	color: #000000;
	text-align: center;
	font-size:1.4em;
}

div.kosar #megrendeles:hover {
	background: #eeeeee;
}

/*********************************************************
RENDELES - TABMENU-TABPAGE KIEGESZITES*/

div.tabmenu b {
	border: 1px solid #444444;
	border-bottom:0;
	float:left;
	display: block;
	font-size: 1em;
	font-weight: normal;
	color: #444444;
	text-decoration: none;
	padding: 0px 10px 3px;
	margin: 7px 2px 0 0;
	background:#000000;
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
}

div.tabpage p {
	margin: 0pt;
	padding: 5px 0pt 8px 120px;
	height: 1%;
}

div.tabpage h3 {
	color: #AF9562;
	border-bottom: 1px solid #AF9562;
	margin: 10px 0 15px 0;
	padding-bottom: 5px;
}

div.tabpage label {
	float: left;
	margin-left: -80px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

div.tabpage input[type=password] {
	width: 120px;
}

div.tabpage #heading {
	border-bottom: 2px dotted #4F3514;
	font-size: 1.2em;
	margin-top:0;
	color: #7F7465;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 20px;
	width: 280px;
	margin-left: -20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

div.tabpage a, div.tabpage link, div.tabpage a:link, div.tabpage a:visited {
	color: #8CC200;
	text-decoration:none;
}

div.tabpage a:hover {
	color: #8CC200;
	text-decoration:underline;
}

div.tabpage #termek {
	border-bottom: 1px solid #AF9562;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-right: 20px;
}

div.tabpage #kosar {
	border-left: 1px solid #FDD68B;
	float:right;
	width: 280px;
	margin-left: 10px;
	padding-left: 20px;
}

div.tabpage #fizmod {
	margin: 10px 20px 10px 0;
	color: #FDD68B;
	font-size: 1.2em;
}

div.tabpage #szallitas {
	border-top:2px dotted #4F3514;
	margin: 10px 20px 10px 0;
	color: #FDD68B;
	font-size: 1.2em;
	text-align: right;
	color: #fffffF;
}

div.tabpage #ar {
	font-weight: bold;
	color: #FDD68B;
}

div.tabpage #db {
	font-size: 0.9em;
	color: #AFAFAF;
}

div.tabpage #total {
	margin-top: 10px;
	margin-right: 20px;
	padding-bottom: 15px;
	border-bottom: 2px dotted #4F3514;
}

div.tabpage #brutto {
	color: #FDD68B;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}

div.tabpage #netto {
	font-size: 0.9em;
	color: #AFAFAF;
	text-align: right;
}

div.tabpage #buttons {
	min-height: 25px;
	clear:right;
	padding-top: 20px;
}

div.tabpage #megjegyzes {
	font-family: Arial, Helvetica;
	width: 255px;
	height: 50px;
	font-size: 0.9em;
	margin:0;
}

div.return {
	background:#333333;
}

/* BOOKMARKING TOOL */

.addthis_default_style {
	background:#FDD68B;
}

.slideshow {
	height: 300px;
}

.slide {
	position: absolute;
	width: 595px;
	background-size: 595px auto;
	-moz-background-size: 595px auto;
	-o-background-size: 595px auto;
    -webkit-background-size: 595px auto;
	background-position: center;
	background-repeat: no-repeat;
}