/*---------------------------------------------------
/*  @@@ template css @@@
/*      00. initialization
/*      01. header
/*      02. main
/*      03. pathway
/*      04. globals
/*      05. pagenav
/*      06. tooltip
/*      07. forms
/*      08. form validation
/*      09. footer
/*--------------------------------------------------*/

/*---------------------------------------------------
/*  @@@  initialization  @@@
/*--------------------------------------------------*/

body {
    color:#3d4b5c;
    font-size: 11px;
    text-align: center;
    font-family: Verdana, Arial, sans-serif;
    background:#184574 url(../images/body_bg.png) top left repeat-x;
}

h1, h2 ,h3 ,h4 ,h5 ,h6 { font-size: 14px; font-weight: bold; }

td, div, p {
    font-size: 12px;
    line-height: 1.5em;
    font-family: Verdana, Arial, sans-serif;
    color:#3d4b5c;
}

a, a:visited, a:active { color: #256ab1; }

div#wrapper {
    width: 960px;
    margin: auto;
    text-align: left;
}

a.link, a.link:visited, a.link:active{
display:block;
width:100%;
height:100%;
}

/*---------------------------------------------------
/*  @@@  header  @@@
/*--------------------------------------------------*/

div#header {
    width: 944px;
    height: 91px;
    padding:13px 0 0 16px;
}

div.logo{
background: url(../images/logo_new2.jpg) top left no-repeat;
width: 360px;
height: 71px;
float:left;
position:relative;
}

div.logo a, div.logo a:visited, div.logo a:active{
display:block;
text-decoration:none;
}
div.logo a:hover{
text-decoration:none;
}

div.logo h1{
color:#fff;
font-family:verdana, arial, sans-serif;
font-size:33px;
font-weight:normal;
left:68px;
top:18px;
line-height:33px;
position:absolute;
}

div.logo h1 span{
font-weight:bold;
color:#89c9e5;
}

div.headmenu{
padding:35px 0 0 45px;
float:left;
}

div.fooldal{
background: url(../images/fooldal.gif) top left no-repeat;
width:92px;
height:23px;
float:left;
}
div.fooldal:hover{
background-position:bottom left;
}

div.rolunk{
background: url(../images/rolunk.gif) top left no-repeat;
width:92px;
height:23px;
float:left;
}
div.rolunk:hover{
background-position:bottom left;
}

div.kapcsolat{
background: url(../images/kapcsolat.gif) top left no-repeat;
width:107px;
height:23px;
float:left;
}
div.kapcsolat:hover{
background-position:bottom left;
}

div.wse_logo{
background: url(../images/wse_logo.jpg) top left no-repeat;
width: 205px;
height: 71px;
float:right;
}

/*---------------------------------------------------
/*  @@@  main  @@@
/*--------------------------------------------------*/

div#main { 
padding-bottom:4px;
background: url(../images/column_footer.gif) bottom left no-repeat;
}

td.column_left{
background:#fff url(../images/colum_left_top.gif) top left no-repeat;
width:960px;
}

div.column_left_inner{
background: url(../images/colum_left_topright.gif) top right no-repeat;
width:580px;
padding:15px 30px;
}

td.column_right{
background:#e1e9ef url(../images/colum_right_top.gif) top right no-repeat;
width:320px;
padding:5px 0;
}

div.mesterkepzo{
background: url(../images/vevomagnes_labor.png) top left no-repeat;
width:274px;
height:274px;
border:3px solid #bed4e4;
margin: 10px auto auto auto;
}

div.shoprenter{
width:274px;
height:274px;
border:3px solid #bed4e4;
margin:auto;
}

div.tulelocsomag{
background: url(../images/wtcs.jpg) top left no-repeat;
width:274px;
height:274px;
border:3px solid #bed4e4;
margin: 10px auto auto auto;
}

.webshopseo{
background: url(../images/seo_247x247.jpg) top left no-repeat;
width:274px;
height:274px;
border:3px solid #bed4e4;
margin: 10px auto auto auto;
}

div.mesterkepzo a, div.mesterkepzo a:active, div.mesterkepzo a:vsited{
display:block;
width:100%;
height:100%;
}

div.tulelocsomag a, div.tulelocsomag a:active, div.tulelocsomag a:visited{
display:block;
width:100%;
height:100%;
}

.webshopseo a, .webshopseo a:active, .webshopseo a:visited{
display:block;
width:100%;
height:100%;
}
/*---------------------------------------------------
/*  @@@  pathway  @@@
/*--------------------------------------------------*/

div.pathway {
    height: 23px;
    margin: 0px 0px 20px 0px;
    border-bottom: 2px solid #e2e7ec;
}

div.pathway span { padding: 0px 10px 0px 0px; }

div.pathway span.p_item {
    padding: 0px 10px 0px 14px;
    background: url(../images/icons/arrow.gif) left center no-repeat;
}

/*---------------------------------------------------
/*  @@@  globals  @@@
/*--------------------------------------------------*/

.right { text-align: right; }

.center { text-align: center; }

span.original_price { text-decoration: line-through; }

div.head, div.contentheading {
color:#256ab1;
font-family: Georgia, Times New Roman, sans-serif;
font-size:27px;
font-weight:normal;
line-height:30px;
position:relative;
padding-top:10px;
}

div.contentheading  a,div.contentheading  a:visited, div.contentheading  a:active{
font-weight:normal;
line-height:30px;
color:#256ab1;
font-family: Georgia, Times New Roman, sans-serif;
font-size:27px;
}

div.box {
    border-left: 1px solid #cedbe0;
    border-right: 1px solid #cedbe0;
    border-bottom: 1px solid #cedbe0;
    background: #f1f5f8 url(../images/box_rep.gif) top left repeat-x;
}

div.back_button { padding: 5px 0px; }

/*---------------------------------------------------
/*  @@@  pagenav  @@@
/*--------------------------------------------------*/


td.pagenav a, td.pagenav a:visited, td.pagenav a:active{
font-size:19px;
font-weight:normal;
}

td.pagenav span{
color:#aab5c2;
font-size:19px;
padding:0 5px;
}

span.pagenav_next{
float:right;
}

span.pagenav_next a, span.pagenav_next a:visited, span.pagenav_next a:active,
span.pagenav_prev a, span.pagenav_prev a:visited, span.pagenav_prev a:active{
font-size:11px;
font-weight:bold;
}
span.pagenav_next a, span.pagenav_next a:visited, span.pagenav_next a:active{
background: url(../images/nextpage.gif) right 4px no-repeat;
padding-right:18px;
}

span.pagenav_prev a, span.pagenav_prev a:visited, span.pagenav_prev a:active{
background: url(../images/prevpage.gif) left 4px no-repeat;
padding-left:18px;
}

span.pagenav_end{
padding-left:15px;
}

span.pagenav_start{
padding-right:15px;
}

span.pagenav_prev{
float:left;
}

/*---------------------------------------------------
/*  @@@  tooltip  @@@
/*--------------------------------------------------*/

div.tooltip {
    width: 250px;
    border: 1px solid black;    
}

div.tip-title {
    text-align: left;
    font-weight: bold;
    background: silver;
    padding: 5px 0px 5px 10px;
    border-bottom: 1px solid black;
}

div.tip-text {
    padding: 15px;
    background: #fff;
    text-align: left;
}

/*---------------------------------------------------
/*  @@@  forms  @@@
/*--------------------------------------------------*/

label { font-weight: bold; }

label.nofloat { float: none; }

.inputbox {
    color: #4d4d4d;
    font-size: 13px;
    border: 1px solid #d3d3d3;
    font-family: Verdana, Arial, sans-serif;
}

/*---------------------------------------------------
/*  @@@  form validation  @@@
/*--------------------------------------------------*/

div.missing { color: red; }

div.missing input.inputbox { border: 1px solid red; }

/*---------------------------------------------------
/*  @@@  footer  @@@
/*--------------------------------------------------*/

div#footer {
    position: relative;
    padding-bottom:10px;
}

div.to_top{
background: url(../images/to_top.gif) top left no-repeat;
width:75px;
height:63px;
float:left;
}

div.footermenu_outer{
padding-top:10px;
}

div.footermenu {
float:left;
border-right:1px dashed #8ca2ba;
padding:0 25px;
}

ul.fmenu { list-style: none; }

ul.fmenu li {
    padding: 0px 0px 0px 0px;
}

ul.fmenu li a:link, ul.fmenu li a:visited, ul.fmenu li a:active {
font-weight:normal;
color:#95c2f0;
font-size:11px;
}

div.footer_icons{
float:right;
border-left:1px dashed #8ca2ba;
padding:5px 10px 0 20px;
height:51px;
}

div.footer_mail{
background: url(../images/footer_mail.gif) top left no-repeat;
width:32px;
height:45px;
float:left;
display:inline;
margin-right:20px;
}

div.footer_twitter{
background: url(../images/footer_twitter.gif) top left no-repeat;
width:32px;
height:45px;
float:left;
display:inline;
margin-right:20px;
}

div.footer_rss{
background: url(../images/footer_rss.gif) top left no-repeat;
width:32px;
height:45px;
float:left;
display:inline;
margin-right:20px;
}

div.jce_caption{
clear:both;
}

#myframe{
padding-top:25px;
}