@charset=utf-8;


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), 
       local('Roboto-Regular'), 
       url(http://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff) 
       format('woff');
}

body {
	font-size:14px;
    color: 333;
    background-color: #ffffff !important;
    font-family: Roboto, Arial, Verdana, sans-sherif;
    overflow-y: scroll !important;
	margin: 0;
	padding: 0;

}

video {width: 100%; }
.border { border:solid; border-width:normal; border-left-color: #999; border-top-color: #999; border-right-color: #333; border-bottom-color: #333; border-top-left-radius:8px; border-bottom-right-radius:8px; }
h1 {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin-top: 0; color: #666; font-weight: bold; font-size: x-large; }
h2 {font-size: large; color: #0066cc;}
p { }
ul {margin-left: 0; padding-left: 15px;}
li {margin-left: 5px; }
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: #fff; font-size:13px;}
a.menu:active, a.menu:hover {color: #CC3300; font-size:13px;}
a.footer:link, a.footer:visited {color: #fff; font-size: 12px;}
a.footer:hover, a.footer:active {color: #B4D2F5; font-size: 12px;}

.mainPhoto {border: 0;}

/*Fej*/
.headAdminHatter {background-image: url(../images/saino_head_admin.png);	background-repeat: no-repeat; background-position: left top;}
header { background-color: #fff; }
.container { width: 980px; background-color: #FFFFFF; margin: 0 auto; align: left; /* the auto value on the sides, coupled with the width, centers the layout */ }
.leftNav { float: left; width: 200px; padding-bottom: 10px; }
.mainContent { margin-left:215px; 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: 600px;
	float: left;
}

/*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: bolder; font-size: 12px; background-color: #336699; padding-right: 8px; padding-left: 8px;}	
.btnBlue {height: 19px; border: 0 solid; color: #333; font-weight: bolder; font-size: 12px; background-color: #DBDBDB; padding-right: 8px; padding-left: 8px;}	
.btnRed {height: 19px; border: 0 solid; color: #edebec; font-weight: bolder; font-size: 12px; background-color: #CC3300; padding-right: 8px; padding-left: 8px;}	
.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 {background: #ffffff;
border: none;
-moz-border-radius: 106px; /* another rounding... (Should be super round by now...) */
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
font: italic 13px Georgia, serif;
outline: none;
padding: 5px;
width: 200px;
}
.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; padding-right: 0%; padding-bottom: 2%; padding-left: 2%; margin-top: 3px; border-width: 0; }
.floatLeft {float: left; padding-left: 0%; padding-bottom: 2%; padding-right: 2%; margin-top: 3px; border-width: 0;}
.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:normal; padding:0 0 0 12px; cursor:pointer; background: url(../images/icons/blank.gif);}
#nav li a.top_link_end {display:block; float:left; height:32px; line-height:32px; color:#fff; text-decoration:none; font-size:15px; font-weight:normal; padding:0 0 0 12px; cursor:pointer; background: url(../images/icons/blank_basic.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:160px; height:auto; z-index:300;}
#nav li:hover ul.sub li {margin:0; padding:0; display:block; height:19px; position:relative; float:left; width:180px; font-weight:200;}
#nav li:hover ul.sub li a {display:block; font-size:14px; height:21px; width:160px; 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;}