@font-face { font-family: DINEng; src: url(../fonts/DINEngCE.ttf); }

/***************************/
/** ALAPVETŐ STÍLUSELEMEK **/
/***************************/
html { height: 100%; }
body { background: #FFF url(../images/site-bg.png) repeat-x 0 124px; height: 100%; margin: 0; padding: 0; font-family: "Arial",sans-serif; font-size: 11px; color: #666666; }

h1,h2,h3,h4,h5,ul,li,p,div,form { margin: 0; padding: 0; }
div { position: relative; }
p { margin-bottom: 15px; line-height: 16px; }

h1,h2,h3,h4,h5 { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-weight: normal; }
h1 { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-size: 42px; color: #666; line-height: 40px; margin-bottom: 12px; }
h2 { font-size: 30px; color: #666666; line-height: 40px; margin-bottom: 15px; }
h3 { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-size: 20px; color: #F48120; line-height: 20px; padding-left: 22px; margin-bottom: 10px; background: url(../images/heading3-bg.png) no-repeat top left; }
h4 { font-family: "Arial Narrow",Arial,sans-serif; color: #999999; margin-bottom: 18px; font-size: 14px; line-height: 16px; }
th h4 { font-family: "DINEng",Arial Narrow,Arial,sans-serif; line-height: normal; margin: 0; padding: 0 0 6px 0; }

a img { border: none; }
a { color: #F58221; text-decoration: none; }
a:hover { text-decoration: none; }

small { font-size: 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

input.text { border: none; margin: 0; padding: 0; float: left; }
input.button { border: none; margin: 0; padding: 0; float: left; cursor: pointer; }

.bora-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bora-8 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.nos { display: none; }

/**********************/
/** STRUKTÚRA ELEMEI **/
/**********************/
div.clr,br.clr { clear: both; line-height: 1px; }

#wrap-left { background: url(../images/site-bg-left.png) no-repeat left 124px; }
#wrap-right { background: url(../images/site-bg-right.png) no-repeat right 124px; }

#container { width: 970px; height: 800px; background: url(../images/pop-jump-default.png) no-repeat 0 69px; margin: 0 auto; }
#container-main { width: 970px; height: 800px; margin: 0 auto; }
#header { width: 970px; height: 124px; }
#header-logo { width: 197px; height: 82px; background: url(../images/site-logo.png) no-repeat 0 0; position: absolute; left: 110px; top: 20px; }
#header-logo a { width: 100%; height: 100%; display: block; }

div.bemutatkozas { background: url(../images/pop-jump-bemutatkozas.png) no-repeat 0 69px; }
div.akciok { background: url(../images/pop-jump-akciok.png) no-repeat 0 88px; }
div.referenciak { background: url(../images/pop-jump-referenciak.png) no-repeat 0 18px; }
div.termekek { background: url(../images/pop-jump-termekek.png) no-repeat 0 46px; }
div.regisztracio { background: url(../images/pop-jump-termekek.png) no-repeat 0 46px; }
div.elerhetosegek { background: url(../images/pop-jump-termekek.png) no-repeat 0 46px; }
div.profil { background: url(../images/pop-jump-akciok.png) no-repeat 0 88px; }

/************************/
/** a felső navigációk **/
/************************/
#header-navi { width: 501px; height: 163px; position: absolute; left: 381px; top: 0; z-index: 100; }
#header-navi ul { list-style: none; }
#header-navi li { list-style: none; float: left; margin-right: 5px; }
#header-navi li a { height: 163px; background-image: url(../images/navi-bg.png); background-repeat: no-repeat; background-position: 0 0; display: block; text-indent: -9000px; }
#header-navi li a.bemutatkozas { width: 100px; background-position: 0 0; }
#header-navi li a.termekek { width: 79px; background-position: -105px 0; }
#header-navi li a.arlista { width: 61px; background-position: -189px 0; }
#header-navi li a.referenciak { width: 92px; background-position: -255px 0; }
#header-navi li a.akciok { width: 59px; background-position: -352px 0; }
#header-navi li a.kapcsolat { width: 80px; background-position: -416px 0; }
#header-navi li a.bemutatkozas:hover { background-position: 0 -326px; }
#header-navi li a.termekek:hover { background-position: -105px -326px; }
#header-navi li a.arlista:hover { background-position: -189px -326px; }
#header-navi li a.referenciak:hover { background-position: -255px -326px; }
#header-navi li a.akciok:hover { background-position: -352px -326px; }
#header-navi li a.kapcsolat:hover { background-position: -416px -326px; }
#header-navi li.selected a.bemutatkozas { background-position: 0 -163px; }
#header-navi li.selected a.termekek { background-position: -105px -163px; }
#header-navi li.selected a.arlista { background-position: -189px -163px; }
#header-navi li.selected a.referenciak { background-position: -255px -163px; }
#header-navi li.selected a.akciok { background-position: -352px -163px; }
#header-navi li.selected a.kapcsolat { background-position: -416px -163px; }
#header-navi li.selected a.bemutatkozas:hover { background-position: 0 -163px; }
#header-navi li.selected a.termekek:hover { background-position: -105px -163px; }
#header-navi li.selected a.arlista:hover { background-position: -189px -163px; }
#header-navi li.selected a.referenciak:hover { background-position: -255px -163px; }
#header-navi li.selected a.akciok:hover { background-position: -352px -163px; }
#header-navi li.selected a.kapcsolat:hover { background-position: -416px -163px; }

#login-button { cursor: pointer; position: absolute; top: 0; right: -10px; width: 246px; height: 30px; z-index: 999; background: url(../images/login-uk.png) no-repeat 0 0; text-indent: -9000px; }
#login-button:hover { background: url(../images/login-uk.png) no-repeat 0 -30px; }
#reg-button { cursor: pointer; position: absolute; top: 0; right: 245px; width: 144px; height: 30px; z-index: 999; background: url(../images/register.png) no-repeat 0 0; text-indent: -9000px; }
#reg-button:hover { background: url(../images/register.png) no-repeat 0 -30px; }
#reg-button a { display: block; width: 144px; height: 30px; }

#loggedin-tab { position: absolute; top: 0; right: -10px; width: 246px; height: 34px; text-align: center; line-height: 30px; text-indent: 8px; font-size: 11px; color: #FFF; z-index: 999; background: url(../images/loggedin-tab-bg.png) no-repeat 0 0; }
#loggedin-tab a { color: #333; }
#loggedin-tab a.profile { color: #FFF; }
#loggedin-tab a:hover { text-decoration: underline; }
#loggedin-tab-basket { width: 28px; height: 34px; position: absolute; left: 0; top: 0; cursor: pointer; }
#loggedin-tab-basket a { width: 28px; height: 34px; display: block; }

#login-box { width: 520px; margin: 0 auto; position: absolute; top: 150px; left: 50%; margin-left: -260px; z-index: 999; }
#login-box-header { height: 90px; background: url(../images/login-box-bg-header.png) no-repeat 0 0; }
#login-box-main { min-height: 200px; background: url(../images/login-box-bg-main.png) no-repeat bottom left; }
#login-box-wrap { padding: 15px 60px 70px 60px; background: url(../images/login-box-bg-wrap.png) no-repeat top center; }
#login-box-wrap div.info { background: #787878; padding: 7px 8px; font-size: 11px; line-height: 13px; color: #EFEFEF; margin-bottom: 10px; }
#login-box-wrap div.info a { color: #F58221; text-decoration: none; font-weight: bold; }
#login-box-wrap div.info a:hover { text-decoration: underline; }

#header-ads { height: 180px; }
#header-ads-link { width: 551px; height: 144px; position: absolute; right: -30px; top: 36px; z-index: 100; }
#header-ads-link a { width: 551px; height: 144px; display: block; }
#header-ads-bg { background: #E3661D; background: url(../images/header-action-bg.png) no-repeat 0 0; width: 551px; height: 144px; position: absolute; right: -30px; top: 36px; z-index: 30; }
#header-ads-textbox { width: 395px; position: absolute; left: 478px; top: 60px; z-index: 50; }
#header-ads-textbox h1 { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-weight: normal; font-size: 42px; line-height: 38px; margin: 0; color: #FFF; }
#header-ads-textbox h2 { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; margin: 0; color: #FCE0C7; }
#header-ads-imagebox { width: 271px; height: 299px; background: url(../images/standard-action.png) no-repeat 0 0; width: 271px; height: 299px; position: absolute; top: -43px; right: -90px; z-index: 40; }

#content-container { padding-top: 55px; z-index: 100; }
#left { width: 350px; float: left; min-height: 400px; background: url(../images/left-bg.png) no-repeat right 200px; }
#content { width: 618px; float: right; }
#content ul { margin: 0 20px 20px 30px; }
#content li { list-style: none; padding-left: 14px; background: url(../images/list-bullet.png) no-repeat center left; line-height: 18px; }

#footer { margin-top: 50px; padding: 30px 0; background: url(../images/footer-bg.png) no-repeat top center; }
#footer-navi { text-align: center; padding: 0 0 15px 0; clear: both; font-size: 11px; }
#footer-navi ul { width: 100%; list-style: none; padding: 0; margin: 0; text-align: center; }
#footer-navi li { display: inline; padding: 0 14px 0 6px; background: url(../images/footer-sep.png) no-repeat center right; }
#footer-navi li.last { background: none; padding: 0 0 0 6px; }
#footer-navi li a { font-weight: bold; font-size: 11px; }
#footer-navi li a:hover { color: #555; }
#footer-social { width: 200px; position: absolute; top: 30px; right: -160px; }
#footer-social a.social-fb { width: 16px; float: left; height: 16px; display: block; background: url(../images/fb.png) no-repeat 0 0; margin-right: 5px; text-decoration: none; }
#footer-social a.social-twitter { width: 16px; float: left; height: 16px; display: block; background: url(../images/tw.png) no-repeat 0 0; margin-right: 5px; text-decoration: none; }
#footer-copy { text-align: center; padding: 15px 0 0 0; clear: both; color: #AFAFAF; font-size: 10px; }
#footer-copy a { color: #9F9F9F; font-weight: bold; }

#products-head { margin-bottom: 20px; }
#products-head div.tree { margin-bottom: 15px; }
#products-head div.tree a:link,#products-head div.tree a:visited { color: #999999; font-weight: bold; }
#products-head div.tree a:hover { color: #F58221; }
h2.product-title { font-size: 20px; color: #666666; line-height: 20px; margin: 4px 0; }
span.product-price { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-weight: normal; color: #666666; font-size: 18px; }
div.categories-row { background: url(../images/products-list-bg.png) no-repeat bottom center; width: 607px; height: 295px; margin: 0 auto; }
div.categories-pic { position: absolute; bottom: 20px; }
#products-list { margin-top: 15px; }
#products-table { width: 100%; background: #FFF; margin: 0 auto; font-size: 11px; color: #000; }
#products-table td, #products-table th { padding: 5px 12px; }
#products-table th.main { text-align: left; background: #F58220; }
#products-table th.main h4 { font-size: 20px; color: #FFF; margin: 10px 0 -5px 0; line-height: normal; text-transform: uppercase; }
#products-table th { text-align: left; font-size: 11px; font-weight: bold; background: #FAB072; text-transform: uppercase; white-space: nowrap; }
#products-table td { text-align: left; background: #FEEEDC; }
#products-table td.code { text-align: left; background: #FEDBBD; }
#categories { margin-bottom: 15px; padding: 6px 0; font-size: 11px; font-weight: bold; color: #999; }
#product-details-price { position: absolute; top: -15px; right: 0; font-size: 22px; }
#product-details { margin-bottom: 20px; }

div.magnify { position: absolute; left: 0; bottom: 0; width: 40px; height: 46px; background: url(../images/magnifier.png) no-repeat 0 0; }
div.magnify a { display: block; width: 40px; height: 46px; }

#box-contact { margin-top: 200px; margin-left: 120px; width: 160px; height: 253px; background: url(../images/left-box.png) no-repeat 0 0; }
#box-contact-body { width: 130px; position: absolute; top: 40px; left: 15px; font-size: 11px; color: #FFF; }
#box-contact-body h3 { font-size: 24px; color: #333; line-height: 24px; padding: 0; background: none; margin-bottom: 6px; text-transform: uppercase; }
#box-contact-body h4 { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-size: 18px; color: #FFF; line-height: normal; padding: 0; margin: 16px 0 0 0; }
#box-contact-body p { line-height: 13px; padding: 0; margin: 10px 0 0 0; }
a.box-contact-map { background: url(../images/map-button.png) no-repeat 0 0; width: 130px; height: 43px; display: block; text-indent: -9000px; }

#box-newsletter { margin-top: 6px; margin-left: 120px; width: 160px; height: 197px; background: url(../images/box-newsletter.png) no-repeat 0 0; }
#box-newsletter-body { width: 124px; position: absolute; top: 68px; left: 18px; font-size: 11px; color: #FFF; }
#box-newsletter-body form { margin: 0; padding: 0; }
#box-newsletter-body input.nltext { width: 114px; margin: 0 0 6px 0; padding: 3px 5px; background: #FFF; color: #666; font-size: 12px; border: none; }
#box-newsletter-body input.nltext:focus { background: #FFF; color: #666; font-size: 12px; border: none; }
#box-newsletter-body input.nlbutton { cursor: pointer; width: 124px; height: 25px; margin: 2px 0 0 0; padding: 0; background: url(../images/box-newsletter-button.png) no-repeat 0 0; text-indent: -9000px; border: none; }
#box-newsletter-body input.nlbutton:hover { background: url(../images/box-newsletter-button.png) no-repeat 0 -25px; }

#box-cf { margin-top: 6px; margin-left: 120px; width: 160px; }
#box-cf-top { width: 160px; height: 26px; background: url(../images/cf-bg-top.png) no-repeat 0 0; }
#box-cf-bottom { width: 160px; height: 26px; background: url(../images/cf-bg-bottom.png) no-repeat 0 0; }
#box-cf-body { width: 152px; padding: 0; margin: 0 4px; background: #B9AC9B; }
#box-cf-body h4 { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-size: 20px; text-transform: uppercase; color: #554F49; line-height: normal; padding: 10px 10px 0 10px; margin: 0; }
#box-cf-body p { color: #6E665F; margin: 0; padding: 10px 10px 15px 10px; }
#box-cf-body a { color: #554F49; text-decoration: none; }
#box-cf-body a:hover { color: #DFDBD6; }

/******************/
/** index elemei **/
/******************/
.index-text { margin: 0; }

h2.title-lead { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-size: 46px; font-weight: normal; margin: 0 0 18px 15px; line-height: 36px; }
h2.title-lead span { font-size: 36px; color: #666; }
h2.title-lead a { color: #CC0000; }
h2.title-lead a span { color: #666; }
h2.title-lead a:hover { color: #F58221; }
h2.title-lead a:hover span { color: #999; }
h2.title-inside { font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-size: 18px; font-weight: normal; padding: 10px 16px 8px 16px; margin: 24px 0; line-height: normal; background: #DFDFDF; color: #AAA; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.newsbox { margin: 0 14px 12px 14px; border-bottom: 1px solid #DFDFDF; }
.newsbox span.meta { float: left; display: block; width: 60px; color: #FFF; background: #666; font-size: 11px; padding: 7px 8px 6px 8px; margin-right: 7px; font-weight: bold; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.newsbox h2 { float: left; font-family: "DINEng",Arial Narrow,Arial,sans-serif; font-weight: normal; padding: 0; margin: 0; line-height: normal; }
.newsbox h2 a:hover { color: #666; }
.newsbox .lead { clear: both; }

.homeicon { width: 28px; height: 28px; position: absolute; top: 0; left: 335px; }
.homeicon a { display: block; width: 28px; height: 28px; background: url(../images/home-icon.png) no-repeat 0 -2px; }
.homeicon a:hover { background-position: 0 0; }

/************************/
/** cikkoldal formázás **/
/************************/

/**************************/
/** FORMÁZÓ STÍLUSELEMEK **/
/**************************/

.text-right { text-align: right; }
.text-light { color: #F58220; padding-left: 5px; }

#success { background: #80B438; padding: 16px 15px 8px 15px; margin: 13px; }
#success h3 { font-family: "Arial",sans-serif; font-weight: bold; background: none; font-size: 16px; line-height: 18px; padding: 0; color: #FFF; margin: 0 0 6px 0;  }
#success p { margin: 0; padding: 0; color: #FFF; }

div.warning { background: #C00; color: #FFF; font-size: 11px; padding: 6px 10px; margin: 8px 0; font-weight: bold; display: none; }
div.warning-light { background: #C00; color: #FFF; font-size: 11px; padding: 6px 10px; margin: 8px 0; font-weight: normal; }

/** LAPOZÁS **/
#pager { margin: 10px 0 10px 0; padding: 15px 15px; text-align: center; }
#pager a { text-decoration: none; font-size: 12px; font-weight: bold; padding: 4px 6px; background: #F58221; color: #FFF; margin-right: 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#pager a:hover { background: #999999; }
#pager a.current { background: #555555; color: #FFF; }
#pager a.current:hover { background: #555555; color: #FFF; }

/** KOSÁR **/
table.basket th { background: #F58221; font-weight: bold; font-size: 10px; color: #FFF; padding: 4px 0; text-transform: uppercase; }
table.basket th.big { background: #F58221; font-weight: bold; font-size: 14px; color: #FFF; padding: 6px 8px; text-transform: uppercase; text-align: left; }
table.basket th.big2 { background: #666; font-weight: bold; font-size: 14px; color: #FFF; padding: 6px 8px; text-transform: uppercase; text-align: left; }
table.basket td { background: #EFEFEF; padding: 2px 0; padding: 8px 0 8px 12px;  }
table.basket td.nobg { background: none; }
table.basket td span.product-name { font-weight: bold; color: #555; font-size: 12px; }
table.basket td span.product-sub { font-weight: normal; display: block; clear: both; color: #555; font-size: 10px; }
table.basket td span.product-title { font-weight: bold; color: #333; font-size: 12px; }

#basket-bottom { margin: 10px 0 30px 0; }
.basket-button { background: #494949; padding: 5px 10px; color: #FFF ; font-size: 12px; font-weight: bold;  -moz-border-radius: 2px; }
.basket-button a { color: #FFF; text-decoration: none; }
.basket-button a:hover { color: #FFF; text-decoration: none;  }
#basket-total { position: absolute; right: 0; }

#webshop-line-01 { background:url(../images/webshop-map.png) no-repeat 0 0; width: 618px; height: 88px; margin: 0 auto 35px auto; }
#webshop-line-02 { background:url(../images/webshop-map.png) no-repeat 0 -88px; width: 618px; height: 88px; margin: 0 auto 35px auto; }
#webshop-line-03 { background:url(../images/webshop-map.png) no-repeat 0 -176px; width: 618px; height: 88px; margin: 0 auto 35px auto; }

div.back-link { background: #EFEFEF; padding: 7px 10px; color: #888; margin-top: 20px; }
div.back-link a { color: #888; text-decoration: none; }
div.back-link a:hover { color: #333; text-decoration: none; }

#webshop-success { background: url(../images/webshop-success.png) no-repeat 0 0; width: 616px; height: 137px; margin: 20px auto 35px auto; }

a.predel { width: 16px; height: 16px; display: block; position: absolute; top: 0; right: 0; }

div.nomargin { margin: 0; }

/** uploadify **/
.fileUploadQueueItem { margin: 0 auto; background-color: #F5F5F5; border: 3px solid #E5E5E5; margin-top: 5px; padding: 10px; width: 90%; }
.fileUploadQueueItem .cancel { float: right; }
.fileUploadProgress { height: 10px; background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%; }
.fileUploadProgressBar { height: 10px; background-color: #C00; }
.fileUploaderBtn { width: 213px; heigth: 18px; margin: 1px 0 0 0; }
.filecont { width: 95%; padding: 8px; background: #DFDFDF; margin-bottom: 5px; font-size: 11px; color: #666; }
.fileinst { padding: 8px; background: #CFCFCF; margin-bottom: 5px; font-size: 11px; color: #666; }

/** succes, fail üzenetek **/
div.success { width: 542px; height: 28px; line-height: 28px; background: url(../images/msg-success-bg.png) no-repeat 0 0; text-indent: 38px; font-size: 11px; font-weight: bold; color: #DAEFCF; margin: 0 auto 20px auto; }
div.failed { width: 542px; height: 28px; line-height: 28px; background: url(../images/msg-failed-bg.png) no-repeat 0 0; text-indent: 38px; font-size: 11px; font-weight: bold; color: #FFCCCC; margin: 0 auto 20px auto; }

form { margin: 0 auto; font-family: "Arial"; }
input,select,textarea { font-family: "Arial"; font-size: 12px; border: none; margin: 0; padding: 0; color: #999; }

input.button-pl { font-weight: bold; background: #494949; border: 1px solid #000; border-top: 1px solid #999; border-left: 1px solid #999; color: #FFF; font-size: 10px; text-transform: uppercase; padding: 3px 6px; cursor: pointer; }
a.button-pl-red { font-weight: bold; background: #C00; border: 1px solid #761B1D; border-top: 1px solid #D7575A; border-left: 1px solid #D7575A; color: #FFF; font-size: 10px; text-transform: uppercase; padding: 4px 6px; cursor: pointer; }
input.button-pl-red { font-weight: bold; background: #C00; border: 1px solid #761B1D; border-top: 1px solid #D7575A; border-left: 1px solid #D7575A; color: #FFF; font-size: 12px; text-transform: uppercase; padding: 5px 10px; cursor: pointer; }

span.fullprice { font-size: 14px; font-weight: bold; color: #C00; }

form.normalform div.row { float: left; padding: 5px 0 0 0; display: block; position: relative; }
form.normalform div.row-submit { float: left; padding: 5px 0 0 210px; display: block; position: relative; }
form.normalform div.row-text { float: left; padding: 10px 0 10px 210px; display: block; position: relative; }
form.normalform div.row-hidden { float: left; padding: 5px 0 0 0; display: none; position: relative; }
form.normalform fieldset {  border: none; border-top: 1px solid #CCC; } 
form.normalform legend { color: #F58221; font-size: 16px; font-weight: bold; } 
form.normalform label { display: block; margin-right: 8px; width: 200px; float: left; text-align: right; float: left; padding: 5px 0; }
form.normalform label span { font-size: 12px; font-weight: normal; color: #666; }
form.normalform input.text { display: block; background: #FFF url(../images/input-bg.png) no-repeat 0 0; line-height: 30px; float: left; width: 238px; height: 23px; padding: 7px 6px 0 6px; margin-right: 5px; }
form.normalform input.text:focus  { background: url(../images/input-bg.png) no-repeat 0 -30px; color: #FFF; }
form.normalform textarea { font-family: Tahoma; background: url(../images/textarea-bg.png) no-repeat 0 0; padding: 10px 6px; width: 238px; height: 110px; overflow: auto; float: left; }
form.normalform textarea:focus { background: url(../images/textarea-bg.png) no-repeat 0 -130px; color: #FFF; }
form.normalform input.contactbutton { width: 120px; height: 48px; background: url(../images/submit.png) no-repeat 0 0; cursor: pointer; }
form.normalform label.error { margin-left: 157px; font-size: 11px; color: #C00; font-weight: bold; }

form.loginform div.row { float: left; padding: 5px 0 0 0; display: block; }
form.loginform div.row-submit { float: left; padding: 8px 0 0 120px; display: block; }
form.loginform div.row-hidden { float: left; padding: 5px 0 0 0; display: none; }
form.loginform fieldset {  border: none; } 
form.loginform label { display: block; margin-right: 10px; width: 110px; float: left; text-align: right; float: left; padding: 5px 0; font-size: 12px; color: #FFF; }
form.loginform label span { font-size: 12px; font-weight: normal; color: #666; }
form.loginform input.text { display: block; background: #FFF url(../images/login-box-input-bg.png) repeat-x 0 0; float: left; width: 200px; padding: 6px 5px; margin-right: 5px; border: 1px solid #545454; }
form.loginform input.text:focus  { border: 1px solid #F58221; color: #333; }
form.loginform input.button { width: 132px; height: 34px; background: url(../images/login-box-button.png) no-repeat 0 0; cursor: pointer; }
form.loginform input.button:hover { width: 132px; height: 34px; background: url(../images/login-box-button.png) no-repeat 0 -34px; cursor: pointer; }
form.loginform label.error { margin-left: 157px; font-size: 11px; color: #C00; font-weight: bold; }

form.orderform div.row { float: left; padding: 5px 0 0 0; display: block; position: relative; }
form.orderform div.row-submit { float: left; padding: 5px 0 0 210px; display: block; position: relative; }
form.orderform div.row-text { float: left; padding: 10px 0 10px 210px; display: block; position: relative; }
form.orderform div.row-hidden { float: left; padding: 5px 0 0 0; display: none; position: relative; }
form.orderform fieldset {  border: none; border-top: 1px solid #CCC; } 
form.orderform legend { color: #F58221; font-size: 16px; font-weight: bold; } 
form.orderform div.row label { display: block; margin-right: 8px; width: 200px; float: left; text-align: right; float: left; padding: 5px 0; }
form.orderform div.row label span { font-size: 12px; font-weight: normal; color: #666; }
form.orderform div.row input.text { display: block; background: #FFF url(../images/input-bg.png) no-repeat 0 0; line-height: 30px; float: left; width: 238px; height: 23px; padding: 7px 6px 0 6px; margin-right: 5px; }
form.orderform div.row input.text:focus  { background: url(../images/input-bg.png) no-repeat 0 -30px; color: #FFF; }
form.orderform div.row textarea { font-family: Tahoma; background: url(../images/textarea-bg.png) no-repeat 0 0; padding: 10px 6px; width: 238px; height: 110px; overflow: auto; float: left; }
form.orderform div.row textarea:focus { background: url(../images/textarea-bg.png) no-repeat 0 -130px; color: #FFF; }
form.orderform div.row input.contactbutton { width: 120px; height: 48px; background: url(../images/submit.png) no-repeat 0 0; cursor: pointer; }
form.orderform div.row label.error { margin-left: 157px; font-size: 11px; color: #C00; font-weight: bold; }

textarea.plain { background: none; background-color: #FFF; width: 95%; margin-top: 5px; border: 1px solid #DFDFDF; padding: 5px; }
select.plain { background-color: #FFF; border: 1px solid #DFDFDF; color: #444; padding: 2px; }