@import "styles_cmitfrontend.css";

/* main styles */

body {
  font-size: 14px;
  font-family: Times New Roman, Tahoma, Verdana, Arial;
  text-align: left;
  vertical-align:top;
  padding:0px;
  margin:0px;
  color:#3c0e01;
}

form { margin: 0px; }
td { text-align:left; vertical-align:top; }
hr { size: 1px; margin-top: 12px; margin-bottom: 12px; border-size: 0px; }

h1 { font-size: 24px; margin:0px; padding-bottom:5px; color:#f64502; font-weight:normal; }
h2 { font-size: 22px; margin:0px; padding-bottom:5px; color:#000000; font-weight:normal; }
h3 { font-size: 20px; margin:0px; color:#f8deab; font-weight:normal; }
h4 { font-size: 18px; margin-top: 12px; margin-bottom: 12px; }

a { color:#000000; }

.fejlec { color:#f8deab; }
.fejlec a { color:#f8eebb; }

.footermenu:link { color:#f8deab; text-decoration:none; font-size:12px; }
.footermenu:active { color:#f8deab; text-decoration:none; font-size:12px; }
.footermenu:visited { color:#f8deab; text-decoration:none; font-size:12px; }
.footermenu:hover { color:#ffffff; text-decoration:underline; font-size:12px; }

.copyright { font-size:11px; color:#f8deab; }

/* skeleton */

.pagetable { width: 1000px; }
.leftside { width: 180px; }
.rightside { width: 180px; }
.contentside { text-align: justify; padding-left:10px; padding-right:10px; width: 640px; }

.headimage { 
  height: 160px; 
  background: url(gfx/headimage.gif) left top; 
}

.mainmenu { 
  height: 30px;
  background-color: #E0E0E0; 
  border-bottom: #C0C0C0 solid 1px; 
}
.mainmenu td { padding: 4px; }
.mainmenu a { color: #404040; }

.mediumimage { border:1px solid #A0A0A0; }


.copyspacer { margin-top: 10px; }

/* producthierarchymenu */

.productmenu { padding:8px; padding-top:12px; }
.productmenu h1 { font-size: 18px; margin: 0px; }
.catmenu_level0 { padding-left: 8px; background: url(gfx/arrow.gif) left top; background-position: 0px 2px; background-repeat: no-repeat; }
.catmenu_level1 { padding-left: 18px; background: url(gfx/arrow.gif) left top; background-position: 10px 2px; background-repeat: no-repeat; }
.catmenu_level2 { padding-left: 24px; background: url(gfx/arrow.gif) left top; background-position: 16px 2px; background-repeat: no-repeat; }
.catmenu_level3 { padding-left: 30px; background: url(gfx/arrow.gif) left top; background-position: 24px 2px; background-repeat: no-repeat; }

/* products */

.msg { background-color: #FDF098; border: #717171 solid 1px; margin: 8px; color: #000000; padding: 8px; }
.price { color: #006EB4; font-size: 13px; font-weight: bold; }
.sale { color: #DF3478; font-size: 13px; font-weight: bold; }

.productlistimg { margin-right: 8px; }
.productimg { border: #D7D7D7 solid 1px; }
.prodname { color: #345878; font-size: 18px; padding-bottom: 8px; text-decoration: none; text-transform: uppercase; }
.proddetails { color: #787878; font-size: 12px; text-decoration: none; }
.catname { color: #3DA0C9; font-size: 18px; text-decoration: none; text-transform: uppercase; }
.infotext { color: #8A3121; font-size: 14px; text-decoration: none; padding-bottom: 12px; }

/* page navigation */

.pagetext { font-size: 10px; font-weight: bold; margin: 10px; }
.pagenr a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
.pagenr a:hover { color:#CFCFCF; font-weight:bold; text-decoration:none; }
.pagenr_cur { margin:1px; padding:3px; }
.pagenr_cur a { background-color:#006EB4; margin:1px; padding:3px; border:#000000 solid 1px; }
.pagenr_cur a:hover { background-color:#006EB4; margin:1px; padding:3px; border:#000000 solid 1px; }
.pagenr_def { margin:1px; padding:3px; }
.pagenr_def a { background-color:#0B344E; margin:1px; padding:3px; border:#000000 solid 1px; }
.pagenr_def a:hover { background-color:#006EB4; margin:1px; padding:3px; border:#000000 solid 1px; }


/* GRAY BOX SETTINGS */
/* default size */
table.greybox {
  width:95%;
  height:auto;
  margin:auto;
}
/* default content */
div.greyboxcontent {
  margin:5px;
  padding:0px;
}
/* default title line */
div.gb_title { 
  margin:20px 0 0 6px; 
  padding-bottom:2px; 
  border-bottom:2px solid #bbbbbb; 
  width:100%;
}
h4.gb_title {
  padding:0;
  margin:0;
  font-size:15px;
  font-weight:bold;
}

/* GRAY BOX LAYOUT AND GRAPHICS */
/* Don't change this >>> */
table.gb_head {width:100%;}
tr.gb_top, tr.gb_top table, tr.gb_top table tr, tr.gb_top table tr td {height:56px;}
td.gb_icon_penztargep, td.gb_icon_belepes, td.gb_icon_adatok, td.gb_icon_kosar, td.gb_icon_kocsi, td.gb_icon_szatyor, td.gb_icon_szamologep, td.gb_icon_bankkartya, td.gb_icon_ajandek, td.gb_icon_szallitas1, td.gb_icon_szallitas2 {width:42px; height:56px; background:bottom right no-repeat;}
td.gb_icon_penztargep {background:url('gfx/greybox_icon_penztargep.jpg');}
td.gb_icon_szamologep {background:url('gfx/greybox_icon_szamologep.jpg');}
td.gb_icon_belepes {background:url('gfx/greybox_icon_belepes.jpg');}
td.gb_icon_adatok {background:url('gfx/greybox_icon_adatok.jpg');}
td.gb_icon_kosar {background:url('gfx/greybox_icon_kosar.jpg');}
td.gb_icon_kocsi {background:url('gfx/greybox_icon_kocsi.jpg');}
td.gb_icon_szatyor {background:url('gfx/greybox_icon_szatyor.jpg');}
td.gb_icon_szallitas1 {background:url('gfx/greybox_icon_szallitas1.jpg');}
td.gb_icon_szallitas2 {background:url('gfx/greybox_icon_szallitas2.jpg');}
td.gb_icon_ajandek {background:url('gfx/greybox_icon_ajandek.jpg');}
td.gb_icon_bankkartya {background:url('gfx/greybox_icon_bankkartya.jpg');}
td.gb_top {width:auto; background:url('gfx/greybox_top.jpg') bottom left repeat-x;}
td.gb_topright { background:url('gfx/greybox_top_right.jpg') bottom left no-repeat;}
td.gb_topright, td.gb_left, td.gb_right, td.gb_bottomleft, td.gb_bottomright {width:19px;}
td.gb_left {background:url('gfx/greybox_left.jpg') top right repeat-y; vertical-align:top; text-align:right;}
td.gb_content {width:auto; background:url('gfx/greybox_gradient.jpg') top left repeat-x #cdcdcd;}
td.gb_right {background:url('gfx/greybox_right.jpg') top left repeat-y; vertical-align:top; text-align:left;}
tr.gb_bottom, tr.gb_bottom td {height:19px;}
td.gb_bottomleft {background:url('gfx/greybox_bottom_left.jpg') top right no-repeat;}
td.gb_bottom {width:auto; background:url('gfx/greybox_bottom.jpg') top left repeat-x;}
td.gb_bottomright {background:url('gfx/greybox_bottom_right.jpg') top left no-repeat;}
/* <<< Don't change this */

#osszehasonlitotabla { }
#osszehasonlitotabla th { text-align:left; vertical-align:middle; }
#osszehasonlitotabla td { text-align:center; vertical-align:middle; }