/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* reset+ */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
a { text-decoration: none; }
input,select,textarea,button { font: 11px/1.6em arial, sans-serif; }
table  { border-collapse: separate; }
form label, form input, form select, form textarea, form button, form span { float: left; }
form span input { float: none; }
form br { clear: both; }

/* style */
html { height: 100%; }
body { height: 100%; font: 11px/1.6em arial, sans-serif; color: #f2e7ee; background: #452b3b url(../image/frontend/body.png) no-repeat center 0; }
body.main { background-image: url(../image/frontend/body.main.png); }
div#wrapper { position: relative; min-height: 100%; }
* html div#wrapper { height: 100%; }

div#layout { width: 850px; margin: 0 auto; padding-bottom: 65px; }
div#layout br.clear { clear: both; }

div#header { height: 92px; }
div#header h1, div#header p#hegy { float: left; width: 217px; }
div#header h1 a, div#header p#hegy a { position: relative; display: block; width: 165px; height: 50px; margin: 17px 0 0 0; }
div#header h1 a span, div#header p#hegy a span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/frontend/axosaniter.logo.png) no-repeat 0 0; cursor: pointer; }

div#header ul#menu { float: left; width: 633px; padding: 20px 0 0 0; }
div#header ul#menu li { float: left; }
div#header ul#menu li a { position: relative; display: block; height: 50px; }
div#header ul#menu li.aboutus a { width: 119px; }
div#header ul#menu li.products a { width: 103px; }
div#header ul#menu li.services a { width: 147px; }
div#header ul#menu li.request a { width: 148px; }
div#header ul#menu li.contact a { width: 116px; }
div#header ul#menu li a span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/frontend/menu.png) no-repeat; cursor: pointer; }
div#header ul#menu li.aboutus a span { background-position: 0 0; }
div#header ul#menu li.products a span { background-position: -119px 0; }
div#header ul#menu li.services a span { background-position: -222px 0; }
div#header ul#menu li.request a span { background-position: -369px 0; }
div#header ul#menu li.contact a span { background-position: -517px 0; }

div#content { float: right; width: 633px; }
body.main div#content { width: 233px; }
div#sidebar { float: left; width: 217px; }
div#flash { float: left; width: 617px; }

body.main div#content h2, body.main div#content h1 { position: relative; height: 80px; line-height: 80px; padding: 0 10px; font-size: 18px; background: transparent; }
body.main div#content h2 span, body.main div#content h1 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/frontend/title.main.page.png) no-repeat 8px 0; }
body.main div#content p { padding: 5px 10px 10px 20px; color: #9c9c9c; }
body.main div#content a.enter { position: relative; display: block; height: 116px; margin: 0 0 0 43px; }
body.main div#content a.enter span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/frontend/enter.png) no-repeat 0 0; cursor: pointer; }

body.main div#info { float: left; width: 350px; border: 0 solid #58414f; border-width: 1px 0 0 0; }
body.main div#info h2 { padding: 15px 0 0 30px; font-weight: bold; color: #ec008c; background: transparent url(../image/frontend/bullet.main.png) no-repeat 10px 17px; }
body.main div#info p { padding: 0 0 0 30px; color: #9c9c9c; }

body.main ul#menu { float: right; width: 500px; border: 0 solid #58414f; border-width: 1px 0 0 0; }
body.main ul#menu li { float: left; width: 100px; }
body.main ul#menu li a { display: block; padding: 15px 0 10px 20px; color: #f2e7ee; background: transparent url(../image/frontend/bullet.main.png) no-repeat 0 17px; cursor: pointer; }

div#dropdown { height: 184px; background: transparent url(../image/frontend/dropdown.png) no-repeat 0 90px; }
div#dropdown h2 { position: relative; height: 90px; line-height: 90px; padding: 0 10px; }
div#dropdown h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/frontend/title.sidebar.png) no-repeat 0 0; }
div#dropdown div { position: relative; width: 168px; margin: 10px 0 0 15px; }
div#dropdown div#ddc_ { z-index: 3; }
div#dropdown div#ddpr_ { z-index: 2; }
div#dropdown div#ddpl_ { z-index: 1; }
div#dropdown div span { display: block; height: 18px; line-height: 18px; padding: 0 5px; color: #452b3b; background: transparent url(../image/frontend/dropdown.png) no-repeat -15px -10px; cursor: pointer; }
div#dropdown div ul { position: absolute; left: 0; width: 168px; top: 18px; height: 90px; max-height: 90px; overflow: auto; z-index: 1; }
div#dropdown div ul.closed { display: none; }
div#dropdown div li { height: 18px; line-height: 18px; padding: 0 5px; color: #452b3b; background: #fff; overflow: auto; cursor: pointer; }
div#dropdown div a { display: block; height: 18px; line-height: 18px; color: #452b3b; overflow: hidden; }

div#sidebar { padding: 184px 0 0 0; }
div#sidebar h2#news a { position: relative; display: block; height: 88px; line-height: 88px; padding: 0 10px; }
div#sidebar h2#news span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/frontend/title.news.png) no-repeat 0 0; }

div#content h2, div#content h1 { height: 66px; padding: 0 25px 17px 25px; font: 26px/66px 'times new roman', serif; color: #b79cad; background: transparent url(../image/frontend/title.page.png) no-repeat center bottom; }
div#content h1 a { color: #b79cad; text-decoration: none; }
div#content div.formatted {}
div#content.page { background: transparent url(../image/frontend/extra.header.png) no-repeat center 110px; }
div#content.page h2, div#content.page h1 { margin: 0 0 110px 0; }
div#content.page div.formatted { padding: 0 0 160px 0; background: transparent url(../image/frontend/extra.footer.png) no-repeat center bottom; }

div#content div.formatted {}
div#content div.formatted h3 { font-size: 1.4em; margin: 15px 26px 5px 27px; font-weight: bold; color: #ec008c; }
div#content div.formatted h4 { font-size: 1.2em; margin: 15px 26px 5px 27px; font-weight: bold; }
div#content div.formatted ul { margin: 5px 26px 0 27px; }
div#content div.formatted li { margin: 0 0 5px 0; padding: 0 0 0 20px; background: transparent url(../image/frontend/bullet.main.png) no-repeat 0 2px; }
div#content div.formatted p { margin: 5px 26px 5px 27px; }
div#content.contact div.formatted p { padding: 0 0 0 20px; background: transparent url(../image/frontend/bullet.main.png) no-repeat 0 2px; }
div#content div.formatted a { color: #ec008c; }

ul#categorylist { margin: 20px 16px 0 17px; }
ul#categorylist li { float: left; width: 200px; margin: 0 0 10px 0; text-align: center; }
ul#categorylist li img { display: block; width: 150px; margin: 0 0 0 0px; padding: 1px; border: 1px solid #6b5061; cursor: pointer; }
ul#categorylist li>a>img { margin: 0 25px; }
ul#categorylist li span { display: block; height: 40px; font: 14px/40px 'times new roman', serif; color: #f2e7ee; background: transparent url(../image/frontend/bullet.products.png) no-repeat center center; cursor: pointer; }

ul#sitemap { margin: 20px 16px 0 17px; }
ul#sitemap li { margin: 0 0 5px 0; }
ul#sitemap li a { color: #f2e7ee; font: 14px/18px 'times new roman', serif; }
ul#sitemap ul { margin-left: 10px; }


ul#producerlist { margin: 20px 16px 0 17px; }
ul#producerlist li { position: relative; float: left; width: 200px; margin: 0 0 15px 0; }
ul#producerlist li img { display: block; float: left; margin: 0 5px 0 0; padding: 1px; border: 1px solid #6b5061; }
ul#producerlist li span { display: block; padding: 10px 0 0 0; }
ul#producerlist li a.more { position: absolute; left: 109px; bottom: 10px; padding: 0 0 0 20px; font-weight: bold; color: #ec008c; background: transparent url(../image/frontend/bullet.main.png) no-repeat 0 2px; }

ul#productlist { margin: 20px 16px 0 17px; }
ul#productlist li { position: relative; float: left; width: 300px; margin: 0 0 15px 0; }
ul#productlist li img { display: block; float: left; margin: 0 5px 0 0; padding: 1px; border: 1px solid #6b5061; }
ul#productlist li span { display: block; padding: 10px 0 0 0; }
ul#productlist li span.price { position: absolute; left: 109px; bottom: 10px; padding: 0; font-weight: bold; color: #ec008c; }

ul#news { margin: 15px 0 0 0; }
ul#news li { clear: both; padding: 0 26px 15px 27px; }
ul#news h3 { font-size: 1.4em; font-weight: bold; color: #ec008c; }
ul#news p.date { padding: 0 0 5px 0; color: #b79cad; }
ul#news a.lightbox { float: left; margin: 0 16px 6px 0; }
ul#news a.lightbox img { padding: 1px; border: 1px solid #6b5061; }
ul#news div.formatted ul { margin: 5px 0 0 0; }
ul#news div.formatted li { margin: 0 0 5px 0; }
ul#news div.formatted p { margin: 5px 0; }
ul#news div.formatted strong { color: #ec008c; }

p#priceinfo { clear: both; text-align: center; }

div#contact { clear: both; padding: 35px 0 0 0; }
div#contact h3 { position: relative; float: right; width: 390px; height: 85px; margin: 0 0 0 20px; }
div#contact h3 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/frontend/contact.png) no-repeat 0 0; }
div#contact p { text-align: right; padding: 5px 0 0 0; }
div#contact p strong { color: #ec008c; }
div#contact p a { font-weight: bold; text-decoration: underline; color: #f2e7ee; }

div#footer { position: relative; width: 850px; height: 50px; margin: -51px auto 0 auto; border: 0 solid #58414f; border-width: 1px 0 0 0; background: #452b3b; }
div#footer p { line-height: 40px; padding: 0 10px; }
div#footer p a{ color: #fff; }
div#footer a#cymetriq { position: absolute; left: 695px; width: 140px; top: 0; height: 40px; }
div#footer a#cymetriq span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/frontend/cymetriq.logo.png) no-repeat 0 0; cursor: pointer; }

form { margin: 20px 26px 0 27px; }
form p.error { margin-left: 200px; color: #ec008c; }
label { width: 190px; line-height: 2em; padding: 0 10px 0 0; text-align: right; }
input { width: 200px; line-height: 1.8em; margin: 2px 0; }
textarea { width: 350px; height: 200px; margin: 2px 0 3px 0; }
input, textarea { border: 1px solid #3a2331; color: #f2e7ee; background: #4e3143; }
input.submit { width: auto; margin: 0 0 0 200px; border: 1px solid #f800c6; background: #ec008c; }

p#thanks { margin: 20px 26px 0 27px; }

/* lightbox */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; } 
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../image/frontend/lb.blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../image/frontend/lb.prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../image/frontend/lb.next.gif) right 50% no-repeat; }
#nextLinkText, #prevLinkText { color: #FF9834; font-weight:bold; text-decoration: none; }
#nextLinkText { padding-left: 20px; }
#prevLinkText { padding-right: 20px; }
.ontop #imageData { padding-top: 5px; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData { padding: 0 10px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; }
#imageData #helpDisplay { clear: left; float: left; display: block; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; display: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

p#category_text,
p#producer_text { clear: both; margin: 10px 20px; }