* { padding: 0; margin: 0; border: 0; }

body {
	margin:0;
	padding: 0;
	font: 12px Arial, Tahoma, Verdana, Helvetica;
	color:#232323;	
	background: #e7e8e3 url(images/page_bg.jpg) repeat-x left top;
}

/* links */
a { color: #AF531C; text-decoration: none; }
a:hover { color: #DF6014; text-decoration: underline; }

/* images */
img { border: 0; }

/***********************
	  LAYOUT
************************/

/* Page Layout */
#theme_layout { overflow: hidden; width: 100%; margin: 0 auto; padding: 0; }

#theme_top { width: 100%; height: 45px; background: url(images/sitelinks_bg.png) repeat-x center top; margin: 0 auto; padding: 0; }
#sitelinks { width: 1000px; height: 45px; margin: 0 auto; padding: 0; }

/* Site Name and Site Tag */
#sitename_sitetag { width: 950px; background: url(images/sitename_image.png) no-repeat left; margin: 20px auto 5px auto; padding: 0; }
.siteName { font: bold 30px "Times New Roman", verdana, arial, helvetica, sans-serif; color: #0c7694; margin: 0 auto; padding: 0 20px 0 80px; }
.siteTag { font: bold 15px verdana, arial, helvetica, sans-serif; color: #0a5f77; padding: 0 20px 0 80px; }

/* Show / Hide Informations */

#infobar { position: relative; top: 0; width: 1000px; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; }
#info_opentable { display: block; clear: both; overflow: hidden; width: 1000px; color: #fff; background: #045e6b; margin: 0 auto; padding: 0; text-align: center; }
.info_innertable { width: 90%; margin: 0 auto; padding: 0; text-align: center; border: 0; }
.infobutton { float: right; width: 120px; font: bold 12px Arial, Tahoma, Verdana, Helvetica; color: #cef0f9; background: url(images/infobutton.png) no-repeat left top; margin: 0; padding: 4px 0; text-align: center; border: none; cursor:pointer; }
.infobutton a { color: #cef0f9; text-decoration: none; outline: 0; }
.infobutton a:hover { color: #cef0f9; text-decoration: none; outline: 0; }  

.info_lefttable { float: left; width: auto; margin: 0; padding: 0; text-align: left; }
.info_lefttable a { font-weight: bold; color: #ffff99; text-decoration: none; }
.info_lefttable a:hover { color: #ccffff; text-decoration: none; }
.info_lefttable_inner { margin: 20px; padding: 0; border: 0; }

.info_centertable { float: left; width: auto; margin: 0; padding: 0; text-align: left; }
.info_centertable a { font-weight: bold; color: #ffff99; text-decoration: none; }
.info_centertable a:hover { color: #ccffff; text-decoration: none; }
.info_centertable_inner { margin: 20px; padding: 0; border: 0; }

.info_righttable { float: left; width: auto; margin: 0; padding: 0; text-align: left; }
.info_righttable a { font-weight: bold; color: #ffff99; text-decoration: none; }
.info_righttable a:hover { color: #ccffff; text-decoration: none; }
.info_righttable_inner { margin: 20px; padding: 0; border: 0; }

.info_header { font: bold 14px Arial, Tahoma, Verdana, Helvetica; color: #fff; padding: 5px; text-align: left; }
.info_body { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #fff; padding: 0 2px; text-align: left; }

/* Header */
#header { width: 1000px; height: 270px; background: url(images/header.png) no-repeat center top; margin: 0 auto; padding: 0;}

div.slider-cont { width: 502px; height: 223px; margin: 0; padding: 13px 39px 34px 459px; }

/* slider ***********************************/
#slider {
  width: 502px; /* important to be same as image width */
  height: 223px; /* important to be same as image height */
  position: relative; /* important */
	overflow: hidden; /* important */
}
/* Slider end *******************************/

/* Corllete Lab Feature Box */ 
div.fbox-cont { width: 563px; height: 200px; margin: 0; padding: 20px 46px 70px 387px; }
#buts { width: 563px; height: 200px; margin: 0 auto; z-index: 0; border: none; }
div#promos div.scroller {
/* modify width and height of scrolling section if necessary	*/		 
  width: 483px; /* --> edit */ 
  text-align: left;
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
}
div#promos div.scroller div.content {
  width: 10000px;
}
div#promos div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/	
  width: 483px; /* --> edit */
  height: 200px;
  overflow: hidden;
  float: left;
  margin: 0;
}
h2.promo { font: 28px Arial, Tahoma, Verdana, Helvetica; color:#000; margin: 0; padding: 0 30px 10px 0; text-align: right; }
p.promo { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #386060;	margin: 0; padding: 0; }
/* Corllete Lab Feature Box end *************/ 

/* Main Layout */
#container { width: 996px; margin: 0 auto; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #0a5f77; padding: 0; } 

/* left menu */
#left { float: left; width: 230px; margin: 0; padding: 0; }

.leftMenuBox { width: 230px; margin: 0; padding: 0; }
.leftMenuBox a { font-weight: bold; color: #057b98; text-decoration: none; }
.leftMenuBox a:hover { color: #a5c010; text-decoration: none; }
.leftMenuBoxInner { width: 230px; background: url(images/leftmenumiddle.png) repeat-y left top; margin: 30px 0 0 0; padding: 0;} 
.leftMenuBoxTop { width: 230px; background: url(images/leftmenutop.png) no-repeat left top; position: relative; left: 0; top: -30px; bottom: -30px; margin: 0; padding: 0; }
.leftMenuBoxBottom { width: 230px; background: url(images/leftmenubottom.png) no-repeat left bottom; margin: 0; padding: 0; }

.leftMenuHeader { width: 210px; background: url(images/leftmenuheaderimage.png) no-repeat 20px 20px; margin: 0 auto; padding: 20px 10px 0 10px; } 
.leftMenuHeader_text { font: 16px Arial, Tahoma, Verdana, Helvetica; color: #0c7694; margin: 0; padding: 3px 0 10px 50px; }
.headerbottom { width: 177px; height: 6px; background: url(images/headerbottom.png) no-repeat center top; margin: 0 auto; padding: 0; }
.leftMenuContent { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #0a5f77; background: transparent; margin: 0; padding: 20px 20px 0 20px; }

/* Left Menu Aktuális ajánlataink */
.leftMenuBox2 { width: 230px; margin: 0; padding: 0; }
.leftMenuBoxInner2 { width: 230px; background: url(images/leftmenumiddle.png) repeat-y left top; margin: 30px 0 0 0; padding: 0;} 
.leftMenuBoxTop2 { width: 230px; background: url(images/leftmenutop.png) no-repeat left top; position: relative; left: 0; top: -30px; margin: 0; padding: 0; }
.leftMenuBoxBottom2 { width: 230px; background: url(images/leftmenubottom.png) no-repeat left bottom; margin: 0; padding: 0; }

.leftMenuHeader2 { width: 210px; background: url(images/leftmenuheaderimage.png) no-repeat 20px 20px; margin: 0 auto; padding: 20px 10px 0 10px; } 
.leftMenuHeader_text2 { font: 16px Arial, Tahoma, Verdana, Helvetica; color: #0c7694; margin: 0; padding: 3px 0 10px 50px; }
.headerbottom2 { width: 177px; height: 6px; background: url(images/headerbottom.png) no-repeat center top; margin: 0 auto; padding: 0; }
.leftMenuContent2 { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #0a5f77; background: transparent; margin: 0; padding: 10px 20px 0 20px; }
.leftMenuContent2 a { color: #ff0000; text-decoration: none; }
.leftMenuContent2 a:hover { color: #438607; text-decoration: none; }

/* News */
#news { float: left; width: 766px; margin: 0; padding: 0; }
#newstop { width: 766px; background: url(images/newstop.png) no-repeat left top; margin: 0; padding: 0; }
#newsbanner { width: 370px; height: 110px; margin: 0; padding: 45px 0 0 50px; }
#newsinnerlayout { margin: 0; padding: 20px 30px 0 31px; }
#newsbottom { background: url(images/newsbottom.jpg) no-repeat left bottom; margin: 0; padding: 0; }

/* Welcome Message */
.welcomeMessage { font: 13px Arial, Tahoma, Verdana, Helvetica; color: #103248; padding: 10px 30px; }

/* Post Item of news */
.newsPost { clear: both; margin: 10px 5px; padding: 0; background: transparent; }
.newsPost a { color: #057b98; text-decoration: none; }
.newsPost a:hover { color: #a5c010; text-decoration: none; }
.newsHeader { font: 32px Arial, Tahoma, Verdana, Helvetica; color: #1d5b68; letter-spacing: -1px; border-bottom: 1px solid #1d5b68; margin: 0; padding: 15px 20px 0 20px; }
.newsPosted { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #9ea0a1; margin: 0 20px 5px 0; text-align: left; } 
.newsBody { clear: both; font: 13px Arial, Tahoma, Verdana, Helvetica; color: #0a5f77; padding: 10px 20px 5px 20px; }
.newsBody img{ float: left; margin: 0 7px 7px 0; border: none; }
.newsBottom { clear: both; margin: 0; padding: 10px 20px 30px 20px; }
.newsComments { float: left; margin: 0; padding: 0; }
.newsCommentsText { font: 13px Arial, Tahoma, Verdana, Helvetica; color: #aaa; margin: 0; padding: 3px 5px; text-align: center; }
.newsCommentsText a { color: #fff; text-decoration: none; } 
.newsCommentsText a:hover { color: #000; text-decoration: none; }  
.newsOptions { float: right; margin: -10px 0 0 10px; padding: 10px 0 0 10px; text-align: right; }


/* center menu */
.centerMenuBox { clear: both; margin: 10px 5px; padding: 0; background: transparent; }
.centerMenuBox a { font-weight: bold; color: #456005; text-decoration: none; } 
.centerMenuBox a:hover { color: #057b98; text-decoration: none; } 
  .centerMenuHeader { font: 32px Arial, Tahoma, Verdana, Helvetica; color: #1d5b68; letter-spacing: -1px; margin: 0; padding: 0; }
  .centerMenuBody { font: 13px Arial, Tahoma, Verdana, Helvetica; color: #0a5f77; padding: 10px 20px 0 20px; }


/* other menu */
.otherMenuBox { background: url(images/leftsidemenu_bg.png) no-repeat right bottom; margin: 0; padding: 0; }
.otherMenuBox a { color: #094967; text-decoration: none; }
.otherMenuBox a:hover { color: #fcdabe; text-decoration: none; }
  .otherMenuHeader { font: 18px Arial, Tahoma, Verdana, Helvetica; color: #4c6404; background: url(images/othermenuheader_bg.png) no-repeat left top; margin: 0px; padding: 20px 0 0 10px; }
  .otherMenuContent { font: 11px Arial, Tahoma, Verdana, Helvetica; color: #9ca27e; margin: 0; padding: 10px 5px 20px 5px; }


/* footer */
#footer { clear: both; width: 1000px; margin: 0 auto; padding: 0; background: url(images/footer_bg.jpg) no-repeat left top; }
.footerText { font: 13px Arial, Tahoma, Verdana, Helvetica; color: #0c7694; margin: 0; padding: 450px 0 0 480px; text-align: right; }
.footerText a { color: #1d5b68; text-decoration: none; }
.footerText a:hover { color: #a5c010; text-decoration: none; }
.footer_links_box { clear: both; float: left; margin: 0; padding: 10px 0 0 480px; text-align: right; }
.footer_links { font: bold 14px Arial, Tahoma, Verdana, Helvetica; color: #063f4b; text-align: right; }
.footer_links a { color: #063f4b; text-decoration: none; }
.footer_links a:hover { color: #5a686b; text-decoration: none; }
.go_to_top { float: right; width: 30px; height: 30px; background: url(images/go_to_top.png) no-repeat right; padding: 10px; text-align: right; }

/* Browsers */
.footer_logo { clear: both; background: transparent; margin: 0 auto; padding: 10px 20px; text-align: center; }
.footerLogoText { font: 11px Arial, Tahoma, Verdana, Helvetica; color: #b17a04; padding: 5px 0; text-align: center; }
.footerImages { width: 155px; margin: 0 auto; text-align: center; }
.ie7_logo { float: left; width: 30px; height: 30px; background: url(images/ie7_logo.png) no-repeat center top; padding: 0 10px; }
.firefox_logo { float: left; width: 31px; height: 30px; background: url(images/firefox_logo.png) no-repeat center top; padding: 0 10px; }
.opera_logo { float: left; width: 34px; height: 30px; background: url(images/opera_logo.png) no-repeat center top; padding: 0 10px; }


/********************** core style ********************************/

/* tbox, chatbox, button */
.tbox{ font: 12px Arial, Tahoma, Verdana, Helvetica; color: #000; background: #dfebeb; margin: 5px 0 0 5px; padding: 3px; border: 1px solid #0c7694; }
.tbox:hover { text-decoration: none; background: #fff; border: 1px solid #727370; }
.tbox.chatbox { width: 88%; color: #000; border: 1px solid #0c7694; padding: 2px; margin: 2px auto; background: #dfebeb; }
.button { font: bold 11px Arial, Tahoma, Verdana, Helvetica; color: #cef0f9; background: #000 url(images/button.png) repeat-x left bottom; margin: 2px; padding: 2px; text-align: center; border: 1px solid #fff; cursor:pointer; }
.button:hover { color: #fff; background: #000 url(images/button_hover.png) repeat-x left bottom; }
.button a { color: #fff; }
.button a:hover { color: #969696; }

/* FORUMS */
.border { border: 1px solid #3a3a2f; }
.fborder { border: 1px solid #c8a869; border: none; border-collapse: collapse; background: transparent; }  
.forumheader{ background: transparent; font: bold 13px Arial, Tahoma, Verdana, Helvetica; color: #0a5f77; padding: 4px; border-bottom: 1px solid #066275; }
.forumheader2{ background: transparent; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #047d97; padding: 4px; border-bottom: 1px solid #066275; }
.forumheader3{ background: transparent; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #047d97; padding: 4px; border-bottom: 1px solid #066275; }
.forumheader3 a { color: #353535; text-decoration: none; } 
.forumheader3 a:hover { color: #759f05; text-decoration: none; }
.forumborder{ border: 1px solid #3a3a2f; }
a.forumlink{ color: #617b90; text-decoration: underline; }
.nforumcaption2 { background: #dfe5cb; font: bold 12px Arial, Tahoma, Verdana, Helvetica; color:#fff; padding: 5px; border: 1px solid #aaa; }
.caption { background: #transparent; font: bold 13px Arial, Tahoma, Verdana, Helvetica; color:#fff; padding: 5px; border: 1px solid #aaa; }   
.fcaption { background: url(images/fcaption.png) repeat-x left bottom; font: bold 13px Arial, Tahoma, Verdana, Helvetica; color:#386060; padding: 5px; border-bottom: 1px solid #aaa; }
.fcaption a { color: #757575; text-decoration: none; }
.fcaption a:hover { color: #dfe5cb; text-decoration: underline; }
.finfobar{ background: #transparent; font: 12px Arial, Tahoma, Verdana, Helvetica; color:#aaa; margin-bottom: 2px; padding: 4px; border-bottom: 2px solid #aaa; } 
.nforumholder { }
.nforumcaption { }
.nforumthread { }
.nforumreplycaption { }
.nforumreply { }
.nforumdisclaimer { }
.nforumview1 { }
.nforumview2 { }
.nforumview3 { }
.nforumview4 { }

/* TEXTS */
.indent{ font: 12px Arial, Tahoma, Verdana, Helvetica; color: #0a5f77; padding: 10px; margin: 5px; border: 2px dotted #0a5f77; }
.smalltext { font: 11px Arial, Tahoma, Verdana, Helvetica; } 
.smallblacktext { font: 11px Arial, Tahoma, Verdana, Helvetica; }  
.defaulttext { font: 12px Arial, Tahoma, Verdana, Helvetica; }
.mediumtext { font: 12px Arial, Tahoma, Verdana, Helvetica; }
blockquote { font: bold 12px Arial, Tahoma, Verdana, Helvetica; margin: 10px 15px; padding: 10px 0 10px 28px; border: 1px solid #0065C6; background: #1E89DC; }
.nextprev{ height: 30px; background: url(images/nextprev_bg.png) no-repeat center top; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #aaa; text-align: center; padding : 8px; margin: 20px auto 0 auto; }
.nextprev_link { color: #256d8f; padding: 3px; }
.nextprev_current { color: #000; padding: 3px; }
.searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }


/* MISC */
td { font: 13px Arial, Tahoma, Verdana, Helvetica; padding: 0 5px; text-align:left; }
form { margin: 2px 0px 0px 0px; }
.spacer{ padding: 10px 0px 10px 0px; }
hr { height: 4px; border-top: 2px solid #dfe5cb; border-bottom: 2px solid #aaa; text-align: left; } 
.helpbox { background: transparent; font: 9px Arial, Tahoma, Verdana, Helvetica; color:#1a556b; border: 0px; margin: 0; padding: 0; }
.bodytable { font: 12px Arial, Tahoma, Verdana, Helvetica; color: #F2F9FF; padding: 8px; }
.code-box { font: 12px Arial, Tahoma, Verdana, Helvetica; color:#000; padding: 8px; }
.code_highlight { 
  width: 95%; 
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 12px Arial, Tahoma, Verdana, Helvetica;
  /* white-space: pre; */
  background: #f8f8f3; 
  border: 2px dotted #d5d5ba;  
}

/* MENU STYLES ****************************************************** */
/* CSS DROP DOWN MENU */
div.menuBar { margin: 0 auto; height: 45px; }

/* separators */
div.dropSep { width: 1px; height: 45px; background-image: url(images/0108_navbar-Sep.png); background-position: 0 0; background-repeat: no-repeat; }
#nav li.fs-linkSep { background-image: none !important;}

/* all list items */
#nav, 
#nav ul { 
	padding: 0;	
	margin: 0;
	list-style: none;
	line-height: 45px; 
	cursor: pointer;
}

#nav li { 
	float: left;
	margin: 0px 0px 0px 0px;
}

/* top level */
#nav li { 
}
#nav li a {
}

#nav li a {
	margin-left: 6px;
	padding: 0px 10px 0px 10px;
	display: block;
	text-decoration: none;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fdf0cf;
}

#nav li#active a,
#nav li a:hover, 
#nav li.sfhover a, 
#nav li:hover a {
	display: block;
	text-decoration: none;
	background-image: url(images/nav_li_a.png);
	background-position: 100% 0;
	background-repeat: repeat-x;
	color: #094853;
}

#nav li#active,
#nav li.sfhover, 
#nav li:hover { 
}

#nav li.sub-sfhover,
#nav li.sub:hover { 
	cursor: pointer;
}

#nav li.sub-sfhover a,
#nav li.sub-sfhover a:hover,
#nav li.sub:hover a,
#nav li.sub:hover a:hover { 
	background-image: url(images/nav_li_a.png);
	background-position: 100% 0;
	background-repeat: repeat-x;
}

#nav li#active a,
#nav li a:hover, 
#nav li.sfhover a, 
#nav li:hover a {
	display: block;
	text-decoration: none;
}


#nav li#active,
#nav li.sfhover, 
#nav li:hover { 
	cursor: pointer;
}


#nav li.sub-sfhover,
#nav li.sub:hover { 
	cursor: pointer;
}
	
/* LEVEL 2 */
#nav li li a {
	margin-left: 0px;
	display: block;
	padding: 0;
	float: none;
	padding-left: 15px;
	width: 180px;
	width/* */:/**/165px;	
	width: /**/165px;
	border-bottom: 0px solid #A9D06A;
	border-right: 0px solid #A9D06A;
	border-left: 0px solid #A9D06A;
	color: #666666;
	font: bold 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
}

#nav li li a:hover {
	background-color: #daf0fb;
	color: #313F48;
}

#nav li ul { /* second-level lists */
	position: absolute;
	z-index: 1000;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color: #bccccd;
	line-height: 28px;
}

#nav li:hover ul,
#nav li.sfhover ul,
#nav li.sub-sfhover ul { 
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 100%;
}

#nav li.sub-sfhover ul.sub,
#nav li.sub:hover ul.sub {
	margin-left: 0px;
	padding-bottom: 0px;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -28px 0 0 180px;
}

#nav ul.sub li,
#nav ul.sub li a,
#nav ul.sub li a:hover,
#nav ul.sub li:hover,
#nav ul.sub li:hover a,
#nav ul.sub li.sfhover a,
#nav ul.sub li:hover a:hover,
#nav ul.sub li.sfhover a:hover,
#nav li.sub ul.sub a
	{ background-image: none; }

#nav li#active ul.sub li,
#nav li#active ul.sub li a,
#nav li#active ul.sub li a:hover,
#nav li#active ul.sub li:hover,
#nav li#active ul.sub li:hover a,
#nav li#active ul.sub li.sfhover a,
#nav li#active ul.sub li:hover a:hover,
#nav li#active ul.sub li.sfhover a:hover,
#nav li.sub ul.sub a
	{ background-image: none; }

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul, 
#nav li.sfhover ul ul ul ul,
#nav li.sub-sfhover ul ul, 
#nav li.sub-sfhover ul ul ul, 
#nav li.sub-sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul, 
#nav li li li li.sfhover ul,
#nav li.sub-sfhover ul, 
#nav li.sub-sfhover li.sfhover ul, 
#nav li.sub-sfhover li li.sfhover ul, 
#nav li.sub-sfhover li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav a.sub {
	background-image: url(images/links_sub_arrow.gif) !important;
	background-position: 96% 50% !important;
	background-repeat: no-repeat !important;
}
#nav a.sub:hover {
	background-image: url(images/links_sub_arrow.gif) !important;
	background-position: 96% 50% !important;
	background-repeat: no-repeat !important;
}