h2 {font-size: 18px; margin-top: 5px; margin-bottom: 5px;}
p {padding-bottom: 0; }
ul {margin-left: 0; padding-left: 15px;}
li {margin-left: 5px; padding: 0;}
a:link, a:visited {text-decoration: none; color: #3366cc; font-size:13px;}
a:hover, a:active {text-decoration: underline; color: #CC3300; font-size:13px;}
a.underline:link, a.underline:visited {text-decoration: underline;}
a.menu:link, a.menu:visited {color: #333; font-size:13px;}
a.menu:active, a.menu:hover {color: #CC3300; font-size:13px;}
a.footer:link, a.footer:visited {color: #ccc; font-size: 12px;}
a.footer:hover, a.footer:active {color: #fff; font-size: 12px;}

.mainPhoto {border: 0;}
.windowHeading {font-size:16px; background-color: #e1e9ef; color:#000; font-weight:bolder; padding: 3px 4px; text-align:left; }

/*Fej*/
.headAdminHatter {background-image: url(../images/head_admin_new.png);	background-repeat: no-repeat; background-position: left top;}
header { background-color: #fff; }
.container { width: 100%; background-color: #FFFFFF; margin: 0 auto; align: left; /* the auto value on the sides, coupled with the width, centers the layout */ }
.head { float: left; padding-bottom: 10px; }
.leftNav { width:200px; float: left; padding-bottom: 10px; }
.mainContent {  
	width: 50%;
	margin-top: 0px;
	margin-left: 210px;
	float: left;
	text-align: left;
}
footer { padding: 10px 0; background-color: #CCC49F; position: relative; /* this gives IE6 hasLayout to properly clear */ clear: both; /* this clear property forces the .container to understand where the columns end and contain them */ }
.content {
	padding: 10px 0;
	width: 70%;
	float: left;
}

.categoryList { display: inline-block; width: 110px; height: ; margin: 1em; vertical-align: top; }


/*Bal menü*/
.leftNavHatter {background-image: url(../images/leftnav_hatter.png); background-repeat: no-repeat;}
.leftNavHatterSide {border: 3px; border-color: #5e88ac;}
.leftNavHatterPoint {background-image: url(../images/icons/headmenu_munkagepek_new.png); background-repeat: no-repeat;	background-position: left top;}
.leftNavHatterSubpoint {background-image: url(../images/icons/grey_menu_point.png); background-repeat: no-repeat; background-position: left top;}

/*Minikosár*/
.minicartHatter {background-image: url(../images/else_minicart_full.png); background-repeat: no-repeat; background-position: left top;}
.minicartHatterClear {background-image: url(../images/else_minicart.png); background-repeat: no-repeat; background-position: left top;}
.redDotted {background-image: url(../images/icons/red_dotted.gif);	background-repeat: repeat-x; background-position: left top;}
.greyDotted {background-image: url(../images/icons/dotted_line_vert.gif); background-repeat: repeat-y; background-position: right bottom;}
a.small:link, a.small:visited {text-decoration: none; color: #003366; font-size: 10px;}
a.small:hover, a.small:active {text-decoration: underline; color: #003366; font-size: 10px;}

.orderTopHatter {background-image: url(../images/order_top.png); background-repeat: no-repeat;	background-position: left top;}
.inquiryHatter {background-image: url(../images/ajanlat.png); background-repeat: no-repeat; background-position: left top;}
.thumbnailBorder {background-image: url(../images/thumbnail_border_full.png); background-repeat: no-repeat; background-position: left top;}

/*Nyomógombok*/
.btnGeneral {padding:2px;}		
.btnGo {height: 19px; border: 0 solid; color: #E1EBF4; font-weight: bold; font-size: 12px; background-color: #336699; padding-right: 5px; padding-left: 5px; font-family: Arial;}	
.btnBlue {height: 19px; border: 0 solid; color: #333; font-weight: bold; font-size: 12px; background-color: #DBDBDB; padding-right: 5px; padding-left: 5px; font-family: Arial;}	
.btnRed {height: 19px; border: 0 solid; color: #fff; font-weight: bold; font-size: 12px; background-color: #CC3300; padding-right: 5px; padding-left: 5px; font-family: Arial;}	
.btnAddCart {background-image: url(../images/icons/btn_addCart.png); background-repeat: no-repeat; width: 100px; height: 22px; border: 0; background-color: #FFFFFF;}		
.deleteFromCartButton {background-image:  url("ic_torles.png");	height: 12px; width: 18px; border: 0px solid #336699;}
.deleteBtn {background-image: url(../images/ic_torles.png);	background-repeat: no-repeat; background-position: left top; width: 18px; height: 12px;	border: 0; border-style: solid;}
.searchBtn {background-image: url(../images/icons/kereso_gomb.png); background-position: right top; height: 30px; width: 32px;	border: 0; padding: 0;}
.input {border: 1px solid  #bdbdbd; padding: 1px 2px 2px 2px; height:auto; color: #F05DA7; font-weight: bold; font-size: 12px; font-family: Arial;}
.searchTxt {background-image: url(../images/icons/kereso_hatter.png); background-position: left top; color: #999; height: 28px; width: 250px; padding-left: 10px; font-size:14px; border: 0;}
.addToCartField {font-size: 12px; border: 1px solid #a0c8ed; color: #000; padding-left: 3px; height: auto; width: 22px;}

/*Google map*/	
.goog-te-gadget {vertical-align:middle;}
#google_translate_element select {color: #666666; font-size:12px; font-weight: normal;} 


/*Link normál*/	
.smallFatBlack {font-weight: bold;	font-size: 10px; color: #000000;}
.red {color:#FF0000; font-weight:bold;	font-style:italic;}
.lightgrey {color:#F5f5f5;	font-size: medium;}

.listTableHeader {font-family: "Courier New", Courier, mono; font-size: 14px; color: #990000; font-weight:bold;}

.entryTable {background-color: #E1E1E1;}
.entryTableHeader {font-family: "Courier New", Courier, mono; font-size: 16px;	background-color: #D8D8D8; font-weight: bold;}
.entryTable .label {background-color: #f5f5f5;}
.entryTable .content {background-color: #FFFFFF;}

.red {color:#FF0000; font-style:italic;}
.green {color: #009933; font-style:italic;}
#errorMessage {color: #990000;	font-weight: bold;}
.floatRight	{float: right;	border-width: 0;}
.floatLeft {float: left; padding-left: 0%; padding-bottom: 2%; padding-right: 2%;}
.rightDeleks {width: 200px; height: 143px; background-image:url(../images/right_deleks.png); background-repeat:no-repeat; font-size:10px; font-style:italic; font-family:Geneva, Arial, Helvetica, sans-serif; color:#FFFFFF;}

/*Head menü*/	
.nav {background: url(../images/icons/blank_basic.gif); background-repeat:repeat-x;}

.preload1 {background: url(../images/icons/blank_over.gif);}
.preload2 {background: url(../images/icons/blank_overa.gif);}

#nav {padding:0; margin:0; list-style:none; height:32px; width:auto; background:#edebec; position:relative; z-index:500;  background: url(../images/icons/blank_basic.gif); background-repeat:no;}
#nav li.top {padding:0; margin:0; display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:32px; line-height:32px; color:#fff; text-decoration:none; font-size:15px; font-weight:200; padding:0 0 0 12px; cursor:pointer; background: url(../images/icons/blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 20px; height:32px;background:url(../images/icons/blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 20px; height:32px; background:url(../images/icons/blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#FFFFFF; background: url(../images/icons/blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(../images/icons/blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(../images/icons/blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#ffffff; background: url(../images/icons/blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(../images/icons/blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(../images/icons/blank_overa.gif) no-repeat right top;}

/* Default list styling */
#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub {margin:0; padding:0; left:0; top:32px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:130px; height:auto; z-index:300;}
#nav li:hover ul.sub li {margin:0; padding:0; display:block; height:19px; position:relative; float:left; width:120px; font-weight:200;}
#nav li:hover ul.sub li a {display:block; font-size:14px; height:21px; width:130px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly {background:#fff url(../images/icons/arrow.gif) 80px 7px no-repeat;}
#nav li:hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
#nav li:hover ul.sub li a.fly:hover {background:#3a93d2 url(../images/icons/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#3a93d2 url(../images/icons/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}