@import "styles_cmitfrontend.css";

/* main styles */

body {
	background-color:#3a3a3a;
	font-family:Tahoma;
	font-size:11px;
	font-style:normal;
	color:#bcbcbc;
        padding:0px;
	margin:0px;	
	border:0px;
	vertical-align:top;
}

table  { border-collapse: collapse; border-spacing: 0; }
td, tr { padding: 0; text-align:left; vertical-align:top; font-family:Tahoma; font-size:12px; font-style:normal;}
td.content {padding-left:60px; padding-right:60px; text-align:justify; padding-top:20px; padding-bottom:20px;}
input { border:1px solid #a4a4a4; background-color:#666666; font-size:11px; padding:2px; color:#ffffff; }


h1 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;
}
h1:first-letter { font-size:18px; color:#ff2400; }

h3 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}
h3:first-letter { font-size:18px; color:#ff2400; }

h4 {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;
	border:0px;
}

.copyright {
    color:#bcbcbc;
    font-size:11px;
}


a:link{color:#ffffff; text-decoration:underline; }
a:visited{color:#ffffff; text-decoration:underline; }
a:active{color:#ffffff; text-decoration:underline; }
a:hover{color:#ff2400; text-decoration:none; }

a.red:link{color:#ff2400; text-decoration:underline; }
a.red:visited{color:#ff2400; text-decoration:underline; }
a.red:active{color:#ff2400; text-decoration:underline; }
a.red:hover{color:#ffffff; text-decoration:none; }

a.footermenu:link{color:#bcbcbc; text-decoration:underline; text-transform:uppercase; font-size:10px; }
a.footermenu:visited{color:#bcbcbc; text-decoration:underline; text-transform:uppercase; font-size:10px; }
a.footermenu:active{color:#bcbcbc; text-decoration:underline; text-transform:uppercase; font-size:10px; }
a.footermenu:hover{color:#ff2400; text-decoration:none; text-transform:uppercase; font-size:10px; }

a.catmenu:link{color:#bcbcbc; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold; }
a.catmenu:visited{color:#bcbcbc; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold; }
a.catmenu:active{color:#bcbcbc; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold; }
a.catmenu:hover{color:#ffffff; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:bold; }

a.copyright:link{color:#bcbcbc; text-decoration:underline; }
a.copyright:visited{color:#bcbcbc; text-decoration:underline; }
a.copyright:active{color:#bcbcbc; text-decoration:underline; }
a.copyright:hover{color:#ffffff; text-decoration:none; }

/* 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: #ff2400; font-size: 13px; font-weight: bold; }
.sale { color: #ff8a00; font-size: 13px; font-weight: bold; }

.productlistimg { margin-right: 8px; }
.productimg { border: #D7D7D7 solid 1px; }
.prodname { color: #ffffff; font-size: 14px; padding-bottom: 8px; text-decoration: none; text-transform: uppercase; }
.proddetails { color: #787878; font-size: 12px; text-decoration: none; }
.catname { color: #ffffff; font-size: 14px; 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:100%;
  height:auto;
  margin:auto;
}
/* default content */
div.greyboxcontent {
  margin:5px;
  padding:0px;
}
/* default title line */
div.gb_title { 
  margin:24px 0 0 6px; 
  padding-bottom:2px; 
  border-bottom:1px solid #ff2400; 
  width:100%;
}
h4.gb_title {
  padding:0px;
  margin:0px;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  border:0px;
  text-decoration:none;
}

/* 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 #444444;}
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 */
