/* MENU */
.menuMainBar {
	position: relative;
	top: 65px;
	width: 30px;
	min-width: 20px;
	margin: auto;
}

.menuMainBar tbody {
	border: 0;
}

.menuMainBar tbody tr td {
	height: 20px;
	line-height: 20px;
	text-align: right;
	color: white; /*color: #fbd19f;*/
	/*background: url(../images/menu.jpg) no-repeat right bottom;*/
}

.menuMainBar tbody tr td:hover { /*color: white;*/
	/*background-color: white;*/
	/*background: url(../images/menu_hover.jpg) no-repeat right bottom;*/
	cursor: pointer;
}

.menuMainItemBackground {
	position: relative;
	height: 25px;
	width: 80px;
	/*	background-color: #74b02f;*/
}

.menuMainItem {
	position: relative;
	top: 0;
	height: 20px;
	min-width: 60px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	color: #498223;
	padding: 0px 10px 0px 10px;
	margin-left: 0px;
	/*background-color: #313131;*/
}

.menuMainItem-first {
	/* background: url(../images/menu_select.png) right center no-repeat; */
	
}

.menuMainItem-inner {
	/* background: url(../images/menu_select.png) right center no-repeat; */
	
}

.menuMainItem-last {
	
}

.menuMainItem:hover {
	color: #81e73d;
	/* background-color: #262626; */ /* text-decoration: underline; */
	/* cursor: pointer; */
	text-decoration: none;
}

/*
.effectPanel {
	float: right;
}
*/
.userMenuItem {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	color: #d9d864;
	padding: 0px 15px 0px 0px;
	background: url(../images/menudot.gif) right center no-repeat;
}

.userMenuItem-hover {
	text-decoration: underline;
	cursor: pointer;
}

.storeMenuItem {
	font-size: 11px;
	font-stretch: wider;
	font-weight: bold;
	text-decoration: none;
	/*color: #cf9b68;*/
	line-height: 20px;
	/*text-align: right;*/
}

.index-subContent {
	position: relative;
	float: left;
	width: 250px;
	border-bottom: thin solid #D2D1D1;
	border-left: thin solid #D2D1D1;
	padding-left: 10px;
	padding-right: 0px;
}

/*
.index-subContent:hover {
	border: thin solid #cdcdcd;
}
*/

.index-subContent-left {
	margin-left: 0px;
}

.index-subContent-right {
	margin-left: 0px;
}

.index-subContent-leftimage {
	float: left;
	position: relative;
	width: 80px;
	height: 80px;
	top: 0px;
	left: 0px;
	margin-left: 50px;
}

.index-subContent-rightimage {
	float: left;
	position: relative;
	width: 80px;
	height: 80px;
	top: 0px;
	left: 0px;
	margin-left: 30px;
}

.index-subContent .title {
	position: inherit;
	font-weight: bold;
	font-size: large;
}

.index-subContent .abstract {
	position: inherit;
	color: #7f7f7f;
	min-height: 80px;
	margin-bottom: 7px;
	margin-top: 7px;
}

.index-subContent .more {
	position: inherit;
	color: #7f7f7f;
	font-weight: bold;
	/* margin-left: 195px; */
	float: right;
}

.link {
	cursor: pointer;
}

.footerText {
	float: left;
	font-style: italic;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: 20px;
}

.indexMainHtml {
	border: 0;
	width: 668px;
	height: /*186px;*/ 236px;
	margin: 10px 10px 0px 10px;
	padding: 0px 275px 0px 0px;
	background: url(../images/index.jpg) left top no-repeat;
}

.loginFieldBox {
	width: 110px;
}

/*
.gwt-TabBar {
	margin: 0;
	padding: 0;
}

.gwt-TabBar .gwt-TabBarItem {
	color: #6b221b;
	text-decoration: none;
	cursor: pointer;
}

.gwt-TabBar .gwt-TabBarItem-wrapper {
	margin: 0;
	padding: 10px;
	color: #000000;
	font-size: 12px;
	background: #775350;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	color: #fbd19f;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}

.gwt-TabBar .gwt-TabBarItem-wrapper-selected {	
	background: #57120c;
}
*/
.gwt-DisclosurePanel {
	width: 100%;
}

.gwt-DisclosurePanel .header {
	color: #beceda;
	text-align: left;
	background-image: url(../nincsilyen.gif);
}

.gwt-DisclosurePanel .header:hover {
	color: #beceda;
	text-decoration: none;
}

.gwt-DisclosurePanel-open .content { /*background-color: #2b5070;*/
	width: 100%;
	margin: 0px 0px 10px 20px;
	padding-left: 5px;
}

.gwt-Tree {
	min-width: 200px;
	min-height: 300px;
	border: 1px solid #cdcdcd;
	margin-right: 5px;
	background-color: #eff7eb;
}

.gwt-Tree .gwt-TreeItem-selected {
	font-weight: bold;
}

.tabPanel { /*	border-style: solid;
	border-width: 2px;	
	border-color: #57120c;
*/
	border-top: 2px solid #57120c;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	/*	width: 100%;
	height: 100%;
	vertical-align: top;*/
}

/* PRODUCT */
.productList {
	vertical-align: top;
	min-width: 480px;
	width: 480px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.productListPanel {
	vertical-align: top;
	width: 100%;
	height: 100%;
	/*background-color: white;*/
}

.productListTable {
	border-collapse: collapse;
	/*border-top: 1px solid gray;*/ /*display: block;*/
	width: 100%;
}
.productListTable>tbody>tr>td {
	vertical-align: top;
	/*	border-bottom: 1px solid gray;*/ /*display: block;*/
}

.productListTableHighlighted {
	border-collapse: collapse;
	/*border-top: 1px solid gray;*/ /*display: block;*/
	width: 100%;
	background-color: #E6E6E5;
	border: 3px solid lightgray;	
}
.productListTableHighlighted>tbody>tr>td {
	vertical-align: top;
	/*	border-bottom: 1px solid gray;*/ /*display: block;*/
}


.prodcutCharLevel1 {
	background-color: black;
}

.prodcutCharLevel2 {
	background-color: blue;
}

.productItemPanel {
	/* display: inline; */
	min-width: 120px;
	width: 120px;
	min-height: 120px;
	height: 120px;
	border: thin solid transparent;
	/*set an unused color to be index color*/
	_border-color: tomato; /*For IE6-*/ /*then remove this indexed color*/
	_filter: chroma(color =   tomato); /*For IE6-*/
}

.productItemPanel>tbody>tr>td {
	padding: 3px;
	text-align: center;
}

.productItemPanel-hover {
	border: thin solid #cdcdcd;
	text-decoration: underline;
	cursor: pointer;
}

.productItemBorder {
	
}

.productItemBorder-hover {
}

.productItemName {
	text-align: center;
	font-weight: bold;
	padding: 0;
	color: #135901;;
}

.productImagePanel {
	width: 100%;
	height: 80px;
}

.productSmallImage {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	border-width: 0;
}

.productBigImage {
	padding: 5px;
}

.nagyito-kep {
	background-image: url(../images/nagyito.jpg);
	float: left;
	width: 20px;
	height: 17px;
	margin-right: 2px;
}

.nagyito-szoveg {
	color: black;
	font-size: 8px;
}

.selectedPriceItemDialog {
	display: block;
	text-align: left;
}

.defaultPriceItemDialog {
	display: block;
	font-size: smaller;
	text-align: right;
	color: gray;
	/*font-style: normal;*/
}

.selectedPrice {
	display: block;
	text-align: right;
}

.defaultPrice {
	display: block;
	font-size: smaller;
	text-align: left;
	color: gray;
	/*font-style: normal;*/
}

.selectedPriceLeft {
	display: block;
	text-align: left;
}

.defaultPriceLeft {
	display: block;
	font-size: smaller;
	text-align: left;
	color: gray;
	/*font-style: normal;*/
}

.itemDetailsDialog {
	vertical-align: top;
	width: 450px;
	min-height: 300px;
	background-color: white; /*#eff7eb;*/
	border: 1px solid gray;
	margin: 5px;
	padding: 10px;
	z-index: 12;
}

.productItemNameBig {
	color: #135901;
	font-weight: bold;
	padding: 0 20px 5px 0;
	border-bottom: 1px solid #135901;;
	width: 95%;
}

.popupBigImage {
	z-index: 20;
	position: inherit;
	width: 300px;
	height: 300px;
	left: 100px;
	top: 100px;
}

.productItemLabel {
	
}

.productItemValue {
	
}

.productItemPrice {
	font-weight: bold;
}

.productDescription {
	text-align: justify;
}

/* CART */
.cartDialog {
	background-color: white;
	border: 3px solid #cdcdcd;
	margin: 10px;
	padding: 10px;
}

.cartPanel {
	width: 100%;
}

.cartPanel-drawBorder {
	width: 100%;
	border: 1px solid #beceda;
}

.cartTable {
	border-collapse: collapse;
	border: 0px;
	/*display: block;*/
}

.cartTable>tbody>tr>td {
	border-collapse: collapse;
	border-bottom: 1px solid #beceda;
	padding: 3px;
}

.cartTableHeader {
	font-weight: bolder;
	border-top: 0px;
	color: #135901;
	background-color: #eff7eb;
}

.cartTableGroupHeaderItem {
	font-weight: bolder;
}

.cartTableGroupItem {
	background-color: #2b5070;
}

.cartTableItemDescription {
	font-size: 11px;
	color: gray;
	padding: 0px 0px 0px 15px;
}

.deleteImage {
	border-width: 0px;
}

.deleteImage:hover {
	cursor: pointer;
}

.accountButton {
	margin: 10px 0 20px 155px;
}

.szerkesztoSection {
	margin-top: 20px;
	margin-bottom: 10px;
	height: 100%;
}

.szerkesztoImage {
	border: 1px solid black;
	cursor: pointer;
}

.szerkesztoRight {
	margin-left: 10px;
}

.szerkesztoTitle {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	margin-bottom: 5px;
}

.szerkesztoDesc {
	
}

.szerkesztoButtonPanel {
	height: 100%;
	vertical-align: bottom;
}

.infoPanel {
	margin-right: 20px;
}

.myDatePicker {
	border: 1px solid #f1f1f1;
	border-bottom: 2px solid #f1f1f1;
	color: #6b6b6b;
	cursor: default;
	width: 7em;
}

.gwt-DateBox input {
	width: 8em;
}

.dateBoxFormatError {
	background: #a8eeff;
	color: red;
}

.dateBoxPopup {
	
}

/* AutogasInstallOfferPlugin */
.autogas-install-offer-decorator-panel {
	width: 620px;
	/*float: right;*/	
	float: left;
	margin-left: 20px;	
}

.autogas-install-offer-panel {
	width: 610px;
}

.autogas-install-offer-form-panel {
	width: 600px;
}

.autogas-install-offer-form-panel .label-style {
	width: 150px;
	font-weight: bold;
}

.autogas-install-offer-button {
	border: thin solid #99BBE8;
	background-color: #DFE8F6;
}

.autogas-install-offer-title {
	font-size: large;
	font-weight: bold;
	padding-bottom: 10px;
}

.autogas-install-offer-description {
	color: #7F7F7F;
}

/* GXT form panel overrides */
.x-form-item-label {
	width: 200px;
}

.x-form-element {
	width: 220px;
}

.x-panel-ml {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent none repeat-y scroll 0 0;
	padding-left: 0px;
}

.x-panel-mr {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent none repeat-y scroll right 0;
	padding-right: 0px;
}

.gwt-DatePicker {
	border: 1px solid #00CCFF;
	cursor: default;
}

.gwt-DatePicker td,.datePickerMonthSelector td:focus {
	outline: none
}

.datePickerDays {
	width: 100%;
	background: #4d4d4d;
}

.datePickerDay,.datePickerWeekdayLabel,.datePickerWeekendLabel {
	font-size: 75%;
	text-align: center;
	padding: 4px;
	outline: none;
	color: #dddddd;
}

.datePickerWeekdayLabel,.datePickerWeekendLabel {
	background: #222222;
	padding: 0px 4px 2px;
	cursor: default;
}

.datePickerDay {
	padding: 4px;
	cursor: hand;
	cursor: pointer;
}

.datePickerDayIsToday {
	border: 1px solid #00CCFF;
	padding: 3px;
}

.datePickerDayIsWeekend {
	background: #333333;
}

.datePickerDayIsFiller {
	color: #959595;
}

.datePickerDayIsValue {
	background: #1C1C1C;
	color: #00CCFF;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}

.datePickerDayIsHighlighted {
	background: #00CCFF;
	color: #1C1C1C;
}

.datePickerDayIsValueAndHighlighted {
	background: #1C1C77;
	color: #00CCFF;
}

.datePickerMonthSelector {
	background: #222222;
	width: 100%;
}

td.datePickerMonth {
	text-align: center;
	vertical-align: center;
	white-space: nowrap;
	font-size: 70%;
	font-weight: bold;
	color: #dddddd;
}

.datePickerPreviousButton,.datePickerNextButton {
	font-size: 120%;
	line-height: 1em;
	cursor: hand;
	cursor: pointer;
	padding: 0px 4px;
	color: #dddddd;
}

/*ARTICLES */ /* normal */
.articlePanel {

}

.articlePanel details {
}

.articleListPanelTable {
	width: 100%;
}

.articleListPanelCell {
	width: 100%;
	margin-bottom: 15px;
}

.articleListPanelTitle {
	font-size: 16px;	
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 5px 0 10px 0;
	text-decoration: none;
}

.articleListPanelTitle-hover {
	text-decoration: underline;
	cursor: pointer;
}

.articleListPanelSmallBody {
	text-align: justify;
	margin: 0 0 3px 0;
	/*color: #5c5c5c;*/	
}

.articleListPanelLink {
	font-weight: bold;
	margin: 0;
	text-decoration: none;
}

.articleListPanelLink-hover {	
	cursor: pointer;
}

.articlePanelCell {
}

.articlePanelTitle {
	font-size: 20px;
	font-weight: bold;
	color: black;
	margin: 0 0 15px 0;
}

.articlePanelDate {
	color: gray;
}

.articlePanelSmallBody {
	font-weight: bold;
	text-align: justify;
	margin: 0 0 10px 0;
}

.articlePanelBody {
	text-align: justify;
}

/* index cikkek */
.index-articlePanel {
	/*background: #EFF7EB none repeat scroll 0 0;*/
	/*border: 1px solid #CDCDCD;*/
	clear: both;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 175px;
}

.index-articleListPanelTable {
	width: 100%;
}
/*
.index-articleListPanelTable>tbody>tr>td {
	width: 33%;
	vertical-align: top;
	padding: 4px 15px 10px 15px;
	background-color: #eff7eb;;
	border: 6px solid black;
}
*/
.index-articleListPanelCell {
	width: 100%;
	margin-bottom: 10px;
}

.index-articleListPanelTitle {
	color: #135901;
	font-weight: bold;
	margin: 0 0 3px 0;
	text-decoration: none;
}

.index-articleListPanelTitle-hover {
	text-decoration: underline;
	cursor: pointer;
	color: #209601;
}

.index-articleListPanelSmallBody {
	text-align: left;
	margin: 0 0 3px 0;
	color: #5c5c5c;	
}

.index-articleListPanelLink {
	
}

.index-articlePanelCell {
	
}

.index-articlePanelTitle {
	font-size: 20px;
	font-weight: bold;
	color: black;
	margin: 0 0 15px 0;
}

.index-articlePanelDate {
	color: gray;
}

.index-articlePanelSmallBody {
	font-weight: bold;
	text-align: justify;
	margin: 0 0 10px 0;
}

.index-articlePanelBody {
	text-align: justify;
}

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img {
	width: auto;
	height: auto;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink,#nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA);
	/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink :hover,#prevLink :visited :hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink :hover,#nextLink :visited :hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#imageData {
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

.gwt-DecoratedTabBar {
	
}

.gwt-DecoratedTabBar .gwt-TabBarFirst {
	width: 5px; /* first tab distance from the left */
}

.gwt-DecoratedTabBar .gwt-TabBarRest {
	
}

.gwt-DecoratedTabBar .gwt-TabBarItem {
	border-collapse: collapse;
	margin-left: 6px;
}

.gwt-DecoratedTabBar .tabTopCenter {
	padding: 0px;
	background: #e3e3e3;
}

.gwt-DecoratedTabBar .tabTopLeft,.gwt-DecoratedTabBar .tabTopRight {
	padding: 0px;
	zoom: 1;
}

.gwt-DecoratedTabBar .tabTopLeftInner,.gwt-DecoratedTabBar .tabTopRightInner
	{
	width: 6px;
	height: 6px;
}

.gwt-DecoratedTabBar .tabTopLeft {
	background: url(../images/corner.png) no-repeat 0px -55px;
	-background: url(../images/corner_ie6.png) no-repeat 0px -55px;
}

.gwt-DecoratedTabBar .tabTopRight {
	background: url(../images/corner.png) no-repeat -6px -55px;
	-background: url(../images/corner_ie6.png) no-repeat -6px -55px;
}

.gwt-DecoratedTabBar .tabMiddleLeft,.gwt-DecoratedTabBar .tabMiddleRight
	{
	width: 6px;
	padding: 0px;
	background: #e3e3e3 url(../images/hborder.png) repeat-x 0px -1463px;
}

.gwt-DecoratedTabBar .tabMiddleLeftInner,.gwt-DecoratedTabBar .tabMiddleRightInner
	{
	width: 1px;
	height: 1px;
}

.gwt-DecoratedTabBar .tabMiddleCenter {
	padding: 0px 4px 2px 4px;
	cursor: pointer;
	cursor: hand;
	color: black;
	font-weight: bold;
	text-align: center;
	background: #e3e3e3 url(../images/hborder.png) repeat-x 0px -1463px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
	background: #747474;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
	background-position: 0px -61px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
	background-position: -6px -61px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
	{
	background: #bcbcbc url(../images/hborder.png) repeat-x 0px -2511px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	cursor: default;
	background: #bcbcbc url(../images/hborder.png) repeat-x 0px -2511px;
	color: white;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
	cursor: default;
	color: #999999;
}

html>body .gwt-DecoratedTabBar {
	
}

* html .gwt-DecoratedTabBar .tabTopLeftInner,* html .gwt-DecoratedTabBar .tabTopRightInner
	{
	width: 6px;
	height: 6px;
	overflow: hidden;
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-color: #bcbcbc;
	border-style: solid;
	border-width: 3px 2px 2px;
	overflow: hidden;
	padding: 6px;
}

.frameColorPanel {
	vertical-align: top;
	width: 700px;
	height: auto;
	background-color: #dddddd;
	border: 3px solid #3a3a3a;
	margin: 10px;
	padding: 10px;
	z-index: 13;
	vertical-align: top;
}


.storeNavigationPanel {
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0 5px 10px;
	margin: 0 5px 5px 0;
	background-color: #dddddd;
	width: 100%;
}

.storeNavigationItem {
	
}

a.storeNavigationItem:hover {
	text-decoration: underline;
	cursor: pointer;
}
.storeNavigationItem:hover {
	text-decoration: underline;
	cursor: pointer;
}