@font-face { font-family: VistaSansSCBold; src: url(/media/fonts/VistaSanSCBold.ttf); }

body { background: #1264A0 url(/media/images/site-bg.png) repeat top left; margin: 0; padding: 0; font-family: "Arial",sans-serif; font-size: 12px; color: #333; }

h1,h2,h3,h4,h5,ul,li,p,div,form { margin: 0; padding: 0; }
div { position: relative; }
a img { border: none; }

.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 */

h1,h2,h3,h4,h5,h6 { font-family: "VistaSansSCBold",Arial,sans-serif; font-weight: normal; line-height: normal; }

.tac { text-align: center; }
.fr { float: right; }
.fl { float: left; }
.uc { text-transform: uppercase; }
.lgt1 { color: #666; }
.lgt2 { color: #999; }
.lgt3 { color: #CCC; }
.txtsmall { font-size: 11px; }
.txtmid { font-size: 12px; }
.txtlarge { font-size: 14px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd25 { padding: 25px; }
.center { text-align: center; }
.right { text-align: right; }
.bold { font-weight: bold; }

a { color: #1B7FC6; text-decoration: none; font-weight: bold; }
a:hover { color: #972E27; text-decoration: none; }
a:active { -moz-outline-style: none; outline: none; }
a:focus { -moz-outline-style: none; outline: none; }

/**************************************/
/** STRUKTÚRA
/**************************************/
#wrapper { background: url(/media/images/wrapper-bg.png) repeat-x top left; min-height: 600px; }
#container { width: 980px; margin: 0 auto; }

/** fejléc **/
#header { width: 980px; height: 100px; }
#header h1.logo { width: 373px; height: 100px; background: url(/media/images/site-logo.png) no-repeat top left; top: 0; left: 18px; position: absolute; font-size: 1px; text-indent: -9000px; }
#header h1.logo a { display: block; width: 100%; height: 100%; }
#header .infobox { width: 210px; height: 82px; background: url(/media/images/header-info.png) no-repeat top left; top: 0; left: 408px; position: absolute; }
#header .headpics { width: 351px; height: 225px; background: url(/media/images/header-pics.png) no-repeat top left; top: 0; right: 7px; position: absolute; z-index: 900; }

/** navigáció **/
#navi { width: 980px; height: 46px; background: url(/media/images/navi-bg.png) repeat-x top left; }
#navi ul { list-style: none; margin-left: 28px; }
#navi li { margin-right: 20px; float: left; text-transform: uppercase; line-height: 46px; letter-spacing: -0.1pt; }
#navi li a { display: block; font-weight: normal; font-family: "VistaSansSCBold",Arial,sans-serif; font-size: 12px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
#navi li a:hover { color: #F5CCBE; font-weight: normal; }
#navi .ribbon-left { width: 14px; height: 80px; background: url(/media/images/navi-left.png) no-repeat top left; top: 0; left: -14px; position: absolute; }
#navi .ribbon-right { width: 14px; height: 80px; background: url(/media/images/navi-right.png) no-repeat top left; top: 0; right: -14px; position: absolute; }

/** belső keret **/
#inner { background: #FFF url(/media/images/inner-bg.png) repeat-x top left; min-height: 200px; }

/** bal oldali hasáb **/
#left { width: 240px; float: left; background: #F0F1F2; }

/** keresés doboz **/
.searchbox { background: #E1E3E4 url(/media/images/search-bg.png) repeat-x top left; padding: 24px 20px; }

/** kosár doboz **/
.basketbox { background: #D4D7D9 url(/media/images/basket-bg.png) repeat-x top left; padding: 18px 20px 18px 20px; }
.basketbox p { color: #666; font-size: 11px; }
.basketbox a { color: #972E27; }
.basketbox a:hover { color: #1B7FC6; }
h5.basket { background: url(/media/images/basket-icon.png) no-repeat center left; padding-left: 36px; margin-bottom: 15px; line-height: 23px; font-size: 15px; color: #333; text-transform: uppercase; }

/** login doboz **/
.loginbox { height: 124px; max-height: 153px; background: url(/media/images/login-bg.png) repeat-x top left; padding: 20px 18px; }
.loginbox p { color: #59ACF3; font-size: 10px; }
.loginbox a { color: #A3D2F0; }
.loginbox a:hover { color: #FFF; }
.loginbox-left { width: 14px; height: 161px; background: url(/media/images/login-left.png) no-repeat top left; top: 0; left: -14px; position: absolute; }
.loginbox-right { width: 18px; height: 155px; background: url(/media/images/login-right.png) no-repeat top left; top: -2px; right: -18px; position: absolute; }
h5.login { margin-bottom: 15px; font-size: 15px; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }

/** standard doboz **/
.leftbox { margin-bottom: 26px; }
.leftbox h5 { margin: 0 20px 17px 20px; font-size: 15px; color: #333; text-transform: uppercase; }
.leftbox-content { padding: 0 20px; }

/** kategória lista **/
ul.catlist { list-style: none; }
ul.catlist li { background: url(/media/images/catlist-dotted.png) repeat-x bottom left; line-height: 24px; }
ul.catlist a { background: url(/media/images/catlist-arrow.png) no-repeat 3px 8px; padding-left: 18px; color: #1372B8; display: block; }
ul.catlist a:hover { color: #972E27; }
 
/** gyártók listája **/
.manufactlist { height: 150px; background: #FFF; border: 1px solid #D6D6D6; padding: 10px; overflow: auto; }
.manufactlist ul { list-style: none; }
.manufactlist ul li { line-height: 18px; font-size: 11px; }
.manufactlist ul a { color: #666; display: block; }
.manufactlist ul a:hover { color: #972C26; }
 
/** tartalmi rész **/
#content { width: 660px; padding: 0 40px; float: right; background: url(/media/images/content-bg.png) repeat-y top left; }
.content-title { padding-bottom: 5px; margin: 35px 0 25px; background: url(/media/images/dotted.png) repeat-x bottom left; }
.content-title h1 { width: 370px; font-family: "Arial",sans-serif; font-weight: bold; font-size: 28px; color: #333; text-transform: uppercase; font-style: italic; margin-bottom: 15px; }
#content p { font-size: 11px; margin-bottom: 12px; }
#content h4 { font-family: "Arial",sans-serif; font-weight: bold; color: #972E27; border-bottom: 1px solid #DEE1E4; padding: 20px 0 12px 0; margin: 0 0 12px 0; text-transform: uppercase; }
#content h3 { font-family: "Arial",sans-serif; color: #932E29; padding: 7px 0 15px 0; font-size: 18px; }
.childnavi { font-size: 15px; color: #999; padding: 0 0 20px 0; margin: 35px 0 25px; border-bottom: 1px solid #DEE1E4; }
.childnavi a { color: #972E27; font-weight: bold; }
.childnavi a:hover { color: #888; }
.childnavi span.sep { padding: 0 6px; }
 
/** főoldal **/
h1.welcome { height: 62px; background: url(/media/images/welcome.png) no-repeat bottom left; text-indent: -9000px; margin-bottom: 10px; }

/** termékek **/
.productbox { width: 182px; float: left; margin: 6px 6px; padding: 10px 12px; border: 1px solid #CECECE; }
#content .productbox h3 { font-family: "Arial",sans-serif; font-size: 10px; font-weight: bold; color: #333; margin-bottom: 2px; text-transform: uppercase; padding: 0; }
#content .productbox h2 { font-family: "Arial",sans-serif; font-size: 15px; font-weight: bold; color: #1C7FC7; margin-bottom: 5px; letter-spacing: -0.2pt; }
.productbox .imgbox { width: 182px; height: 140px; text-align: center; vertical-align: middle; display: table-cell; }
.productbox .price { font-size: 12px; font-weight: bold; text-align: center; padding: 12px 0; }
.productbox .more a { display: block; background: #DEE1E4; text-align: center; font-size: 9px; color: #666; font-weight: bold; padding: 5px 0; }
.productbox .more a:hover { background: #972E27; color: #FFF; }

.productinfo h1 { font-family: "Arial",sans-serif; font-size: 28px; font-weight: normal; color: #000; margin: 30px 0; padding: 0; }
.productinfo-left { width: 330px; float: left; margin-right: 30px; }
.productinfo-right { width: 300px; float: left; }
.productinfo .meta { color: #666; }
.productinfo .meta span { background: url(/media/images/metasep.png) no-repeat center center; padding: 0 10px; }
.productinfo .descr { padding: 20px 10px; font-size: 12px;  }
#content .productinfo .descr p { font-size: 12px; }
#content .productinfo .descr h5 { font-family: "Arial",sans-serif; font-size: 14px; color: #1B7FC6; font-style: italic; margin-bottom: 13px; }
.productinfo .imgbox { width: 300px; text-align: center; display: block; }
.productinfo .more a { display: block; background: #DEE1E4; text-align: center; font-size: 9px; color: #666; font-weight: bold; padding: 5px 0; }
.productinfo .more a:hover { background: #972E27; color: #FFF; }
.productinfo .attach { margin-top: 15px; }
.productinfo .attach h3 { font-weight: bold; font-size: 20px; color: #972E27; }
.productinfo .attach ul { list-style-type: disc; margin: 10px 35px; }
.prbk-holder { height: 126px; margin-bottom: 30px; }
.prbk { width: 354px; height: 126px; background: url(/media/images/prbk-holder-bg.png) no-repeat top left; position: absolute; top: 0; right: -40px; }
.prbk-price { height: 63px; font-size: 34px; font-weight: bold; color: #FFF; padding-left: 40px; line-height: 63px; }
.prbk-price span { font-size: 14px; color: #E7B3B3; padding-left: 10px; }
.prbk-basket { height: 63px; padding-left: 40px; line-height: 63px; }
.prbk-basket span { font-size: 13px; color: #9ECFEE; padding: 0 8px; font-weight: bold; text-transform: uppercase; }

/** hírek **/
.newsbox { width: 294px; float: left; margin: 15px 18px; }
.newsbox h2 { font-family: "Arial",sans-serif; font-size: 15px; font-weight: bold; color: #1C7FC7; margin: 5px 0; letter-spacing: -0.2pt; }
.newsbox p { font-size: 11px; }

/** kosár **/
#pagebasket { width: 100%; font-size: 12px; }
#pagebasket thead td { background: #8F2E2C; color: #FFF; font-weight: bold; font-size: 11px; text-align: center; padding: 6px 8px; }
#pagebasket tbody td { background: #ECECEC; text-align: center; padding: 7px 8px; }
#pagebasket tbody td.name { text-align: left; font-weight: bold; }
#pagebasket tbody td.func a { color: #8F2E2C; text-decoration: none; font-weight: bold; }
#pagebasket tbody td.func a:hover { color: #333; }
#pagebasket tfoot td { background: #CECECE; text-align: center; padding: 7px 8px; }
#pagebasket tfoot td.spieces { font-weight: bold; }
#pagebasket tfoot td.spricewat { font-size: 14px; font-weight: bold; }
#pagebasket tfoot td span { font-size: 10px; font-weight: normal; color: #666; }

#basketpagelink { padding: 15px 5px; }
#basketpagelink span { float: left; }
#basketpagelink a div { width: 110px; }
#basketpagelink a div.gomb1 { margin: 0 3px; text-align: center; border: 2px solid #333; background: #333 url(/media/images/button-bg.png) repeat-x bottom left; text-transform: uppercase; color: #FFF; font-size: 10px; font-weight: bold; padding: 5px 6px 4px 6px; cursor: pointer; }
#basketpagelink a:active div.gomb1 { color: #ECECEC; padding: 6px 6px 3px 6px; }
#basketpagelink a div.gomb2 { margin: 0 3px; text-align: center; border: 2px solid #333; background: #333 url(/media/images/button-bg.png) repeat-x bottom left; text-transform: uppercase; color: #FFF; font-size: 10px; font-weight: bold; padding: 5px 6px 4px 6px; cursor: pointer; }
#basketpagelink a:active div.gomb2 { color: #ECECEC; padding: 6px 6px 3px 6px; }

/** pénztár **/
#penztar table { width: 100%; margin: 0 auto; }
#penztar table.custom { margin: 0; }
#penztar table.custom { width: 1%; }
#penztar table.custom td { width: 1px; white-space: nowrap; }
#penztar .blocktitle td { font-size: 16px; color: #8F2E2C; background: #ECECEC; padding: 6px 8px; }
#penztar .title { width: 50%; font-weight: bold; }
#penztar textarea { width: 95%; }
#penztar input.gomb1 { margin: 0 3px; text-align: center; border: 2px solid #333; background: #333 url(/media/images/button-bg.png) repeat-x bottom left; text-transform: uppercase; color: #FFF; font-size: 10px; font-weight: bold; padding: 5px 6px 4px 6px; cursor: pointer; }
#penztar input.gomb1:active { color: #ECECEC; padding: 6px 6px 3px 6px; }

/** lapozás **/
.paginate { padding: 20px 0 0 0; margin: 20px 0 40px 0; border-top: 1px solid #DEE1E4; text-align: center; font-size: 15px; }
.paginate a { padding: 9px 2px; margin: 0; color: #116FB4; }
.paginate a:hover { color: #333; }
.paginate a.current { padding: 9px 8px; margin: 0 1px; background: #116FB4; color: #FFF; }
.paginate a.nextprev { padding: 11px 10px; font-size: 12px; font-weight: normal; color: #666; }
.paginate a.nextprev:hover { color: #333; }

/** footer **/
#footer { background: url(/media/images/footer-bottom.png) no-repeat bottom left; padding-bottom: 24px; margin-bottom: 25px; }
#footer .copyright { width: 980px; height: 47px; background: url(/media/images/copy-bg.png) repeat-x top left; line-height: 50px; text-transform: uppercase; color: #FFF; text-align: center; font-size: 10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }
#footer .copyright-left { width: 14px; height: 80px; background: url(/media/images/copy-left.png) no-repeat top left; top: -33px; left: -14px; position: absolute; }
#footer .copyright-right { width: 14px; height: 80px; background: url(/media/images/copy-right.png) no-repeat top left; top: -33px; right: -14px; position: absolute; }
 
/** form elemek **/
input,textarea,select { font-family: "Arial",sans-serif; font-size: 11px; color: #888; border: none; }

input.text { border: 2px solid #FFF; border-bottom: 1px solid #D4D5D5; background: url(/media/images/input-bg.png) repeat-x top left; padding: 6px 7px 5px 7px; }
input.search { width: 176px; padding: 8px 10px 7px 10px; }
input.login { width: 80px; float: left; margin: 0 2px 10px 2px; border-bottom: 2px solid #FFF; }

input.button { border: 2px solid #333; background: #333 url(/media/images/button-bg.png) repeat-x bottom left; text-transform: uppercase; color: #FFF; font-size: 10px; font-weight: bold; padding: 5px 6px 4px 6px; cursor: pointer; }
input.button:active { color: #ECECEC; padding: 6px 6px 3px 6px; }
button.button-search, button.button-search:active  { width: 36px; position: absolute; top: 0; right: 0; background: url(/media/images/search-button.png) no-repeat center center; padding: 12px 10px; cursor: pointer; text-indent: -9000px; border: 0px !important; }
textarea { padding: 8px; border: 2px solid #D6D6D6; }

.stn { padding: 22px 0; }
.stn .row { margin-bottom: 14px; clear: both; }
.stn .row-button { padding-left: 250px; }
.stn label { width: 240px; text-align: right; float: left; line-height: 32px; color: #333; font-weight: bold; text-transform: uppercase; font-size: 11px; margin-right: 8px; }
.stn input[type=text], .stn input[type=password] { width: 220px; float: left; padding: 8px 8px 7px 8px; border: 2px solid #D6D6D6; }
.stn input[type=text]:focus, .stn input[type=password]:focus { border-color: #E7A65C; }

/** utólag hozzáadott stílusok **/
.basketbox button { margin-top: 12px; width: 100%; }
.productbox .flag-action {  background: #A40101; padding: 2px 5px; color: #FFF; font-weight: bold; font-size: 9px; margin: 2px 0; }
.productinfo .flag-action { background: #A40101; padding: 7px 12px; color: #FFF; font-weight: bold; font-size: 11px; margin: 6px 0; }
.productinfo .flag-instock { background: #222; padding: 7px 12px; color: #FFF; font-weight: bold; font-size: 11px; margin: 6px 0 6px 3px; }
.productinfo .imgbox img { margin-bottom: 12px; }
button { border: 2px solid #333; background: #333 url(/media/images/button-bg.png) repeat-x bottom left; text-transform: uppercase; color: #FFF; font-size: 10px; font-weight: bold; padding: 5px 6px 4px 6px; cursor: pointer; }
button:active { color: #ECECEC; padding: 6px 6px 3px 6px; }

#left ul, #left li { list-style: none; }
#footer a { color: #F6C2B8; }
#footer a:hover { color: #FFF; }
#footer .made-by-bitnet { width: 120px; height: 21px; background: url(/media/images/madebybitnet.png) no-repeat 0 0; position: absolute; right: 20px; top: 14px; text-indent: -9000px; }
#footer .made-by-bitnet a { width: 100%; height: 21px; display: block; }
.stn .row-text { padding-left: 250px; margin-bottom: 15px; }

ul.errorlist {
	margin-bottom: 12px;
	clear: both;
	color: red;
	font-weight: bold;
	list-style-type: none;
}

ul.errorlist li {
	text-align: center;
}

.limargin li{
	margin-bottom:10px;
}