/* Handcoded by RapidxHTML - http: //www.rapidxhtml.com */

/* reset */
body,div,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

fieldset,img{
  border: 0;
}

html{
  height: 100%;
  margin-bottom: 1px;
}

body{
  position: relative;
}


/* links */
a:link, a:visited{
  color: #af251b;/*#A5503D;*/
  text-decoration: none;
}

a:hover{
  text-decoration: underline;
}

/* header elements */
h1, h2, h3, h4, h5, h6{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #af251b; /*#A5503D;*/
}

h1{
  font-size: 200%;
  margin-top:0;
}

h2{
  font-size: 170%;
}

h3{
  font-size: 150%;
}

h4{
  font-size: 125%;
}

h5{
  font-size: 110%;
}

h6{
  font-size: 100%;
}


/* page setup */
body{
  font-family: Arial, Helvetica, sans-serif;
  line-height: 140%;
  color: #767676;
  font-size: 12px;
}

body#main{
  background: #FFF url(/images/bg_main.jpg) 50% 0 no-repeat;
}


/* wrapper setup */
div.rapidxwpr{
  width: 1024px;
  margin: auto;
}

div.rapidxwpr .rapidxwpr-br{
  min-height: 470px;
  padding: 0px 10px 10px 10px;
}


/* logo */
#header {
  margin: 0 0 10px 0;
}

#title {
  width:260px;
  height:57px;
  float:left;
  padding-top:43px;
  background-color:#ccc;
  color: #fff;
  text-transform:uppercase;
  font-size: 150%;
}

#title h1 {
  color: #fff;
  text-transform:uppercase;
  font-size: 100%;
  margin:0;
  font-weight:normal;
}

img#logo{
  border: 0;

}


/* main body setup */
div#middle{
  width: auto;
  margin: 57px 0px 0px 0px;
  clear: both;
}

div#middle .background{
  min-height: 140px;
}

div#middle .layoutleft{
  background: none;
}

ul.menu li a {
  color: #646464;
  background-color: #fff;
}

/* left column */
div#left{
  width: 440px;
}

div#middle .layoutleft div#left{
  float: left;
  padding: 0px 0px 0px 0px;
}


/* content column */
div#main{
  width: 500px;
}

div#middle .layoutleft div#main{
  margin: 0px 0px 0px 480px;
  padding: 0px 0px 0px 0px;
}

div#mainmiddle{
  margin: 0px 0px 0px 0px;
}

div#mainmiddle h2 {
  text-align:right;
}

div#mainmiddle ul {
  padding-left:20px;
}

/* clearing & floating */
.clearingfix:after{
  content: ".";
  display: block;
  line-height: 0px;
  clear: both;
  visibility: hidden;
}

.clearingfix{
  display: block;
}

.floatbox{
  overflow: hidden;
}


/* product styles */
h3.product-name {
  text-transform:uppercase;
}
div.product-image a.download-link {
  display:block;
  color: #646464;
  font-size: 65%;
  text-transform:uppercase;
  width: 70px;
  line-height:130%;
  padding-left: 25px;
  background: url(/images/nagyito.png) no-repeat 0 0;
  text-align:left;
}
div.product-image a.download-link:hover {
  text-decoration:none
}
ul.thumbnails {
  list-style: none;
  margin: 0;
  clear:both;
  padding:0;
}

ul.thumbnails li {
  display:block;
  float:left;
  width:60px;
  height:100px;
  margin: 5px;
  text-align:center;
}

ul.thumbnails.material-images li {
  height:120px;
}
ul.thumbnails.material-images li span.image-cropper {
  display:block;
  height:60px;
  overflow: hidden;
}
ul.thumbnails li a {
  border: 1px solid transparent;
  display:block;
}
ul.thumbnails li a:hover {
  text-decoration: none;
  border-color: #bababa;
}
ul.thumbnails li a.cufon {
  font-size:75%;
/*  color: #A5260D;*/
  color: #A21F1F; /*#A5503D;*/
}

ul.product-images {
  padding: 0;
}
ul.product-images.eletkepek li {
  height: 140px;
  width: 100px;
}

table.products td {
  width:60px;
  padding:5px;
  vertical-align: top;
  text-align:center;
/*  border: 5px solid transparent;*/
}
table.products td p {
  width:60px;
  overflow:hidden;
}

table.products td div.tdimg {
  width:60px;
  height:100px;
  /*position:relative;*/
  /*left:-30px;*/
}
table.products td img {
  /*position:absolute;*/
  bottom:3px;
  padding: 2px;
  border: 1px solid transparent;
}

table.products td a:hover img {
  border-color: #bababa;
}

table.products td a.cufon {
  font-size: 75%;
  color: #A5260D;
}

.product-image div.image-160 {
  width:160px;
  float:left;
  text-align:center;
  margin-right:5px;
}

ul.product-lines{
  list-style: none;
  margin: 50px 0 20px 0;
  padding:0;
}

ul.product-lines li{
  list-style: none;
  margin: 5px 0;
}

ul.product-lines span.padding {
  margin-left: 150px;
  display:block;
  height:17px;
  padding:2px 0 0 5px;
  background-color: #fff;
}

ul.product-groups, ul.pages {
  list-style: none;
  margin: 0 0 10px 40px;
}

ul.product-groups li, ul.pages li {
  list-style: none;
}

ul.product-subgroups {
  margin: 0 0 10px;
}

ul.pages li, ul.product-subgroups li {
  width: 180px;
  float: left;
  margin: 5px 20px 5px 0;
}

#mainmiddle ul.product-subgroups li {
  width: auto;
  margin: 0 0 0 10px;
  list-style:none;
}

a.menu-color, span.menu-color {
  font-size:110%;
}

ul.pages, ul.product-groups a.menu-color {
  font-weight:bold;
}

#breadcrumb {
  text-align:right;
}
#breadcrumb ul, #breadcrumb ul li {
  display:inline;
}

#breadcrumb ul li {
  margin-left: 5px;
}

#mainmiddle p {
  margin: 0 0 10px;
}

span.szurkecufon {
  color: #646464;
}

a span.szurkecufon {
  text-decoration: underline;
}

#loggedin {
  text-align:right;
}
#loggedin a {
  color: #646464;
}

p#madeby a,
p#madeby {
  color: #ccc;
}
