@import "reset.css";

div, ul, li, a, h1, h3
{
    behavior: url(js/iepngfix.htc);
}

body 
{
	background:#fff/*00478d 77084f*/;
	text-align:center;
	font-size:65%;
}
a:link, a:visited
{
    color:#0071bb;
    text-decoration:underline;
}
a:hover, a:active
{
    text-decoration:none;
}
h2,h3
{
	margin:0 0 20px;
	color:#0071bb;
	font:normal 2.4em/2em Arial, Tahoma, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-style:italic;
}
h3
{
	font:normal 1.8em/1.2em Arial, Tahoma, Helvetica, sans-serif;
	margin:0 0 10px;
	font-style:normal;
}
h3.important
{
    font-size:1.6em;
    color:#5c3896;
    margin:0 0 20px;
}
#top, #middle, #footer
{
    width:100%;
    min-width:1000px;
}
#top
{
	background:url(../images/top_bg.jpg) repeat-x center top;
}
#middle
{
	min-height:500px;
	background:#fff url(../images/bg.png) repeat-x left top;
}
#middle .content
{
    background:#fff;
/*	margin:0 0 0 52px;*/
	float:left;
	width:680px;
	min-height:760px;
    height:auto !important; /* ie6 min-height fast hack */
    height:760px;
	border-right:1px solid #e7d9d7;
}
#middle .content .inner
{
   margin:0 40px;
}
#middle .sidebar
{
	float:right;
	width:175px;
	margin:0 20px 0 0;
}
 
#middle .content p
{
	font-size:1.2em;
	line-height:1.8em;
	color:#555;
	margin:0 0 20px;
	text-align:justify;
}
#footer
{
	height:270px;
	background:url(../images/footer_bg.png) repeat-x center top;
}
.wrapper
{
	width:1000px;
/*	height:100%;*/
	margin:0 auto;
	text-align:left;
}
#top .wrapper
{
	background:url(../images/kids_bg.jpg) no-repeat center bottom;
	position:relative;
	height:370px;
	z-index:40;
}
#middle .wrapper
{
	background:url(../images/content_top_bg.png) no-repeat center 0;
/*	width:896px;*/
	padding:0 0px 60px;
	position:relative;
	z-index:30;
}
#middle .wrapper .wrapper_inner
{
	width:896px;
	margin:0 52px;
}
#footer .wrapper
{
	background:url(../images/content_bottom_bg.jpg) no-repeat center top;
	position:relative;
	height:220px;
	z-index:10;
	top:-135px;
}
#footer a:link, #footer a:visited
{
    color:#fff;
}

/* headers */

.logo
{
	display:block;
    background:url(../images/logo.png) no-repeat left top;
    width:184px;
    height:60px;
    position:absolute;
    top:15px;
    left:110px;
}

/* menu */

#menu
{
	width:750px;
	padding:14px 0 0;
	background:url(../images/ul_bg.png) no-repeat left top;
	position:absolute;
	top:280px;
	left:75px;
	z-index:10;
}
#menu li
{
	width:143px;
	height:58px;
	background:url(../images/li_bg.png) no-repeat left bottom;
	float:left;
	margin:0 7px 0 0;
/*	text-align:center;*/
	position:relative;
	overflow:hidden;
	z-index:30;
}
#menu li.selected
{
	background:url(../images/li_bg_sel.png) no-repeat left bottom;
	height:68px;
}
#menu li.selected a.main
{
    bottom:18px;
}

#menu a.main
{
    display:block;
    width:120px;
    height:44px;
    position:absolute;
    bottom:15px;
    margin:0 10px;
}


#menu #mi1 a.main
{
    background:url(../images/menu_item1.png) no-repeat center center;
}
#menu #mi2 a.main
{
    background:url(../images/menu_item2.png) no-repeat center center;
}
#menu #mi3 a.main
{
	background:url(../images/menu_item3.png) no-repeat center center;
}
#menu #mi4 a.main
{
    background:url(../images/menu_item4.png) no-repeat center center;
}
#menu #mi5 a.main
{
    background:url(../images/menu_item5.png) no-repeat center center;
}
#menu li ul
{
    position:absolute;
    bottom:68px;
    text-align:left;
    padding:0 9px;
    
}
#menu li ul li
{
    height:auto;
    background:none;
    margin:0;
    width:100%;
    text-align:center;
}
#menu li ul li a:link, #menu li ul li a:visited
{
    display:block;
    padding:5px 0;
    border-bottom:1px dashed #dbc6c2;
    color:#333;
    text-decoration:none;
    font-size:11px;
    width:124px;
}
#menu li ul li.sel a:link, #menu li ul li.sel a:visited
{
    background:#e3d4d1;
}

/*
#menu li ul li a.last:link, #menu li ul li a.last:visited
{
    border-bottom:3px solid #0e77bc;
}
*/
#menu li ul li a:hover, #menu li ul li a:active
{
    background:#0e77bc;
    color:#fff;
}

/* footer elements */

#footermenu
{
    position:absolute;
    top:195px;
    left:60px;
    width:700px;
}
#footermenu li
{
    float:left;
    margin:0 20px 0 0;
}
#footermenu a
{
    display:block;
    height:29px;
}
#footermenu ul
{
    margin:5px 0 0 5px;
}
#footermenu ul li
{
    clear:both;
}
#footermenu ul li a:link, #footermenu ul li a:visited
{
    display:block;
    height:auto;
    clear:both;
    margin:0;
    background:none;
    font-size:12px;
    line-height:20px;
    color:#fff;
    text-decoration:none;
}
#footermenu ul li a:hover, #footermenu ul li a:active
{
    text-decoration:underline;
}
#footermenu #li1 a.main
{
    background:url(../images/footer_li1.png) no-repeat left top;
    width:180px;
}
#footermenu #li2 a.main
{
    background:url(../images/footer_li2.png) no-repeat left top;
    width:125px;
}
#footermenu #li3 a.main
{
    background:url(../images/footer_li3.png) no-repeat left top;
    width:81px;
}
#footermenu #li4 a.main
{
    background:url(../images/footer_li4.png) no-repeat left top;
    width:78px;
}
#footermenu #li5 a.main
{
    background:url(../images/footer_li5.png) no-repeat left top;
    width:64px;
}

#copyblock
{
    width:200px;
    position:absolute;
    left:730px;
    top:195px;
}
#copyblock .kc
{
    width:173px;
    height:30px;
    background:url(../images/kc_logo.png) no-repeat left top;   
    display:block;
}
#copyblock p
{
    margin:5px 0 0 5px;
    color:#fff;
    font-size:1em;
    line-height:1.3em;
}

#copyblock .creator:link, #copyblock .creator:visited{
	display:block;
	text-align:center;
	color:#6b0040;
	text-decoration:none;
	width:98px;
	height:31px;
	padding:9px 0 0;
	margin:5px auto 0;
	background:url(../images/cloud.png) no-repeat left top;
	line-height:10px;
}

/* general classes */

.hide
{
    text-indent:-1000px;
    overflow:hidden;
    font-size:1%;
}

/* teaser */

#teaser{
	width:310px;
	height:196px;
	position:relative;
	position:absolute;
	left:335px;
	top:98px;
	background:transparent;
	overflow:hidden;
}
#teaser div
{
}
/*
#teaser h3{
	font:normal 1.6em/1.2em "Trebuchet MS", Arial, Tahoma, sans-serif;
	color:#0071bb;
	margin:10px 0;
}
*/
#teaser img
{
    display:none;
    position:absolute;
    top:0;
}

#teaser p{
    display:none;
	font:normal 11px Arial, Tahoma, sans-serif;
	color:#fff/*0071bb*/;
	margin:10px 0;
    position:absolute;
    bottom:-9px;
    left:0;
    background:#0071BB;
    opacity:0.4;
    filter:alpha(opacity=40);   
    padding:5px 5px 15px;
}

/* image */

.image
{
    width:237px;
    height:237px;
    background:url(../images/pic_frame.png) no-repeat left top;
/*    padding:30px 0 0 29px;*/
    float:right;
    margin:-20px -35px -10px 0;
}
.image img
{
    margin:30px 0 0 29px;
}

/* tévhitek és hazugságok */

#myths
{
    margin:0 0 40px;
}

#myths h3
{
    width:157px;
    height:48px;
    background:url(../images/myths_header.png) no-repeat left top;
}

#myths .mythsbox
{
    width:180px;
    background:url(../images/myths_bg.png) no-repeat left top;
    border-top:1px solid #fff;
}
#myths .myth
{
    margin:25px 0 0 15px;
    width:150px;
    font-size:1.3em;
    font-style:italic;
    letter-spacing:-1px;
    text-align:center;
    color:#0071BB;
    height:50px;
}
#myths .truth
{
    margin:55px 0 0;
    text-indent:55px;
    color:#444;
    font-size:1.1em;
    line-height:1.4em;
}

/* ikonok */

.icon
{
    display:block;
    width:97px;
    height:95px;
    margin:0 0 10px 40px
}
.registration
{
    background:url(../images/regisztracio_icon.png) no-repeat left top;
}
.feedback
{
    background:url(../images/visszajelzes_icon.png) no-repeat left top;
}
.product
{
    background:url(../images/termekinfo_icon.png) no-repeat left top;
}
.badge
{
    background:url(../images/badge_icon.png) no-repeat left top;
    height:100px;
}


/* forms */

input, select, textarea
{
    padding:3px;
    font-size:12px;
    color:#666;
    width:240px;
}
textarea
{
    height:200px;
    font:normal 12px Arial, Tahoma, Helvetica, sans-serif;
}
select
{
    width:100px;
}
input.chkbox, input.radio
{
    width:auto;
    margin:5px 0 0;
    background:transparent;
    border:0!important;
}
input.radio
{
	margin:5px 5px 0;	
}
form .step
{
    float:left;
    clear:both;
    position:relative;
    width:600px;
    padding:0 0 60px;
}
form .row
{
    width:580px;
    padding:10px;
    background:#EBF7FE/*F1F6FA*/;
    font-size:1.2em;
    margin:0 0 2px;
    overflow:auto;
}
form .alt
{
    background:#D9F1FE/*#E3EEF5*/;
}
form .row input, form .row select
{
    border:1px solid #D9E0E7;
}
form .alt input, form .alt select, form .alt textarea
{
    border:1px solid #C0D2DD;
}
form .row label
{
    float:left;
    width:200px;
    margin:4px 20px 0 0;
    color:#666;
    text-align:right;
}
form .fields
{
    float:left;   
}
form .fields img
{
    display:block;
    margin:0 0 5px;
}
/*
form #captcha_chk
{
    width:85px;
    margin:5px 0 0;
}
*/
form .regnext
{
    width:32px;
    height:32px;
    background:url(../images/btn_next.png) no-repeat left top;
    position:absolute;
    bottom:20px;
    right:0;
}

form .regsubmit
{
    width:32px;
    height:32px;
    background:url(../images/btn_next.png) no-repeat left top;
    position:absolute;
    bottom:20px;
    right:0;
}

#feedback label
{
	width:350px;
}
.submitBtn
{
    background:url(../images/btn_submit.png) no-repeat left top;
    border:0;
    width:92px;
    height:35px;
    padding:0 0 2px;
    margin:5px 0 0;
    font-size:12px;
    color:#003a77;
    cursor:pointer;
    float:none;
    position:absolute;
    right:0;

}
.submitBtn:hover
{
   background:url(../images/btn_submit.png) no-repeat right top;
}

/* lista */

ul.list
{
    list-style-type:disc;
    color:#555555;
    font-size:1.2em;
    line-height:1.8em;
    margin:0 20px 20px 30px;
    text-align:justify;
}
ul.list li
{
    margin:0 0 10px;
}

/* ratings */

.ratings a:link, .ratings a:visited{
	display:block;
	float:left;
	width:20px;
	height:20px;
	background:url(../images/star.png) no-repeat left top;

	font-size:1%;
	overflow:hidden;
	text-indent:-1000px;
}
.ratings a:hover, .ratings a:active, .ratings a.hover:link, .ratings a.hover:visited, .ratings a.selected:link, .ratings a.selected:visited{
	background:url(../images/star.png) no-repeat left bottom;
	cursor:pointer;
}

/* Product info */

.productinfo{
	width:285px;
	float:left;
	margin:0 0 30px;
}
.productinfo table{
	font-size:1.2em;
	border-collapse:collapse;
	width:180px;
	margin:20px 0 0;
	float:left;
}
.productinfo thead th{
	font-weight:bold;
	text-align:center;
	background:#0071bb;
	color:#fff;
	padding:5px 15px;
	border:2px solid #fff;

	}
.productinfo tbody td{
	background:#60cbe8;
	padding:5px 15px;
	border:2px solid #fff;
	color:#fff;
}

.boy{
/*	border-right:1px solid #efefef;*/
	margin:0 20px 0 0;
	width:290px;
}
.productinfo img{
	margin:0 0 0 -20px;
	float:left;
	position:relative;
	z-index:20;
}
.girl thead th{
	background:#5c3896;
}
.girl tbody td{
	background:#a584bc;
}
#flash3d{
	float:left;
	margin:-10px 0px 0 20px;
}
#productdetails{
	float:right;
	margin:10px 0 0;
	width:300px;
}
#productdetails ol{
	list-style-type:decimal;
	margin:-30px 0 10px 30px;
	color:#444;
	font-size:1.1em;
	line-height:1.4em;
}

/* ie6 fixes */

* html #footer
{
	height:270px;
	background:url(../images/footer_bg.gif) repeat-x center top;
}

* html #menu li
{
	background:url(../images/ie6/li_bg.gif) no-repeat left bottom;
}
* html #menu li.selected
{
	background:url(../images/ie6/li_bg_sel.gif) no-repeat left bottom;
}
* html .image
{
    margin-right:-20px;
}
* html .sidebar
{
    margin:0 15px 0 10px!important;
}
* html .mythsbox
{
    padding:25px 0 0;
}
* html .content
{
    padding:0 0 60px;
}
* html .icon
{
    padding:0 0 10px;
    margin-bottom:0;
}