/* Az alap style.css definícióinak bővítése */
.gyertya div { text-align:center;cursor:pointer;position:absolute;top:0px;left:0px;width:26px;height:67px;border-radius:10px; }
.gyertya div.z11 { z-index:11; }
.gyertya div.z12 { z-index:12; }

/* keretek */
.gyertya div.bnone { border:none; } 
.gyertya div.bnone-selected { border:white dotted 1px; }

/* Színes keretek */
.gyertya div.b1  { border:2px #f00 solid; } .gyertya div.b1-selected  { border:2px #f00 dashed; }
.gyertya div.b2  { border:2px #f30 solid; } .gyertya div.b2-selected  { border:2px #f30 dashed; }
.gyertya div.b3  { border:2px #f60 solid; } .gyertya div.b3-selected  { border:2px #f60 dashed; }
.gyertya div.b4  { border:2px #f90 solid; } .gyertya div.b4-selected  { border:2px #f90 dashed; }
.gyertya div.b5  { border:2px #fc0 solid; } .gyertya div.b5-selected  { border:2px #fc0 dashed; }
.gyertya div.b6  { border:2px #ff0 solid; } .gyertya div.b6-selected  { border:2px #ff0 dashed; }
.gyertya div.b7  { border:2px #cf0 solid; } .gyertya div.b7-selected  { border:2px #cf0 dashed; }
.gyertya div.b8  { border:2px #9f0 solid; } .gyertya div.b8-selected  { border:2px #9f0 dashed; }
.gyertya div.b9  { border:2px #6f0 solid; } .gyertya div.b9-selected  { border:2px #6f0 dashed; }
.gyertya div.b10 { border:2px #3f0 solid; } .gyertya div.b10-selected { border:2px #3f0 dashed; }
.gyertya div.b11 { border:2px #0f0 solid; } .gyertya div.b11-selected { border:2px #0f0 dashed; }
.gyertya div.b12 { border:2px #0f3 solid; } .gyertya div.b12-selected { border:2px #0f3 dashed; }
.gyertya div.b13 { border:2px #0f6 solid; } .gyertya div.b13-selected { border:2px #0f6 dashed; }
.gyertya div.b14 { border:2px #0f9 solid; } .gyertya div.b14-selected { border:2px #0f9 dashed; }
.gyertya div.b15 { border:2px #0fc solid; } .gyertya div.b15-selected { border:2px #0fc dashed; }
.gyertya div.b16 { border:2px #0ff solid; } .gyertya div.b16-selected { border:2px #0ff dashed; }
.gyertya div.b17 { border:2px #0cf solid; } .gyertya div.b17-selected { border:2px #0cf dashed; }
.gyertya div.b18 { border:2px #09f solid; } .gyertya div.b18-selected { border:2px #09f dashed; }
.gyertya div.b19 { border:2px #06f solid; } .gyertya div.b19-selected { border:2px #06f dashed; }
.gyertya div.b20 { border:2px #03f solid; } .gyertya div.b20-selected { border:2px #03f dashed; }
.gyertya div.b21 { border:2px #00f solid; } .gyertya div.b21-selected { border:2px #00f dashed; }
.gyertya div.b22 { border:2px #30f solid; } .gyertya div.b22-selected { border:2px #30f dashed; }
.gyertya div.b23 { border:2px #60f solid; } .gyertya div.b23-selected { border:2px #60f dashed; }
.gyertya div.b24 { border:2px #90f solid; } .gyertya div.b24-selected { border:2px #90f dashed; }
.gyertya div.b25 { border:2px #c0f solid; } .gyertya div.b25-selected { border:2px #c0f dashed; }
.gyertya div.b26 { border:2px #f0f solid; } .gyertya div.b26-selected { border:2px #f0f dashed; }
/* Szürke keretek */
.gyertya div.b27 { border:2px #000 solid; } .gyertya div.b27-selected { border:2px #000 dashed; }
.gyertya div.b28 { border:2px #333 solid; } .gyertya div.b28-selected { border:2px #333 dashed; }
.gyertya div.b29 { border:2px #666 solid; } .gyertya div.b29-selected { border:2px #666 dashed; }
.gyertya div.b30 { border:2px #999 solid; } .gyertya div.b30-selected { border:2px #999 dashed; }
.gyertya div.b31 { border:2px #ccc solid; } .gyertya div.b31-selected { border:2px #ccc dashed; }
.gyertya div.b32 { border:2px #fff solid; } .gyertya div.b32-selected { border:2px #fff dashed; }


/* ikonok */
.gyertya div { background-position:center 52px; background-repeat:no-repeat; }
.gyertya div.inone-layer { background-image:url(/images/spacer.gif); } 
.gyertya div.i1-layer { background-image:url(/icons/egyedi/glory.png); background-position:center 0px; }
.gyertya div.i2-layer { background-image:url(/icons/egyedi/heart.png); }
.gyertya div.i3-layer { background-image:url(/icons/egyedi/heart.png); background-position:center 0px; }
.gyertya div.i4-layer { background-image:url(/icons/egyedi/eye.png); }
.gyertya div.i5-layer { background-image:url(/icons/egyedi/eye.png); background-position:center 0px; }
.gyertya div.i6-layer { background-image:url(/icons/egyedi/emoticon_unhappy.png); }
.gyertya div.i7-layer { background-image:url(/icons/egyedi/emoticon_unhappy.png); background-position:center 0px; }
.gyertya div.i8-layer { background-image:url(/icons/egyedi/emoticon_smile.png); }
.gyertya div.i9-layer { background-image:url(/icons/egyedi/emoticon_smile.png); background-position:center 0px; }
.gyertya div.i10-layer { background-image:url(/icons/egyedi/book_open.png); }
.gyertya div.i11-layer { background-image:url(/icons/egyedi/book_open.png); background-position:center 0px; }
.gyertya div.i12-layer { background-image:url(/icons/egyedi/cake.png); }
.gyertya div.i13-layer { background-image:url(/icons/egyedi/cake.png); background-position:center 0px; }
.gyertya div.i14-layer { background-image:url(/icons/egyedi/comment.png); }
.gyertya div.i15-layer { background-image:url(/icons/egyedi/comment.png); background-position:center 0px; }
.gyertya div.i16-layer { background-image:url(/icons/egyedi/car.png); }
.gyertya div.i17-layer { background-image:url(/icons/egyedi/car.png); background-position:center 0px; }
.gyertya div.i18-layer { background-image:url(/icons/egyedi/flag_yellow.png); }
.gyertya div.i19-layer { background-image:url(/icons/egyedi/flag_yellow.png); background-position:center 0px; }
.gyertya div.i20-layer { background-image:url(/icons/egyedi/flag_blue.png); }
.gyertya div.i21-layer { background-image:url(/icons/egyedi/flag_blue.png); background-position:center 0px; }
.gyertya div.i22-layer { background-image:url(/icons/egyedi/flag_red.png); }
.gyertya div.i23-layer { background-image:url(/icons/egyedi/flag_red.png); background-position:center 0px; }
.gyertya div.i24-layer { background-image:url(/icons/egyedi/flag_green.png); }
.gyertya div.i25-layer { background-image:url(/icons/egyedi/flag_green.png); background-position:center 0px; }
.gyertya div.i26-layer { background-image:url(/icons/egyedi/time.png); }
.gyertya div.i27-layer { background-image:url(/icons/egyedi/time.png); background-position:center 0px; }
.gyertya div.i28-layer { background-image:url(/icons/egyedi/sport_soccer.png); }
.gyertya div.i29-layer { background-image:url(/icons/egyedi/sport_soccer.png); background-position:center 0px; }
.gyertya div.i30-layer { background-image:url(/icons/egyedi/star.png); }
.gyertya div.i31-layer { background-image:url(/icons/egyedi/star.png); background-position:center 0px; }
.gyertya div.i32-layer { background-image:url(/icons/egyedi/world.png); }
.gyertya div.i33-layer { background-image:url(/icons/egyedi/world.png); background-position:center 0px; }
.gyertya div.i34-layer { background-image:url(/icons/egyedi/cup.png); }
.gyertya div.i35-layer { background-image:url(/icons/egyedi/cup.png); background-position:center 0px; }

/* layerek */
.gyertya div.l0-layer { background-image:url(/images/spacer.gif); }
.gyertya div.homaly-layer { background-color:lime; opacity:0.4; }
.gyertya div.ho-layer { background-image:url(/images/bgs/Background_snow.gif); background-position:center center; background-repeat:repeat; }

/* kiválasztva */
.gyertya div.selected { border:2px white double; }

/* A válogató accordion */
#elemek { width:780px; }
#elemek .open, #elemek .close { text-align:left; background-color:#333; color:black; margin-top:4px; }
#elemek .open a, #elemek .close a { color:#fff; }
#elemek .open a { text-decoration:none; }
#elemek > div {  background-color:#333; color:white; padding:10px; border-radius: 0 0 15px 15px; border:3px inset #ccc; border-top:none; }
#elemek .open { 
	padding:10px; border-radius: 15px 15px 0 0; border:3px inset #ccc; border-bottom:none; 
	background-image: url(/icons/minus.png); background-repeat: no-repeat; background-position: 10px; padding-left: 30px;
}
#elemek .close { 
	padding:10px; border-radius: 15px 15px 15px 15px; border:3px outset #ccc;
	background-image: url(/icons/plus.png); background-repeat: no-repeat; background-position: 10px; padding-left: 30px;
}

/* A válogatáshoz a bemutatóterem stílusai */
div.preview-final { text-align:left; }
div.preview-final .marble { background: #000000 url(/images/marb080x.jpg); float:left; padding: 10px 10px; border-radius:10px; }
div.preview-final .gyertya { float:left; }
div.preview-final .pay-buttons { padding:0; clear:both; }
div.preview-final .pay-buttons div.ok { float:left; }
div.preview-final .pay-buttons div.cancel { float:right; }
div.preview-final .pay-buttons div.ok #go { background-image: url(/icons/accept.png); background-repeat: no-repeat; background-position: 95%; padding: 5px 25px 5px 5px; cursor:pointer; border-radius:10px; }
div.preview-final .pay-buttons div.cancel { background-image: url(/icons/cancel.png); background-repeat: no-repeat; background-position: 96%; padding: 5px 30px 5px 5px; border-radius:10px; border:thin red solid; }

div.preview-items-area { width:756px; height:76px; background: #000000 url(/images/marb080x.jpg); }
div.preview-items-area .gyertya { float:left; margin:3px 0 0 5px ; width:34px; }
div.preview-items-area .gyertya img.remove { margin-top:26px; }
div.egyedi-pay, div.egyedi-pay-hello { margin-left:10px; float:left; }
.remove-text { float:left; }

/* Gyertya oldalán */
div.egyedilink { text-align:left; background-image: url(/icons/color_wheel.png); background-repeat: no-repeat; background-position: left; padding-left: 20px; margin-bottom:15px; }
div.egyedilink a { color:lime; }

/* Fizetési módok tabber */
div.pay-mode-tabs { float:left; width:90px; padding-top:10px; }
div.pay-mode-tabs div { border:thin white solid; border-radius: 5px 0 0 5px; padding:3px; background:none repeat scroll 0 0 #666; clear:both; cursor:pointer; margin:2px 0; width:84px; border-right:none; }
div.pay-mode-tabs div.active { background-color:#333; position:relative; z-index:102;  }

div.pay-mode-content { float:left; width:580px; padding:10px; border:thin white solid; border-radius:10px; }
div.pay-mode-content div.hidden { display:none; }
div.pay-mode-content input[type=text] { width:100px; }
