@CHARSET "UTF-8";

html { height: 100%; }

body {
  background-color: #404040;
  color: white;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  height: 100%;
}



.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
  overflow: hidden;
}

.tac {
	text-align:center !important;
}

#left {
  width: 137px;
  padding-left: 15px;
  padding-top: 8px;
  padding-right: 8px;
}

#left img, #right img {
  border: 0px;
}

#left input.text {
  background-color: #D2D2D2;
  color: black;
  width: 112px;
  height: 17px;
  border: 0px;
}

#left input.image, #right input.image {
  margin-bottom: 2px;
  margin-top: 0px;
  margin-left: 3px;
}

#right input.text {
  background-color: #D2D2D2;
  color: black;
  width: 135px;
  height: 17px;
  border: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
}

#right input.pass {
  background-color: #D2D2D2;
  color: black;
  width: 112px;
  height: 17px;
  border: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
}

#middle {
  width: 670px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  padding-bottom: 24px;
  overflow: hidden;   
}

#maint_middle {
  border: 1px solid #373737;
  background-color: #404040;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 534px;
  padding: 30px;
  padding-top: 10px;	
}

#right {
  width: 137px;
  padding-left: 15px;
  padding-top: 8px;
  padding-right: 8px;
}

#right a {
  color: #F09018;
  text-decoration: none;
  display: block;
}

#container {
  width: 1010px;
  background: url(../images/container_bg.gif) repeat-y;
  margin-left: auto;
  margin-right: auto;
}

#maint_container {
  width: 1010px;
	height: 100%;
	background-color: black;	
}

#head {
  border-bottom: 1px solid #E1661E;
  margin-bottom: 2px;
  height: 112px;
  width: 1010px;
  background: url(../images/head_bg.gif) repeat-x;
  /*overflow: hidden;*/
  position:relative;
  margin-left: auto;
  margin-right: auto;
}

#head img {
  border: 0px;	
}

#foot {
  height: 14px;
  background: black;
  width: 1010px;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 9px;
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
}

#foot a {
  font-size: 13px;
  color: #D2D2D2;
  border-bottom: 5px solid black;
  text-decoration: none;
  padding-bottom: 4px;
  margin-left: 10px;
  margin-right: 10px;
}

#foot a:hover {
  border-bottom: 5px solid #F09018;
  text-decoration: none;
  padding-bottom: 4px;
}


.box_title {
  border: 0px;
  padding-bottom: 6px;
  padding-top: 12px;
  display: block;
}

#search, #login {
  line-height: 22px;
}

#search a, #login a, #search2 a {
  color: #F09018;
  text-decoration: underline;
}

span.radio {
   width: 15px;
   height: 15px;
   padding: 0 5px 0 0;
   background: url(../images/cb.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
   border-top: 2px solid black;
   cursor: hand;
 }

.liner {
  width: 135px;
  display: block;
  background: url(../images/liner_off.gif) no-repeat bottom;
  color: white;
  text-decoration: none;
  text-transform: lowercase;
}

.liner:hover {
  width: 135px;
  display: block;
  background: url(../images/liner_on.gif) no-repeat bottom;
  color: #F09018;
  text-decoration: none;
}

.liner span {
  background: black;
  padding-right: 5px;
}

#left .artist, #right .artist {
  text-transform: uppercase;
  color: #F09018;
  text-decoration: none;
  display: block;
}

#left .product, #right .product {
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  /*display: block;*/
}


#items .product {
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  display: block;
  font-size: 12px;
  width: 130px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

#items .artist {
  text-transform: uppercase;
  color: #869846;/*#F09018;*/
  text-decoration: none;
  display: block;
  margin-top: 8px;
  font-size: 12px;  
  width: 130px;
  overflow: hidden;
}

#items h1 {
	margin: 0px;
	padding: 0px;
	width: 130px;
	overflow: hidden;
}

#left .image, #right .image {
  margin-top: 5px;
  margin-bottom: 5px;
}

#left .reszletek, #right .reszletek {
  margin-top: 6px;
  margin-bottom: 10px;
}

.tablink {
  display: block;	
}

.tab {
  background: url(../images/tab_bg.gif) repeat-x;
  margin-left: 8px;
  margin-right: 8px;
  height: 20px;
  padding-top: 4px;
  font-size: 13px;
  text-align: center;
  border-right: 4px solid #404040;
}

.tab a {
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  text-decoration: none;
  font-weight: normal !important;
  text-transform: none !important;
}

.tab a:hover {
  color: #f09018;
  text-decoration: none;	
}

.tableft {
  margin-left: -8px;
  margin-top: -4px;
  background: url(../images/tab_left.gif) no-repeat;
  width: 8px;
  height: 24px;
}

.tabright {
  margin-right: -8px;
  margin-top: -4px;
  background: url(../images/tab_right.gif) no-repeat;
  width: 8px;
  height: 24px;
}

.tabon {
  background: url(../images/tab_bg_on.gif) repeat-x;
  margin-left: 8px;
  margin-right: 8px;
  height: 20px;
  padding-top: 4px;
  font-size: 13px;
  text-align: center;
  border-right: 4px solid #404040;
}

.tabon a {
  padding-left: 10px;
  padding-right: 10px;
  color: black !important;
  text-decoration: none;
    font-weight: normal !important;
  text-transform: none !important;
}

.tablefton {
  margin-left: -8px;
  margin-top: -4px;
  background: url(../images/tab_left_on.gif) no-repeat;
  width: 8px;
  height: 24px;
}

.tabrighton {
  margin-right: -8px;
  margin-top: -4px;
  background: url(../images/tab_right_on.gif) no-repeat;
  width: 8px;
  height: 24px;
}

#banner {
  text-align: center;
  margin-bottom: 24px;
  height: 220px;
  width: 690px;
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
  position: relative;
  color: white;
}

#banner ul {
	margin: 0px;
	padding: 0px;
	border:0px;
	width: 15000px;
	height: 220px;
}

#banner li {
	margin:0px;
	padding:0px;
	border:0px;
	width: 690px;
	height: 180px;
	display: block;
	float: left;
}

#slideswitcher {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 20px;
	padding-left: 10px;
}

#slideswitcher a {
	display: inline-block;
	width: 10px;
	height: 10px;
	line-height:1px;
	margin-right: 4px;
	margin-bottom: 10px;
	background-color: #a2a2a2;
	
}

#slideswitcher a.active {
	background-color: #ffffff;
}

#sliderleft {
	background: url(/images/sliderleft.png) no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 70px;
	left: 10px;
	opacity: 0.5;
}

#sliderright {
	background: url(/images/sliderright.png) no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 70px;
	right: 10px;
	opacity: 0.5;
}

#sliderleft:hover,
#sliderright:hover {
	opacity: 1.0;
}

.sidebanner {
  margin-top:10px;
  margin-bottom: 10px;	
}

#items {
  width: 669px;
  color: #d2d2d2;
}

#items strong {
  color: white;	
}

#items td.first {
  background: url(../images/item_bg.gif) repeat-y;
  width: 168px;
}

#items td {
  background: url(../images/item_bg2.gif) repeat-y;
  width: 167px;
}

#items td.item {
  padding-left: 18px;
  padding-right: 19px;
  padding-top: 12px;
  color: #A2A2A2;
}

#items img {
  border: 0px;  
}

#items td.item2{
  width: 144px;
  color: #F09018;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 28px;
  text-align: right;
  padding-right: 24px;
}

#items td.item2 img {
  margin-right:-6px;
  margin-left: 6px;
  border: 0px;
}

#items td.first2 {
  background: url(../images/item_bg.gif) repeat-y;
  width: 145px;
}

.cleartd {
  width: 167px;	
}

#cart {
	width: 168px;
	background: url(/images/cartbg.gif) repeat-x;
	padding-right: 15px;
	padding-left: 24px;
	height: 111px;
	color: #000000;
}

#cart a {
  color: #FFFFFF;
  text-decoration: underline;
}

#cart img {
  border: 0px;
}

.cart {
  font-size: 13px;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: -1px;
}

.cartproduct {
  text-transform: uppercase;	
}

.cartrow td {
  padding-bottom: 15px;
  padding-top: 5px;
}

.iframe {
	width: 137px;

  border: 0px;
  padding: 0px;
  margin: 0px;
  background-color: black;	
}

.price {
  color: #F09018;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 32px;

}

.short {
  width: 60px;	
}

#main {
  display: block;
  position: absolute;
  top: 87px;
  left: 653px;
  background: url(../images/btn_main.gif) no-repeat;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  padding-left: 11px;	
  padding-top: 5px;
  letter-spacing: -1px;
  width: 104px;
  height: 19px;
  text-decoration: none;
}

#main:hover {
  text-decoration: none;  
  color: #FFFFFF;
}

.artistname {
  padding-bottom: 5px;
  padding-top: 5px;
  margin-left: 15px;
  text-transform: uppercase;
}

.artistname a {
  color: #728535;/*#FFFFFF;#F09018*/
  text-decoration: none;	
}

.strong {
  font-weight: bold;	
}

.artistname a:hover {
  color: #ffffff;/*F09018;*/	
}

.almenu {
  background: black;
  border: 1px solid #F09018;
  position: absolute;
  left: 60px;
  margin-top: -9px;
  width: 137px;
  padding-left: 15px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  display: none;
}

#alphabet {
  width: 670px;
	text-align: center;	
}

#alphabet a {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  color: #F09018;	
  text-decoration: none;
}


.pager {
	float: right;
  text-align: right;
  font-size: 12px;  
}

.pager a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  color: #F09018; 
  text-decoration: none;
}

a.szinu {
	font-weight: normal;
  color: #F09018; 
  text-decoration: none;
}

.pager a.on {
  color: #FFFFFF;	
}

.pager select, .order select,#pagelimit {
	background-color: #D2D2D2;
  color: black;
  border: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 12px;
}

.cartbuttons .supplier{
	background:url(/images/radiobutton-unchecked-sm-th.png) no-repeat 5px center #363636;
}

.cartbuttons .supplier.son{
	background:url(/images/radiobutton-checked-sm-th.png) no-repeat 5px center #363636;
}

.supplier {
	display: block;
	width: 200px;
	text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #d2d2d2;
  text-transform: uppercase;
  text-decoration: none;	
  padding: 20px;
  border: 1px solid #373737;
  margin-bottom: 3px;
}

.supplier:hover {
	 color: #F09018;
}

.son {
	color: #F09018;
  background-color: #363636;
  border: 1px solid #d2d2d2;	
}

#elorendelheto, #action {
  color: #A2A2A2;
}

#eloadopopup,#elorendelhetopopup,#akciospopup,#historypopup,#formatinfo,#kiadopopup,#allprodpopup,#pgpopup {
  background: black;
  border: 1px solid #F09018;
  position: absolute;
  padding-left: 15px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  display: none;
  font-size: 9px;
  top: 0px;
  left: 0px;
  z-index: 10000;
}

#pgpopup {
	width: 200px;
}

#akciostitle {
  margin: 10px;
  /*margin-bottom: 16px;*/
}

#akciosbtn {
  margin: 10px;
  margin-top: 15px;
}

#morzsamenu {
  margin-top: -8px;
  margin-bottom: 10px;
  margin-left: 0px;
  font-size: 12px;	
}

#morzsamenu a {
  text-decoration: none;
  text-transform: uppercase;
  color: #f09018;  	
}

#morzsamenu a:hover {
  color: white;	
}

.highlight a {
  /*color: #ffffff;*//*#f09018;*/
  font-weight: bold;
  margin-left: -2px;
}

.highlight a:hover {
  /*color: #f09018;*//*white;*/
  margin-left: -2px;
}

.warning {
  font-size: 10px;
  font-weight: bold;
  color: #f09018;
  text-transform: uppercase;
}

#csearch option {
  width: 200px;
  border: 0px;
  background-color: #d2d2d2; 
}

.sidebar_price {
	font-weight: bold;
	float: right;
	padding-top: 8px;
	color: #869846;
}

fieldset {
  border: 0px;
  border: 1px solid #373737;
  margin: 0px;
  margin-bottom: 15px;
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

fieldset.noborder {
  border: 0px;
  border: 1px solid #404040;
}

legend {
  color: #d2d2d2;
  font-size: 11px;
  margin-left: 10px;
  text-transform: uppercase;
}

#extraformats {
  position: absolute;
  margin-top: 0px;
  width: 170px;
  margin-left: -8px;
  display: none;
}

.extra {
  background: #363636;
}
.extraon {
  background: #f09018;
}

.extra a {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid black;
}

.extraon a {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid black;
  color: black;
}

.extraon a:hover {
  color: black;
}

#items a {
  color: #869846;	
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}

#moreproduct {
	position: absolute;
	width: 760px;
	height: 540px;
	border: 1px solid #D7D7D7;
	background-color: #404040;
	padding-top: 10px;
	padding-left: 10px;
	top: 120px;
	left: 160px;
	z-index: 10;
	display: none;
}

#moreproduct .sidebarproduct {
	float: left;
	width: 140px;
	height: 125px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #A2A2A2;
}

#moreproduct a.product {
	display: inline;
}

#moreproduct .artistandproduct {
	height: 55px;
	overflow: hidden;
}

#ha {
	background: black;
  width: 990px;
	padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

#ha h1 {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 13px;
	display: -moz-inline-stack;
	display: inline-block;
}

#ha a {
	text-decoration: none;
	color: #F09018;
	text-transform: uppercase;
}

#ha span {
  color: #373737;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  
}

.searchtab {
	float: left;
	display: block;
	background: #000000 url(/images/searchtab_off.gif) no-repeat 3px 4px;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 8px;
	font-size: 11px;
	text-decoration: none;
	margin-left: -3px;
	color: #ffffff;
	letter-spacing: -1px;
}

.stactive {
  background:  #484848 url(/images/searchtab_on.gif) no-repeat 3px 4px !important;
}

#stc {
  margin-right: -3px;
  margin-left: 1px !important;	
}

#searchsimple {
  background-color: #484848;
  margin-left: -3px;
  margin-right: -3px;	
  padding-left: 3px;
  padding-right: 3px;
}

#searchsimple span.radio {
  border-top: 2px solid #484848;	
}

#searchcombined {
	display: none;
	background-color: #484848;
	margin-left: -3px;
	margin-right: -3px;
	padding-left: 3px;
	padding-top: 3px;
}

#searchcombined input {
  margin-top: 2px;
  margin-bottom: 2px;	
}

#searchcombined .smallinput {
  width: 50px !important;
}

.allprod {
  text-transform: lowercase !important;
  font-size: 11px;	
}

#history {
  padding-top: 12px;	
}

#history .box_title {
  padding-top: 0px;	
}

#multicart {
	font-size: 10px !important;
}

#multicart input {
	border: 0px;
	background-color: #D2D2D2;
	color: black;
	width: 112px;
	height: 17px;
}

#multicart .orderlink, #items th .orderlink {
	text-transform: none !important;
	color: #F09018 !important;
}

#multicart .orderlinkactive,#items th .orderlinkactive {
	text-transform: none !important;
	color: white !important;
}

.orderlinkimg {
	margin-bottom: 2px;
	margin-right: 5px;
}

#multicart .artist {
  text-transform: uppercase;
  color: #869846;/*#F09018;*/
  text-decoration: none;
  font-size: 12px !important;
  font-weight: bold;
}

#multicart a,#items th a {
	text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 12px !important;
  font-weight: bold;
}

#multicart td {
	color: #a2a2a2;
	font-size: 12px;
	font-weight: normal;
}

#multicart td.price {
	text-align: right;
	color: #F09018;
	font-size: 12px;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
}

#floatcart {
	background: #869846;
	color: black;
	border: 1px solid #ffffff;
	padding: 10px;
	margin-left: -10px;
	margin-right: -10px;
	position: fixed;
	width: 668px;
	top:0;
	display: none;
	-moz-box-shadow:    0px 3px 8px 3px #000;
  	-webkit-box-shadow: 0px 3px 8px 3px #000;
  	box-shadow:         0px 3px 8px 3px #000;
  	z-index: 10000;
}

#floatcart a {
  color: white;
  text-decoration: underline;
}

#floatcart .cart {
	color: white;
}

.multipager {
	display: block;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 12px;
	background-color: #535353; 
	border: 1px solid #373737;
	color: #A2A2A2 !important;
	text-decoration: none;
	text-transform: none !important;
}

.incart {
	position: absolute;
	background: #ff0000 url(/images/icon_smallredcart.gif) no-repeat 1px center;
	color: white;
	padding: 0px;
	font-size: 10px;
	margin-left: 20px;
	margin-top: -4px;
	padding-left: 15px;
	padding-right: 1px;
}

.incarttr {
	background: #545849;
}

#listtable td {
	padding-top:7px;
	padding-bottom:7px;
}

#listtable .bordered td,#listtable .bordered th {
	border-bottom:1px solid #373737;	
}

#listtable .topbordered td,#listtable .topbordered th {
	border-top:1px solid #373737;
}

#listtable th, #items th {
	background: #373737;
	padding-top:7px;
	padding-bottom: 7px;
	text-align: left;
}

.leftborder {
	border-left: 1px solid #373737;
}

.rightborder {
	border-right: 1px solid #373737;
}

.hoverclass:hover {
	background: #373737;
}

#my-recommendation-container {
    background: black;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 7px;
    margin-right: 7px;
}

#my-recommendation-container .sidebarproduct {
    float: left;
    width: 142px;
    color: #A2A2A2;
    margin-left: 10px;
    margin-right: 10px;
}

#my-recommendation-container .artist {
text-transform: uppercase;
color: #F09018;
text-decoration: none;
display: block;
}

#my-recommendation-container .product {
text-transform: uppercase;
color: white;
text-decoration: none;
}

#my-recommendation-container .image {
  margin-top: 5px;
  margin-bottom: 5px;
}

.leftbgbanner{
  margin-left: -395px;
  position: fixed;
  top: 0;
}

.rightbgbanner{
  margin-left: 1010px;
  position: fixed;
  top: 0;
}

.cartbuttons .supplier.disabled{
 background: none;
 color: grey;
 font-size: 11px;
}
.cartbuttons .supplier.disabled:hover{
 text-decoration: line-through;
 color: grey;

}