body { margin:0; height:100%; color:#000; width:100%; padding:0; font:12px/18px Arial, sans-serif; background-color:#e6e6e6; }

h1 { font-size:30px; margin-bottom:20px; }
h1 span { font-size: 12px; }
h2 { float: left; width: 100%; font-size: 24px; margin: 8px 0px 20px; }

strong { font-weight: bold; }

p { margin-bottom: 12px; }

a { outline: none; }
a { color: #36b4dd; text-decoration: none; }
a:hover { background: #fff url(images/ahover.jpg) bottom left repeat-x; }

#header-wrapper { width: 100%; background: #000; overflow: auto; }
#header { width: 880px; margin: 0px auto; }
#header h1 { float: left; font-size:24px; color:#fff; font-weight:normal; font-style: normal; width: 800px; margin: 20px 0px; white-space:nowrap;}
#header h1 a { color: #fff; }
#header h1 a:hover { background: #000; background-image: none; }
#header .firm { float: left; width: 300px; color: #fff; margin-bottom: 20px; font-size: 14px; font-weight: bold; }

#navigation-wrapper { width: 100%; background: #000; overflow: auto; }
#navigation { width: 880px; margin: 0px auto; }
#navigation ul { height: 40px; float: left; width: 420px; list-style: none; }
#navigation ul li { float: left; width: 80px; text-align: center; height:32px; line-height: 36px; padding: 4px 4px 0px 0px; }
#navigation ul li a { color: #fff; text-decoration: none; background: #000 url(images/navigation.jpg) 0 0 no-repeat; width: 80px; height: 36px; display: block; }
#navigation ul li a:hover { background-position:0 -37px; }
#navigation ul li a.active { background-position:0 -72px; color: #000; }

#profile { width: 880px; margin: 0px auto; }
#profile ul { height: 40px; float: left; width: 420px; list-style: none; margin-left: 10px; display: inline; }
#profile ul li { float: left; width: auto; text-align: left; height:32px; line-height: 36px; padding: 4px 10px 0px 0px; }
#profile ul li a { color: #fff; text-decoration: none;  }
#profile ul li a:hover { background: #000 url(images/wahover.jpg) bottom left repeat-x;  }
#profile ul li a.active { font-weight: bold; }


#wrapper { width: 840px; margin: 0px auto; padding: 0px 20px; background: #fff; overflow: auto; }
#content { float: left; width: 100%; padding-bottom: 60px; margin-top: 20px; }
#content ul { margin-left: 30px; margin-bottom: 12px; }

.icon-pencil, .icon-minus, .icon-printer, .icon-storno, .icon-preview, .icon-plus { width: 20px; text-align: center; }
.plus-header { background: url(images/plus.png) center center no-repeat; text-indent: -9999pt; }
.pencil-header { background: url(images/pencil.png) center center no-repeat; text-indent: -9999pt; }
.minus-header { background: url(images/minus.png) center center no-repeat; text-indent: -9999pt; }
.printer-header { background: url(images/printer.png) center center no-repeat; text-indent: -9999pt; }
.storno-header { background: url(images/storno.png) center center no-repeat; text-indent: -9999pt; }
.preview-header { background: url(images/preview.png) center center no-repeat; text-indent: -9999pt; }
.icon-pencil a { width: 16px; height: 16px; margin: 0px auto; display: block; background: url(images/pencil.png) center center no-repeat; text-indent: -9999pt; }
.icon-pencil a:hover { width: 16px; height: 16px; display: block; background-image: url(images/pencil-hover.png); }
.icon-plus a { width: 16px; height: 16px; margin: 0px auto; display: block; background: url(images/plus.png) center center no-repeat; text-indent: -9999pt; }
.icon-plus a:hover { width: 16px; height: 16px; display: block; background-image: url(images/plus-hover.png); }
.icon-minus a { width: 16px; height: 16px; margin: 0px auto; display: block; background: url(images/minus.png) center center no-repeat; text-indent: -9999pt; }
.icon-minus a:hover { width: 16px; height: 16px; display: block; background-image: url(images/minus-hover.png); }
.icon-printer a { width: 16px; height: 16px; margin: 0px auto; display: block; background: url(images/printer.png) center center no-repeat; text-indent: -9999pt; }
.icon-printer a:hover { width: 16px; height: 16px; display: block; background-image: url(images/printer-hover.png); }
.icon-storno a { width: 16px; height: 16px;margin: 0px auto;  display: block; background: url(images/storno.png) center center no-repeat; text-indent: -9999pt; }
.icon-storno a:hover { width: 16px; height: 16px; display: block; background-image: url(images/storno-hover.png); }
.icon-preview a { width: 16px; height: 16px; margin: 0px auto; display: block; background: url(images/preview.png) center center no-repeat; text-indent: -9999pt; }
.icon-preview a:hover { width: 16px; height: 16px; display: block; background-image: url(images/preview-hover.png); }

#subnavigation { width: 840px; padding: 5px 0px; margin: 0px auto; background: #fff; overflow: auto; border-bottom: 1px solid #ddd; }
#subnavigation ul { width: 840px; float: left; list-style: none; }
#subnavigation ul li { float: left; padding: 0px 6px 0px 4px; background: #fff url(images/bull.jpg) center right no-repeat; }
#subnavigation ul li.first { padding-left: 0px; }
#subnavigation ul li.last { background-image: none; }
#subnavigation ul li a { color: #36b4dd; text-decoration: none; padding-bottom: 1px; }
#subnavigation ul li a:hover { background: #fff url(images/ahover.jpg) bottom left repeat-x; }

.pagination { float: left; width: 800px; margin: 10px 0px 5px;  }
.pagination ul { float: left; width: 800px; }
.pagination ul li { float: left; list-style: none; padding: 0px 6px 0px 4px;  background: #fff url(images/bull.jpg) center right no-repeat; }
.pagination ul li.first { padding-left: 0px; }
.pagination ul li.last { background-image: none; padding-right: 0px; }
.summ { float: left; text-align: left; width: 300px; }

/* Táblázat */
table { width: 100%; margin-bottom: 5px; }
caption { text-align: right; color: #454545; font-size: 11px; font-style: italic; }
th { font-weight: bold; text-align: left; }
table tr.bordered { border-bottom: 1px dotted #ccc; }
table td, table th { border: 0px; padding: 3px; /*padding: .6em 10px;*/ }
table th { text-align: left; }
.odd { background: #f9f9f9; }

/* Űrlapok */
.box { float: left; width: 100%; margin: 5px 0; }
.row { float: left; width: 100%; padding: 2px 0px; line-height: 25px; }
form {}
fieldset { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
legend { font-weight: bold; color: #454545; }
label { float: left; font-weight: bold; width: 300px; padding: 0px 20px 0px 60px; text-align: right; }
label.left { padding: 0px; text-align: left; }
select { width: 250px; }
input.text { width: 250px; padding: 2px; }
.select_wrapper{-moz-border-radius:2px;-webkit-border-radius:2px;font:12px "Lucida Grande",Lucida,Verdana,sans-serif;margin:0;border-top:1px solid #8e8e8e;border-left:1px solid #8e8e8e;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;float:left;background:#fefefe url(../images/foundation.png) right -139px;height:19px;}

#product-data { float: left; width: 840px; background: #fff; }

.error { color: #d32121; text-align: center; padding: 10px 0px; background: #fcf1f1; margin-bottom: 12px; }
.success { text-align: center; padding: 10px 0px; background: #feff96; margin-bottom: 12px; }

#alapcsomag { width: 400px; height: 220px; padding-bottom: 30px; padding-left: 15px; background: #fff url(images/alap-csomag.jpg) top left no-repeat; }
#normalcsomag { width: 400px; height: 220px; padding-bottom: 30px; padding-left: 15px; background: #fff url(images/normal-csomag.jpg) top left no-repeat; }
#extracsomag { width: 400px; height: 220px; padding-bottom: 30px; padding-left: 15px; background: #fff url(images/extra-csomag.jpg) top left no-repeat; }
#bonuscsomag { width: 400px; height: 220px; padding-bottom: 30px; padding-left: 15px; background: #fff url(images/bonus-csomag.jpg) top left no-repeat; }
#alapcsomag h2, #normalcsomag h2, #extracsomag h2, #bonuscsomag h2 { text-indent: -9999pt; }